header,footer{background:var(--console);color:#f4fafb;padding:10px 15px;flex:none}header{border-bottom:3px solid var(--signal)}header small,.eyebrow{font:700 11px var(--font-mono);letter-spacing:.12em;color:#68d8de}header strong{display:block;font-size:19px}main{padding:17px}h1{font-size:clamp(22px,5vw,30px);line-height:1.35;margin:6px 0 16px}h2{font-size:18px;margin:20px 0 8px}p{margin:10px 0 17px}.card,details,figure{margin:10px 0;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:13px}.map{background:#0b3547;color:white;padding:15px;border-radius:7px}.map button{background:#145065;color:white;border-color:#43818b}.row,footer{display:flex;gap:6px;align-items:center;flex-wrap:wrap}footer{padding-bottom:max(9px,env(safe-area-inset-bottom));border-top:2px solid var(--signal)}button,a.action,select{padding:8px 10px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);line-height:1.35;min-height:42px}footer button,footer select{flex:1;padding:5px;min-width:0;font-size:14px}button:disabled{opacity:.45}.primary{background:var(--accent);color:var(--accent-ink);font-weight:bold}.stack button{width:100%;text-align:left;margin:4px 0}.map .row{justify-content:center}.map p{text-align:center;margin:4px}.map .tagline{font-size:12px;color:#b2dae1}.eyebrow{color:var(--accent)}svg{width:100%;display:block;background:#0a3040;border-radius:4px}figcaption,.note{font-size:13px;color:var(--muted)}a{color:var(--accent)}input:not([type=file]),textarea{width:100%;font:inherit;padding:8px;box-sizing:border-box}label{display:block;margin:10px 0}output{font-weight:bold}summary{cursor:pointer}.feedback{border-left:4px solid var(--accent);padding:10px;background:var(--surface)}.flow{font-size:13px;color:var(--muted)}

.study-map details{background:#fff;border:1px solid #a9c0c8;border-radius:6px;margin:9px 0;color:#123847}.study-map summary{padding:12px;cursor:pointer;display:block}.study-map summary b{float:right;font-size:.9em}.study-map small,.study-map button small,#unit-rating section small{display:block;font-size:.75em}.study-map progress{display:block;width:100%;height:8px;margin-top:7px;accent-color:#007e85}.study-map details button{display:block;width:100%;text-align:left;padding:.65rem;border-top:1px solid #cad7da}#unit-rating{flex:none;background:#f4f8f9;color:#173746;padding:5px 8px;font-size:13px}#unit-rating[hidden]{display:none}#unit-rating div button{float:right;background:transparent;padding:0 4px;color:inherit;border:none;font-size:12px;min-height:0}#unit-rating section{clear:both;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}#unit-rating section button{width:100%;min-width:0;padding:6px 0;border:2px solid transparent;border-radius:6px;color:#263944;background:#fce4df;font-size:13px}#unit-rating section button:nth-child(2){background:#ffebcc}#unit-rating section button:nth-child(3){background:#d8efe7}#unit-rating section button:nth-child(4){background:#daebf5}#unit-rating section button[aria-pressed=true]{border-color:#14736d}