@charset "UTF-8";
.question-top-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 27px;border-bottom:1px solid #e8edee}.question-top-navigation span{font-size:12px;color:#60767c}.question-top-navigation button{min-height:44px;padding:8px 18px}@media(max-width:760px){.question-top-navigation{padding:8px 12px;gap:8px}.question-top-navigation button{padding:8px 14px;font-size:13px}}
:root{font-family:"Yu Gothic UI","Meiryo",system-ui,sans-serif;color:#21383e;background:#f3f6f7;font-synthesis:none;--ink:#172d32;--green:#14715c;--line:#dbe3e5;--muted:#60767c;--mint:#e9f6ef}
*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.65}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:var(--green);text-underline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #318bce;outline-offset:4px}button{transition:background .15s,border-color .15s}h1,h2,h3,p{margin:0}h1{font-size:28px;letter-spacing:.025em;line-height:1.5}h2{font-size:21px}h3{font-size:18px}small{font-size:13px}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--ink);color:#fff;padding:32px 22px;display:flex;flex-direction:column;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:22px;font-weight:700;letter-spacing:.04em}.brand-icon{display:grid;place-items:center;color:#a6e5bf;font-size:31px;border:1px solid #658d81;border-radius:10px;width:44px;height:48px}.brand small{display:block;color:#a7c0bf;font-size:10px;letter-spacing:.16em;margin-top:1px}.side-caption{color:#a9bfc2;font-size:12px;margin:23px 0 24px}.main-nav{display:grid;gap:8px}.main-nav button{display:flex;gap:13px;padding:12px 15px;border:0;background:none;color:#bed0d2;text-align:left;border-radius:7px;font-weight:600}.main-nav button span{font-size:20px;line-height:1.3;width:20px;text-align:center}.main-nav button:hover{background:#29464b}.main-nav .nav-active{color:#c6f7dc;background:#2b4849;box-shadow:inset 3px 0 #96dfb4}.settings{border-top:1px solid #385056;margin-top:30px;padding-top:23px}.settings summary{font-size:13px;font-weight:bold;color:#b4c9cd;letter-spacing:.07em;cursor:pointer}.settings form{margin-top:17px}.settings label{display:block;font-size:13px;color:#bdcfd2;margin:15px 0 6px}.settings select{width:100%;font-size:14px;background:#233d43;color:#f5fbfc;border:1px solid #51666a;border-radius:6px;padding:10px 8px}.settings .check{display:flex;gap:8px;align-items:center;margin:20px 0}.check input{width:17px;height:17px;accent-color:#92dfb5}.start-btn{border:0;border-radius:6px;background:#b1e6c6;color:#123b31;font-size:14px;font-weight:700;width:100%;padding:12px 10px;display:flex;justify-content:space-between}.start-btn:hover{background:#d0f6df}.sidebar-bottom{font-size:11px;color:#b9cacc;margin-top:auto;padding-top:35px;line-height:2}.sidebar-bottom small{color:#8eaaae;font-size:11px}.local-dot{display:inline-block;background:#a7ddba;width:6px;height:6px;border-radius:50%;margin-right:5px}.workspace{margin-left:248px}.topbar{height:73px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:white;font-size:13px;color:var(--muted)}.topbar strong{font-weight:500;color:var(--ink);margin-left:8px}.topbar-note{font-size:12px;color:#71858a}main{padding:32px 40px 48px;max-width:1220px;margin:auto;min-height:calc(100vh - 140px)}.page-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:22px}.eyebrow{font-size:11px;letter-spacing:.15em;color:var(--green);font-weight:700;margin-bottom:4px}.page-head p{font-size:14px;color:var(--muted);margin-top:5px}.badge{display:inline-flex;align-items:center;border:1px solid #cbded5;background:#eef8f1;color:#2e7056;padding:5px 11px;border-radius:5px;font-size:12px;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:25px}.metric{border:1px solid var(--line);background:white;border-radius:9px;padding:15px 20px;display:flex;align-items:baseline;gap:12px}.metric-label{font-size:13px;color:var(--muted);margin-right:auto}.metric strong{font-size:26px;font-weight:650;line-height:1.2;font-variant-numeric:tabular-nums}.metric small{color:var(--muted)}.question-card{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden;box-shadow:0 3px 10px #153b4410}.question-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 27px;border-bottom:1px solid #e8edee}.question-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.question-number{font-family:ui-monospace,monospace;font-size:24px;font-weight:650;color:var(--green)}.question-title{font-size:14px;font-weight:600}.question-meta{font-size:12px;color:var(--muted);margin-top:1px}.bookmark{border:1px solid var(--line);background:white;border-radius:6px;padding:7px 11px;font-size:13px;color:#556d73;white-space:nowrap}.bookmark[aria-pressed=true]{background:#fff5d8;color:#755511;border-color:#e5cc83}.image-tools{display:flex;justify-content:flex-end;padding:12px 26px 0;gap:18px;font-size:12px}.plain-button{background:none;border:0;color:var(--muted);font-size:13px;padding:0}.plain-button:hover{color:var(--green)}.question-image{display:block;width:100%;height:auto;max-width:760px;margin:2px auto 8px}.question-paper{padding:0 20px}.source-line{font-size:11px;color:#6f7f84;margin:8px 27px 15px}.answer-area{border-top:1px solid #e9eeee;padding:21px 27px 25px}.answer-label{font-size:14px;font-weight:600;margin-bottom:12px}.answers{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.answer{background:white;border:1px solid #cbd7db;border-radius:7px;padding:13px;display:flex;justify-content:center;align-items:center;gap:15px;color:var(--ink);font-size:20px;font-weight:600}.answer small{font-size:11px;color:#94a1a5;font-weight:normal}.answer:not(:disabled):hover{background:#f2f8f5;border-color:#5c9d84}.answer.selected{background:#e9f6ef;border:2px solid var(--green);padding:12px}.answer.correct{background:#e6f6ed;border:2px solid #20835d;opacity:1}.answer.incorrect{background:#fff0ee;border:2px solid #c46353;opacity:1}.action-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}.hint{font-size:12px;color:#7c8c91}.primary{border:1px solid var(--green);background:var(--green);color:white;border-radius:6px;padding:11px 28px;font-size:14px;font-weight:600}.primary:hover{background:#0d5c49}.secondary{border:1px solid #c9d7da;background:white;color:#35565d;border-radius:6px;padding:10px 20px;font-size:14px}.secondary:hover{background:#edf4f3}.feedback{margin-top:19px;padding:18px 20px;background:#edf8f1;border:1px solid #c6e5d2;border-radius:7px}.feedback.wrong{background:#fff5ef;border-color:#eed5c4}.feedback p{margin-top:4px;font-size:13px;color:#5b706d}.feedback strong{font-size:20px}.question-footer{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:14px}.progress-area{max-width:340px;flex:1;text-align:center}.progress-area p{font-size:12px;color:var(--muted);margin-bottom:6px}progress{display:block;width:100%;height:5px;border:0;border-radius:3px;background:#dfe7e8;accent-color:var(--green)}progress::-webkit-progress-bar{background:#dfe7e8;border-radius:3px}progress::-webkit-progress-value{background:var(--green);border-radius:3px}.session-map{display:flex;gap:6px;flex-wrap:wrap;margin-top:22px}.map-button{width:33px;height:33px;border:1px solid #cddadd;border-radius:5px;background:white;color:#576f74;font-size:12px}.map-button.current{outline:2px solid var(--green);outline-offset:2px}.map-button.done{background:#e0f1e7;color:#236145;border-color:#b3d7c1}.map-button.missed{background:#fae8e2;color:#974531;border-color:#e9c6b8}.map-legend{font-size:11px;color:var(--muted);margin-top:9px}.empty{padding:65px 25px;background:white;border:1px solid var(--line);border-radius:10px;text-align:center}.empty p{margin:12px auto 24px;max-width:560px;color:var(--muted);font-size:14px}.toolbar{display:flex;gap:12px;align-items:center;margin:20px 0}.toolbar input,.toolbar select{padding:10px 13px;border:1px solid #cbd8dc;border-radius:6px;background:white;min-width:0}.toolbar input{flex:1}.question-list{display:grid;gap:9px}.list-row{display:flex;align-items:center;gap:15px;border:1px solid var(--line);background:white;border-radius:8px;padding:17px 20px}.list-row .list-title{flex:1}.list-row h3{font-size:15px;font-weight:600}.list-row p{font-size:12px;color:var(--muted)}.status-pill{font-size:12px;padding:3px 8px;background:#eef3f5;border-radius:4px;white-space:nowrap}.status-pill.good{background:#e3f3e9;color:#2f6a4f}.status-pill.bad{background:#f9e7e0;color:#974a37}.record-card{border:1px solid var(--line);background:white;padding:24px;border-radius:10px;margin:18px 0}.record-card p{font-size:14px;color:var(--muted);margin-top:8px}.record-card progress{margin-top:20px}.record-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.danger{color:#ad4438}.error-notice{background:#fff0e9;color:#813a21;padding:12px 20px;border:1px solid #e3b7a2;border-radius:6px;font-size:14px;margin-bottom:20px}footer{border-top:1px solid var(--line);padding:22px 40px;color:#6c8186;font-size:11px;display:flex;gap:18px;justify-content:space-between}dialog{border:0;border-radius:10px;padding:0;width:min(1200px,96vw);max-height:94vh;box-shadow:0 10px 50px #0005}dialog::backdrop{background:#12282cbb}.dialog-bar{display:flex;justify-content:space-between;padding:15px 20px;background:white;position:sticky;top:0;border-bottom:1px solid var(--line)}dialog img{display:block;width:100%;height:auto}.loading{padding:80px;text-align:center;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}
@media(min-width:1500px){main{padding-top:40px}.question-image{max-width:790px}}
@media(max-width:1100px){.sidebar{width:220px;padding:26px 17px}.workspace{margin-left:220px}main{padding:26px 24px}.topbar{padding:0 24px}.brand{font-size:20px}.metric{padding:13px;gap:7px}.metric strong{font-size:23px}.metric-label{font-size:12px}.topbar-note{display:none}}
@media(max-width:760px){.sidebar{position:static;width:100%;padding:17px 20px;overflow:visible}.brand{font-size:20px}.brand-icon{height:38px;width:37px;font-size:25px}.brand small{font-size:9px}.side-caption,.sidebar-bottom{display:none}.main-nav{display:flex;gap:5px;margin-top:17px}.main-nav button{flex:1;justify-content:center;font-size:13px;padding:9px 5px;gap:7px}.main-nav button span{font-size:17px}.settings{margin-top:15px;padding-top:12px}.settings form{display:grid;grid-template-columns:100px 1fr;gap:12px;align-items:center}.settings label{margin:0}.settings .check{grid-column:2;margin:0}.start-btn{grid-column:1/-1;justify-content:center;gap:25px}.workspace{margin:0}.topbar{height:47px;padding:0 20px;font-size:12px}main{padding:23px 15px 35px}h1{font-size:24px}.page-head{gap:6px}.page-head p{font-size:12px}.badge{font-size:10px;padding:4px 7px}.metrics{gap:7px;margin-bottom:18px}.metric{display:block;padding:11px 12px}.metric-label{display:block;margin-bottom:5px}.metric strong{font-size:23px}.metric small{font-size:11px;margin-left:5px}.question-header{padding:15px}.question-title{font-size:12px}.question-number{font-size:21px}.question-heading{gap:8px}.bookmark{font-size:11px;padding:6px}.question-paper{padding:0 6px;overflow:auto}.question-image{min-width:480px}.image-tools{padding:10px 15px 0}.source-line{margin-left:15px;font-size:10px}.answer-area{padding:18px 15px}.answers{gap:8px}.answer{padding:12px 8px}.answer.selected{padding:11px 7px}.answer small,.hint{display:none}.action-row{justify-content:flex-end}.primary{padding:11px 24px}.question-footer .secondary{padding:8px 12px;font-size:12px}.progress-area{max-width:180px}.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%}.list-row{padding:13px;gap:9px;flex-wrap:wrap}.list-row .list-title{min-width:150px}.list-row .secondary{padding:7px 13px}footer{padding:20px;display:block}footer span{display:block;margin-top:5px}.record-card{padding:18px}.record-card h2{font-size:18px}}
.mobile-image-hint{display:none}.list-count{font-size:13px;color:var(--muted);margin-bottom:5px}.recent-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #e8eeee}.recent-row strong{font-size:14px;font-weight:600}.recent-row p{font-size:12px;margin:3px 0}.record-card .storage-note{font-size:12px;margin-top:24px;color:#708489}
@media(max-width:760px){.question-image{min-width:0}.mobile-image-hint{display:block;margin:8px 15px;color:var(--muted);font-size:11px}dialog img{min-width:760px}.dialog-bar{position:sticky;left:0;min-width:0}.question-paper{overflow:visible}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Account and mixed-year study surfaces */
body:not(.authenticated) .sidebar,body:not(.authenticated) .topbar,body:not(.authenticated) .mobile-header{display:none}
body:not(.authenticated) .workspace{margin:0}
body:not(.authenticated) main{min-height:calc(100dvh - 80px);display:grid;align-content:center;padding:36px 20px}
.auth-panel{width:min(100%,460px);margin:0 auto;border:1px solid var(--line);background:white;padding:30px;border-radius:13px;box-shadow:0 12px 45px #193e4710}
.auth-panel>p{color:var(--muted);font-size:14px;margin-top:8px}
.auth-tabs{display:flex;border-bottom:1px solid var(--line);gap:18px;margin:25px 0 20px}
.auth-tabs button{border:0;border-bottom:3px solid transparent;background:white;color:var(--muted);padding:10px 3px;font-size:15px}
.auth-tabs button.active{color:var(--green);border-bottom-color:var(--green);font-weight:700}
.auth-panel label{display:block;font-size:14px;font-weight:600;margin:18px 0 5px}
.auth-panel input{width:100%;border:1px solid #bdced1;border-radius:6px;padding:11px 13px;font-size:16px}
.auth-panel small{display:block;color:var(--muted);font-size:12px;margin:5px 0}
.auth-panel .primary{width:100%;margin-top:20px}
.account-notice{padding:13px 15px;background:#fff8e7;border:1px solid #e6d7a5;border-radius:6px;margin-top:22px}
.account-notice strong{font-size:14px;color:#775b24}.account-notice p{font-size:12px;color:#755f35;margin-top:4px}
.auth-panel .auth-source{font-size:12px;margin-top:22px;text-align:center}
.period-fieldset{padding:0;border:0;margin:0 0 14px;min-width:0}.period-fieldset legend{font-size:13px;color:#bdcfd2;margin-top:12px}.period-actions{display:flex;gap:12px;margin:8px 0}.period-actions button{padding:3px 9px;background:#314d53;border:1px solid #5f757a;color:#e9f3f2;border-radius:4px;font-size:12px}
#year-options{max-height:205px;overflow:auto;border:1px solid #4d666d;border-radius:5px;padding:4px 8px;background:#1c363b}.settings .period-option{display:flex;gap:10px;align-items:center;color:#f0f7f7;font-size:14px;padding:6px 0;margin:0}.period-option input{width:17px;height:17px;accent-color:#94dfb5}
.settings{margin-top:24px;padding-top:18px}.side-error{font-size:13px;color:#ffc9af;margin-top:12px}.sidebar-bottom{padding-top:20px;margin-top:12px;font-size:13px}.sidebar-bottom small{display:block;font-size:11px;line-height:1.7;margin-top:12px}#logout{border:1px solid #789092;border-radius:5px;background:none;color:white;padding:7px 13px;font-size:13px;margin-top:8px}
.mobile-header{display:none}.practice-layout{display:flex;flex-direction:column}.practice-layout>.page-head{order:0}.practice-layout>.metrics{order:1}.practice-layout>.question-card{order:2}.practice-layout>.question-footer{order:3}.practice-layout>.session-details{order:4}.practice-layout>.empty{order:2}
.question-card>.feedback{margin:10px 26px 22px}.session-details{margin-top:20px;color:var(--muted);font-size:14px}.session-details summary{cursor:pointer}.session-map{max-height:235px;overflow:auto;padding:5px}.map-button{flex:none}.centered{justify-content:center}.exam-record{padding:20px 0;border-bottom:1px solid var(--line)}.exam-record:last-child{border:0}.search-note{font-size:12px;color:var(--muted);margin:0 0 18px}.toolbar select{max-width:100%}.question-image{max-width:760px}.question-paper{padding-top:13px}
#mobile-menu{width:min(460px,100vw);max-width:100vw;max-height:94dvh;margin:0 0 0 auto;border-radius:0 0 0 12px;background:var(--ink);color:white;overflow-y:auto}#close-menu{display:block;width:100%;position:sticky;top:0;background:#24434a;border:0;border-bottom:1px solid #547077;color:white;text-align:right;padding:14px 18px;font-size:14px;z-index:2}#mobile-menu .sidebar{position:static;inset:auto;width:100%;display:flex;padding:16px 20px;overflow:visible}#mobile-menu .main-nav{display:grid;grid-template-columns:1fr;gap:7px}#mobile-menu .main-nav button{justify-content:flex-start;padding:11px 14px;font-size:15px}#mobile-menu .sidebar-bottom{display:block}#mobile-menu .settings form{display:block}#mobile-menu .settings label{margin:12px 0 5px}#mobile-menu .settings .period-option{margin:0}#mobile-menu .settings .check{display:flex;margin:18px 0}#mobile-menu #year-options{max-height:230px}#mobile-menu .settings summary{font-size:14px}#mobile-menu .start-btn{margin-top:16px}
@media(max-width:760px){
  body.authenticated{padding-bottom:env(safe-area-inset-bottom)}
  body.practicing{padding-bottom:calc(154px + env(safe-area-inset-bottom))}
  .workspace{margin:0}.topbar{display:none}.mobile-header{display:flex;align-items:center;justify-content:space-between;background:var(--ink);padding:9px 14px;padding-top:max(9px,env(safe-area-inset-top));height:auto;min-height:49px;gap:12px}.mobile-header a{color:#e5f4ed;font-weight:700;font-size:16px;text-decoration:none}.mobile-header button{background:#294a50;border:1px solid #647d82;color:white;border-radius:6px;padding:5px 11px;font-size:14px;min-height:36px}
  main{padding:12px 10px 22px;min-height:calc(100dvh - 120px)}.practice-layout>.page-head{margin:0 2px 10px}.practice-layout>.page-head h1,.practice-layout>.page-head .eyebrow,.practice-layout>.page-head .badge{display:none}.practice-layout>.page-head p{font-size:12px;margin:0;line-height:1.5}.practice-layout>.metrics{order:5;margin:20px 0 0}.practice-layout>.question-card{order:1}.practice-layout>.question-footer{order:2}.practice-layout>.session-details{order:3}.practice-layout>.empty{order:1}
  .question-card{border-radius:8px}.question-header{padding:10px 12px;gap:8px}.question-number{font-size:20px}.question-title{font-size:13px}.question-meta{font-size:11px}.bookmark{font-size:12px;min-height:34px}.question-heading{gap:9px}.image-tools{padding:8px 12px 0;font-size:11px}.image-tools .plain-button{font-size:12px}.question-paper{padding:8px 4px 0}.question-image{width:100%;min-width:0;height:auto;max-width:100%;margin:0 auto}.source-line{font-size:10px;margin:6px 12px 12px}
  .answer-area{position:fixed;bottom:0;left:0;right:0;z-index:5;background:#fff;border-top:1px solid #c4d9d6;box-shadow:0 -4px 18px #173f4812;padding:9px 12px calc(9px + env(safe-area-inset-bottom));border-radius:12px 12px 0 0}.answer-label{font-size:11px;margin-bottom:5px}.answers{gap:9px}.answer{font-size:18px;min-height:43px;padding:5px 8px}.answer.selected{padding:4px 7px}.answer.correct,.answer.incorrect{padding:4px 7px}.answer-area .action-row{margin-top:7px}.answer-area .primary{width:100%;min-height:38px;padding:6px 16px;font-size:14px}.question-card>.feedback{margin:8px 12px 15px;padding:12px}.feedback strong{font-size:17px}.feedback p{font-size:12px}.question-footer{margin-top:13px}.question-footer .secondary{font-size:12px;min-height:37px}.session-details{font-size:13px}.metric{padding:10px}.metric strong{font-size:22px}.metric-label{font-size:11px}.metrics{gap:6px}footer{font-size:10px;padding:14px}
  body:not(.authenticated) main{padding:18px 13px}.auth-panel{padding:23px 20px;border-radius:9px}.auth-panel h1{font-size:26px}.auth-panel>p{font-size:13px}.auth-tabs{margin-top:18px}.auth-panel label{margin-top:13px}.account-notice{margin-top:16px}
}
/* Authored explanations stay below the result and never appear before answering. */
.text-display-tools{display:flex;align-items:center;gap:15px;padding:16px 25px 0;flex-wrap:wrap}.text-display-tools .secondary{font-size:12px;padding:6px 10px;white-space:nowrap}.ocr-note{font-size:11px;color:#64777c;flex:1;min-width:180px}.question-body{font-size:18px;line-height:1.95;padding:22px 27px 12px;overflow-wrap:anywhere}.text-choices{display:grid;gap:12px;padding:15px 27px 22px}.text-choice{display:flex;gap:16px;width:100%;text-align:left;border:1px solid var(--line);border-radius:8px;padding:14px 16px;background:white;color:var(--ink);font-size:16px;line-height:1.85;overflow-wrap:anywhere}.text-choice strong{color:var(--green);flex-shrink:0}.text-choice:hover:not(:disabled){background:#eef8f2;border-color:#7daf98}.text-choice:disabled{opacity:1}.text-choice.chosen{border-color:#a36c41;background:#fff5eb}.text-choice.right-answer{border-color:#6aa586;background:#edf8f1}.ocr-transcript{padding:12px 26px 24px}.ocr-transcript summary{cursor:pointer;font-size:13px;color:var(--green)}.ocr-transcript pre{font:inherit;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px}.ocr-transcript .ocr-note{margin-top:10px}@media(max-width:760px){.text-display-tools{padding:10px 12px 0;gap:8px}.question-body{padding:16px 14px 8px;font-size:16px;line-height:1.9}.text-choices{padding:10px 12px 16px;gap:10px}.text-choice{font-size:15px;gap:10px;padding:12px}.ocr-transcript{padding:10px 12px 18px}}
.glossary-card{max-width:760px;margin:20px auto;padding:28px;overflow-wrap:anywhere}.glossary-card .term-count{font-size:13px;color:var(--green);margin:0 0 24px}.glossary-card .term-reading{font-size:13px;color:var(--muted);margin:0 0 5px}.glossary-card h2{font-size:28px;line-height:1.5}.glossary-card .term-description{font-size:18px;line-height:1.95;margin:22px 0 28px}.glossary-card .term-source{font-size:12px;margin:0 0 10px}.glossary-card small{color:var(--muted);font-size:11px}.term-navigation{display:flex;justify-content:space-between;gap:16px;max-width:760px;margin:20px auto}.term-navigation button{min-height:46px;min-width:110px}@media(max-width:760px){.glossary-card{padding:22px 18px}.glossary-card h2{font-size:24px}.glossary-card .term-description{font-size:16px;margin:18px 0 22px}.term-navigation{position:sticky;bottom:8px;background:#f3f6f7;padding:8px 0}.term-navigation button{flex:1}}
.explanation{margin:0 26px 24px;padding-top:20px;border-top:1px solid var(--line);scroll-margin-top:18px}
.explanation-heading h2{font-size:19px}.explanation-byline{display:block;font-size:11px;color:var(--muted);margin-top:4px}
.explanation-summary{margin:15px 0 18px;padding:15px 17px;border-radius:7px;background:#f0f5f6;font-size:15px;line-height:1.9;white-space:pre-line;overflow-wrap:anywhere}
.choice-explanations{display:grid;gap:12px}.choice-explanation{border:1px solid var(--line);border-radius:7px;padding:15px 17px}.choice-explanation.answer-key{background:#f1faf5;border-color:#acd1bd}.choice-explanation h3{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.choice-letter{font-size:19px;font-weight:700;color:var(--ink)}.choice-explanation.answer-key h3{color:var(--green)}.your-choice{font-size:11px;border:1px solid #b6cbd0;padding:1px 6px;border-radius:4px;color:#38565e;background:white;margin-left:auto}.choice-explanation p{margin-top:8px;font-size:14px;line-height:1.9;overflow-wrap:anywhere}.explanation-references{font-size:13px;margin-top:18px}.explanation-references summary{cursor:pointer}.explanation-references ul{padding-left:20px}.explanation-references li{margin:6px 0;overflow-wrap:anywhere}.explanation-date{font-size:11px;color:var(--muted);margin-top:15px}.explanation-pending{font-size:13px;color:var(--muted);margin:0 26px 22px}.explanation-badge{display:inline-block;font-size:10px;font-weight:500;color:#246548;background:#e5f4eb;border:1px solid #c7e1d3;padding:1px 6px;border-radius:4px;margin-left:8px;vertical-align:middle}.explanation-coverage{font-size:11px;color:#bed4cc;margin:-13px 0 13px}.explanation-jump{white-space:nowrap;padding:10px 16px;margin-left:auto}.answer-area .action-row{flex-wrap:wrap}
@media(max-width:760px){.explanation{margin:0 12px 18px;padding-top:15px;scroll-margin-top:10px}.explanation-heading h2{font-size:17px}.explanation-summary{font-size:14px;padding:12px}.choice-explanation{padding:12px}.choice-explanation p{font-size:14px}.explanation-pending{margin:0 12px 18px}.answer-area .action-row{flex-wrap:nowrap;gap:8px}.answer-area .explanation-jump{flex:1;min-height:38px;padding:6px 9px;font-size:13px}.answer-area .primary{flex:1}.explanation-coverage{margin-top:-11px}#mobile-menu .settings .check{margin-bottom:16px}}

.brand{font-size:17px;gap:8px}.brand-icon{flex-shrink:0;width:32px;height:40px}.brand small{font-size:9px;letter-spacing:.08em}.mobile-header a{font-size:16px}.question-title{overflow-wrap:anywhere}

.explanation-steps { margin: 1.25rem 0; padding: 1rem; background: #f2f7f5; border-radius: 12px; }
.explanation-steps h3 { margin: 0 0 .65rem; font-size: 1rem; }
.explanation-steps ol { margin: 0; padding-left: 1.5rem; }
.explanation-steps li { margin: .5rem 0; line-height: 1.8; overflow-wrap: anywhere; }

/* Learning information follows the login form on both screen sizes. */
.learning-guide{width:100%;max-width:920px;margin:40px auto 0;padding:28px;background:white;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere}
.learning-guide>p{margin-top:12px;color:var(--muted);font-size:14px}.learning-tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.learning-tracks article{padding:18px;border:1px solid var(--line);border-radius:8px;background:#f5faf7}.learning-tracks h3{font-size:16px}.learning-count{display:block;color:var(--green);font-size:22px;font-weight:700;margin:8px 0}.learning-tracks p{font-size:14px}
.learning-guide ul{padding-left:1.4em;margin:0}.learning-guide li{margin:12px 0;font-size:14px}.learning-guide .learning-note{font-size:12px;border-top:1px solid var(--line);padding-top:16px}
.appearance-note{font-size:12px;color:#c4d5d8;margin:12px 0;line-height:1.7}.color-presets{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.color-presets button,#reading-reset{background:#29464b;color:white;border:1px solid #789092;border-radius:5px;padding:8px 10px;min-height:44px;font-size:13px}
.color-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px}.color-controls input{display:block;width:100%;height:44px;padding:3px;border:1px solid #789092;background:#29464b;border-radius:5px;margin-top:6px}
#reading-preview{padding:12px;border:1px solid #789092;border-radius:6px;font-size:14px;margin:12px 0;overflow-wrap:anywhere}#reading-contrast{font-size:12px;color:#ffe6a8;margin-bottom:12px}
/* Apply chosen colors only to the practice reading area; source pixels stay intact. */
body.custom-reading .practice-layout .question-card{--ink:var(--reading-fg);--muted:var(--reading-fg);--green:var(--reading-fg);--line:var(--reading-fg);background:var(--reading-bg);color:var(--reading-fg)}
body.custom-reading .question-card :is(.question-header,.question-paper,.answer-area,.text-choice,.answer,.explanation-summary,.explanation-steps,.choice-explanation,.your-choice,.feedback,.secondary,.bookmark){background:var(--reading-bg);color:var(--reading-fg)}
body.custom-reading .question-card :is(.question-top-navigation span,.question-title,.question-meta,.question-number,.source-line,.ocr-note,.answer-label,.hint,.answer small,.feedback strong,.feedback p,.plain-button){color:var(--reading-fg)}
body.custom-reading .question-card :is(.text-choice,.answer):hover:not(:disabled){background:var(--reading-bg);color:var(--reading-fg);outline:2px solid var(--reading-fg);outline-offset:-3px}
body.custom-reading .question-card :is(.text-choice.right-answer,.answer.correct,.choice-explanation.answer-key){border:2px solid #3eaa7c}
body.custom-reading .question-card :is(.text-choice.chosen:not(.right-answer),.answer.incorrect){border:2px solid #d38448}
body.custom-reading .question-card .answer:disabled{opacity:1}
@media(max-width:760px){.learning-guide{margin-top:24px;padding:20px}.learning-tracks{grid-template-columns:1fr;gap:12px}.learning-guide h2{font-size:21px}.appearance-settings{padding-bottom:8px}}

/* iOS Safari clips a position:fixed child to an ancestor with overflow:hidden + border-radius, hiding the mobile answer bar when the card is shorter than the screen. */
@media(max-width:760px){.question-card{overflow:visible}}

/* Start menu shown after login */
.start-options{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:22px}.start-card{margin:0;display:flex;flex-direction:column}.start-card h2{font-size:18px}.start-card .record-actions{margin-top:auto;padding-top:18px}.start-card .start-caption{color:var(--ink);font-weight:600}
@media(max-width:760px){.start-options{grid-template-columns:1fr;gap:12px}.start-card .record-actions button{width:100%}}