/* Practice insights: analysis after a Listening or Reading test */
.pi-report{margin:22px 0 8px;display:grid;gap:16px}
.pi-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;border-radius:20px;color:#f6e6d8;background:radial-gradient(120% 140% at 0% 0%,#6b4130 0%,#3d261c 55%,#2a1b14 100%)}
.pi-hero small{font:800 11px var(--sans);letter-spacing:.14em;color:#e6c3a8}
.pi-hero h3{margin:6px 0 6px;font:700 28px var(--serif);color:#fff8ef}
.pi-hero p{margin:0;color:#e6cdb9;line-height:1.6}
.pi-hero p b{color:#fff8ef}
.pi-hero strong{font:700 64px/1 var(--serif);color:#fff8ef}
.pi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pi-card{padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:#fffdf8}
.pi-card h4{margin:0 0 14px;font:700 21px var(--serif);color:var(--espresso)}
.pi-card p{margin:0;color:var(--brown);line-height:1.6}
.pi-sub{margin-top:18px!important;font-size:17px!important}
.pi-bar{margin-bottom:12px}
.pi-bar span{display:flex;justify-content:space-between;gap:10px;font-size:14px;color:var(--brown)}
.pi-bar em{font-style:normal;font-weight:800;color:var(--espresso)}
.pi-bar i{display:block;height:8px;margin-top:6px;border-radius:999px;background:#efe3d3;overflow:hidden}
.pi-bar u{display:block;height:100%;border-radius:999px;background:var(--espresso)}
.pi-bar.weak b,.pi-bar.weak em{color:var(--terracotta-dark)}
.pi-bar.weak u{background:var(--terracotta)}
.pi-parts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pi-parts span{padding:10px;border-radius:12px;background:#f7ede0;text-align:center;font-weight:800;color:var(--espresso)}
.pi-parts span b{display:block;font:700 12px var(--sans);color:var(--muted)}
.pi-parts span.low{background:#fbe9e5;color:#a3352a}
.pi-errors{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.pi-errors li{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding-bottom:12px;border-bottom:1px solid #efe3d3}
.pi-errors li:last-child{border-bottom:0;padding-bottom:0}
.pi-errors b{color:var(--espresso)}
.pi-errors em{font-style:normal;font-weight:800;color:var(--terracotta-dark)}
.pi-errors p{grid-column:1/-1;font-size:14px}
.pi-plan ol{margin:0 0 16px;padding-left:20px;display:grid;gap:10px;color:var(--brown);line-height:1.6}
.pi-plan b{color:var(--espresso)}
.pi-mistakes summary{cursor:pointer;font:700 19px var(--serif);color:var(--espresso)}
.pi-table{margin-top:14px;display:grid;font-size:14px}
.pi-row{display:grid;grid-template-columns:44px 1.3fr 1fr 1fr 1.2fr;gap:10px;padding:9px 0;border-top:1px solid #efe3d3;color:var(--brown)}
.pi-row.head{border-top:0;font:800 11px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pi-row .given{color:#a3352a;text-decoration:line-through;text-decoration-color:rgba(163,53,42,.4)}
.pi-row .given i{font-style:normal;text-decoration:none}
.pi-row .right{font-weight:800;color:var(--espresso)}
@media (max-width:900px){.pi-grid{grid-template-columns:1fr}}
@media (max-width:640px){.pi-hero{padding:20px}.pi-hero strong{font-size:48px}.pi-row{grid-template-columns:34px 1fr 1fr}.pi-row span:nth-child(2),.pi-row span:nth-child(5){display:none}.pi-parts{grid-template-columns:repeat(2,1fr)}}