:root{--ink:#293640;--ink-muted:#536773;--ivory:#FAF9F3;--butter:#EFD98E;--butter-pale:#F9F1D4;--sage:#A8CBBB;--sage-pale:#EAF3ED;--blue-dot:#438FC1;--border:#E8E8DE}
body{background:var(--ivory)!important;color:var(--ink)!important}
.side{background:#fffefb;border-color:var(--border)}
.logo{color:var(--ink)}.logo b{color:var(--blue-dot)!important}
.nav button.active,.nav button:hover{background:var(--butter-pale);color:var(--ink)}
.card,.panel,.tile,.year{border-color:var(--border);box-shadow:0 3px 16px #29364006}
.overview-group{background:#f5f3e9!important;border-color:#e8e5d7!important}
.overview-group-title{color:#6b795e!important}
.overview-group:nth-child(2){background:#f8f5e9!important}
.overview-group:nth-child(2) .overview-group-title{color:#9c8139!important}
.btn{background:var(--ink);color:white}.btn.light{background:var(--butter-pale);color:#66582b}
.btn.light:hover{background:#f4e4ac}
.note{background:var(--sage-pale);color:#4c7462}.note.warn{background:#fff5da;color:#876a32}
.label,.eyebrow{color:#7e8b85}.sub,.hint{color:#74838a}
.pill{background:#e8f2e9;color:#39755d}
.college-reference,.college-interpret{background:#fffefb!important;border-color:var(--border)!important}
.additional-top-colleges{background:#fffefb!important;border-color:var(--border)!important}
.additional-college-grid>div{border-color:var(--border)!important}
.college-extra-sat{background:var(--butter-pale)!important}
.college-extra-sat strong{color:var(--ink)!important}
.hq-progress{margin-top:11px;padding-top:12px;border-top:1px solid #ebe9df}
.hq-progress-labels{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#6b7a7e;margin-bottom:9px}
.hq-track{height:9px;background:#e7e7db;border-radius:99px;position:relative;margin-bottom:8px}
.hq-track-fill{height:100%;border-radius:99px;background:#8eae9d}
.hq-track.sat .hq-track-fill{background:#ddc271}
.hq-track-marker{position:absolute;top:-4px;width:3px;height:17px;border-radius:3px;background:#293640;transform:translateX(-50%)}
.hq-tiny-note{font-size:10px;color:#85918d;line-height:1.5}
.hq-sparkline-card{background:#fffefb;border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-top:3px}
.hq-sparkline-card svg{width:100%;height:68px;display:block}
.hq-guide-intro{max-width:760px;margin:4px 0 22px}
.hq-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hq-topic-card{border:1px solid var(--border);border-radius:15px;background:white;padding:22px;text-align:left;min-height:165px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;transition:border .15s,transform .15s}
.hq-topic-card:hover{border-color:#c7cbaa;transform:translateY(-2px)}
.hq-topic-card .num{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#ab904c}
.hq-topic-card strong{font-size:18px;color:var(--ink);letter-spacing:-.4px}
.hq-topic-card span:last-child{color:#74838a;font-size:13px;line-height:1.5}
.hq-topic-content{display:none}.hq-topic-content.active{display:block}
.hq-guide-back{margin:0 0 18px;background:none;border:0;padding:7px 0;color:#577b86;font-weight:750;font-size:13px}
.hq-lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:20px 0}
.hq-lesson-card{border:1px solid var(--border);background:white;border-radius:14px;padding:21px}
.hq-lesson-card h3{font-size:19px;margin:0 0 10px;letter-spacing:-.5px}
.hq-lesson-card p,.hq-lesson-card li{font-size:13px;line-height:1.65;color:#61727b}
.hq-lesson-card ul{padding-left:19px}
.hq-lesson-card .college-example{background:#f7f6ed;border-radius:9px;padding:11px;font-size:12px;color:#65736d;margin-top:12px}
.hq-lesson-card a,.hq-source-link{color:#376c97;text-decoration:underline;text-underline-offset:3px}
.hq-mini-label{font-size:11px;font-weight:850;letter-spacing:1.2px;color:#9a8650;text-transform:uppercase}
.hq-guide-callout{border-left:4px solid var(--sage);padding:17px 19px;background:var(--sage-pale);border-radius:0 11px 11px 0;color:#466657;font-size:13px;line-height:1.7;margin:20px 0}
.hq-roadmap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}
.hq-roadmap>div{padding:18px;border-radius:13px;background:#fff;border:1px solid var(--border)}
.hq-roadmap>div.current{background:#f7f0d7;border-color:#ebd89b}
.hq-roadmap strong{display:block;margin:9px 0;font-size:17px}
.hq-roadmap p{font-size:12px;color:#687b80;line-height:1.6}
.hq-fit-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:20px 0}
.hq-fit-choices label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:13px;background:white;border:1px solid var(--border);border-radius:10px;font-size:13px;color:#495d64}
.hq-fit-choices label:has(input:checked){background:#edf4ed;border-color:#9dc2ac}
.hq-fit-choices input{accent-color:#6d9b7e}
.hq-resources-header{font-size:12px;text-transform:uppercase;letter-spacing:1.4px;color:#879373;margin:10px 0 15px;font-weight:800}
.hq-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hq-resource-grid a{border:1px solid var(--border);padding:17px;border-radius:12px;background:#fff;display:block;font-weight:750;font-size:14px;color:#344750}
.hq-resource-grid a span{display:block;color:#71838a;font-weight:400;font-size:12px;line-height:1.6;margin-top:7px}
@media(max-width:1000px){.hq-topic-grid,.hq-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hq-roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.side{background:var(--ink)!important;border-color:#202b34!important}.logo{color:#fff!important}.logo small{color:#adbdc5!important}.mobile-menu-toggle{background:#43535e!important;border-color:#657480!important;color:#fff!important}.side .nav{background:#fffefb!important}.nav button.active{background:var(--butter-pale)!important}.hq-topic-grid,.hq-lesson-grid,.hq-resource-grid{grid-template-columns:1fr}.hq-topic-card{min-height:118px;padding:17px}.hq-roadmap{grid-template-columns:1fr}.hq-fit-choices{grid-template-columns:1fr}}
/* Independent SAT report and legacy detailed GPA guide use the same surface palette. */
.page .panel,.main .panel{border-color:var(--border)!important;box-shadow:0 3px 16px #29364006!important}
.page .card{background:#f8f6ee!important}.page .note{background:var(--sage-pale)!important;border-left-color:#86ad96!important}
.page .eyebrow{color:#728b79!important}
.main .nav a.active,.main .nav a:hover{background:var(--butter-pale)!important}
/* Optional MP2 milestone: concise, accessible effort marker beside each input. */
.mp2-legend{display:flex;flex-wrap:wrap;align-items:center;gap:9px 19px;margin:18px 0 14px;padding:13px 15px;border:1px solid #e5e5db;background:#fbfaf5;border-radius:12px;color:#42515a;font-size:12px;line-height:1.6}
.mp2-legend strong{color:#293640;margin-right:5px;font-size:13px}
.mp2-legend span{display:inline-flex;align-items:center;gap:6px}
.mp2-dot{display:inline-block;flex:none;width:9px;height:9px;border-radius:50%;background:#9da8ab}
.mp2-dot.good,.mp2-marker.good .mp2-dot{background:#3b946e}
.mp2-dot.medium,.mp2-marker.medium .mp2-dot{background:#c49336}
.mp2-dot.high,.mp2-marker.high .mp2-dot{background:#cb6370}
.mp2-dot.unset,.mp2-marker.unset .mp2-dot{background:#9da8ab}
.mp2-control{display:flex;align-items:center;gap:9px;min-width:192px}
.mp2-input{width:67px;min-width:67px;background:#fff}
.mp2-marker{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#43535b;white-space:nowrap}
.mp2-marker.unset{font-weight:500;color:#829093}
.mp2-explanation{font-size:12px;line-height:1.65;color:#607078;margin:12px 2px 0;max-width:1000px}