body:has(#academicReport){height:auto;min-height:100dvh;align-items:flex-start}
body:has(#academicReport) .app-shell{max-width:1040px;max-height:none}
body:has(#academicReport) #app{max-width:none;max-height:none;overflow:visible;text-align:left;padding:26px}
#academicReport{color:#004f71;font-size:15px}
#academicReport *{box-sizing:border-box}
#academicReport h1{font-size:30px;margin:8px 0}
#academicReport h2{font-size:20px;margin:0 0 5px}
#academicReport h3{font-size:16px;margin:0 0 5px}
#academicReport p{margin:5px 0}
#academicReport .ar-top,#academicReport .ar-between{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
#academicReport .ar-badge{background:#ffcb05;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:800}
#academicReport .ar-learner{font-size:19px;font-weight:800}
#academicReport .ar-note,#academicReport small{font-size:13px;color:#425c6b;line-height:1.5}
#academicReport small{display:block}
#academicReport .ar-controls{display:flex;gap:18px;flex-wrap:wrap;margin:22px 0 0}
#academicReport .ar-controls label{flex:1;min-width:180px;font-size:14px;font-weight:800}
#academicReport .ar-controls label[hidden]{display:none}
#academicReport select{margin:6px 0 10px;font-size:16px}
#academicReport .ar-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
#academicReport .ar-stats section{background:#f2f7fa;border:1px solid #ccdce4;border-radius:16px;padding:17px}
#academicReport .ar-stats strong{display:block;font-size:28px;line-height:1.25;margin:8px 0}
#academicReport .ar-stats .ar-delta{font-size:20px}
#academicReport .ar-columns{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px}
#academicReport .ar-panel{border:1px solid #ccdce4;border-radius:16px;padding:18px;min-width:0;overflow-wrap:anywhere}
#academicReport .ar-subjects{display:grid;gap:10px;margin-top:16px}
#academicReport .ar-subject{font:700 15px 'Nunito',sans-serif;width:100%;text-align:left;border:2px solid #ccdce4;background:#fff;color:#004f71;border-radius:12px;padding:12px;cursor:pointer;overflow-wrap:anywhere}
#academicReport .ar-subject[aria-pressed=true]{border-color:#00799e;background:#edf6f9}
#academicReport .ar-meter{height:8px;background:#d6e4eb;border-radius:8px;overflow:hidden;margin:10px 0}
#academicReport .ar-meter span{display:block;height:100%;background:#00799e;border-radius:8px}
#academicReport .ar-topic{padding:14px 0;border-bottom:1px solid #d5e3eb}
#academicReport .ar-insight{margin:18px 0}
#academicReport .ar-help{padding-left:13px;border-left:4px solid #ffcb05;margin:18px 0}
#academicReport .ar-bottom{border-top:1px solid #ccdce4;margin-top:22px;padding-top:16px}
#academicReport .ar-empty{padding:20px 0}
#academicReport button:focus-visible{outline:3px solid #00799e;outline-offset:3px}
@media(max-width:650px){body:has(#academicReport){padding:14px}body:has(#academicReport) #app{padding:18px}#academicReport .ar-columns,#academicReport .ar-stats{grid-template-columns:1fr}#academicReport .ar-stats section{padding:13px}#academicReport h1{font-size:26px}}