/* Study & Practice: UX Peak discovery, grouping and input guidance adapted for revision. */
[hidden]{display:none!important}
h2,h3,h4,h5,h6{font-family:Lato,Arial,sans-serif;font-weight:700;letter-spacing:-.018em}
h2{font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.25}h3{line-height:1.35}
.section-heading h2{max-width:700px}.topic-card h3{font-size:1.18rem;line-height:1.35}
.worked-example h3,.exercise h3,.note-section h3{font-size:1.25rem;line-height:1.4}
.study-section h2{font-size:1.8rem}.unit-heading h2{font-size:1.7rem}
.learning-goals h2{font-size:1.08rem;margin-bottom:15px}.pitfalls h2{font-size:1.2rem;color:var(--rose-dark)}
.tool-panel h3{font-size:1.3rem}.footer h3{font-size:1.25rem}.hero h1{font-family:Cormorant,Georgia,serif}
.question-counts{display:flex;gap:7px;margin-bottom:18px;font-size:.74rem;color:var(--green)}
.question-counts span{background:var(--sage);border-radius:5px;padding:4px 8px}
.card-progress{display:flex;gap:12px;align-items:center;font-size:.7rem;color:var(--muted);margin-bottom:16px}
.card-progress progress{width:100%;height:5px;border:0;border-radius:20px;background:#e7e3dc;accent-color:var(--green)}
.card-progress progress::-webkit-progress-bar{background:#e7e3dc;border-radius:20px}.card-progress progress::-webkit-progress-value{background:var(--green);border-radius:20px}.card-progress progress::-moz-progress-bar{background:var(--green);border-radius:20px}
.card-progress span{white-space:nowrap}.topic-card p{margin-bottom:18px}
.continue-card{border:1px solid #c9d9cd;background:var(--sage);border-radius:16px;padding:24px 28px;display:flex;align-items:center;gap:25px;justify-content:space-between;margin:12px 0 25px}
.continue-card .eyebrow{font-size:.65rem;margin-bottom:8px}.continue-card h2{font-size:1.25rem;margin-bottom:8px}.continue-card p{font-size:.82rem;color:var(--green)}
.filter-bar{display:block}.search-wrap{max-width:650px;margin-bottom:18px}.category-tabs{display:flex;gap:8px;flex-wrap:wrap}
.category-tabs button{border:1px solid var(--line);border-radius:8px;min-height:44px;padding:9px 15px;font-size:.8rem;background:var(--white);color:var(--muted)}
.category-tabs button.selected{background:var(--ink);color:white;border-color:var(--ink)}
.results-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0}.results-heading h2{font-size:1.35rem;margin:0}.results-heading span{font-size:.78rem;color:var(--muted)}
.directory-grid{padding-bottom:65px}.topic-mode-bar{display:flex;position:sticky;top:92px;z-index:20;background:var(--paper);border-bottom:1px solid var(--line);padding:10px 0 14px;gap:8px;margin-bottom:30px;scroll-margin-top:95px}
.topic-mode-bar button{min-height:48px;border:1px solid var(--line);border-radius:9px;padding:11px 21px;font-size:.88rem;font-weight:700;background:var(--white);color:var(--muted)}
.topic-mode-bar button[aria-selected=true]{background:var(--ink);color:white;border-color:var(--ink)}
.study-sidebar{top:185px}.topic-panel{scroll-margin-top:185px}.practice-panel-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:20px}
.practice-panel-heading h2{font-size:1.8rem;margin:0 0 9px}.practice-panel-heading p{font-size:.9rem;color:var(--muted);margin:0;max-width:610px}.practice-panel-heading>.tag{white-space:nowrap;margin-top:8px}
.question-picker{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 20px}.question-picker button{width:44px;min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);font-size:.86rem;font-weight:600;position:relative}
.question-picker button.active{outline:2px solid var(--rose);outline-offset:2px}.question-picker button.done{background:var(--sage);border-color:#9bbb9e;color:var(--green)}
.question-picker button.retry{background:#f7e9e3;border-color:#d7ae96;color:#794d34}
.question-pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:15px 0 30px}.question-pagination>span{font-size:.75rem;color:var(--muted)}
.exercise{margin-top:10px}.exercise-top{line-height:1.6;align-items:start}.exercise-top>span:last-child{text-align:right}.exercise h3:focus{outline:0}
.question-reference{font-size:.72rem;color:var(--muted);margin:18px 0 0}.option{min-height:48px;padding:12px 15px;align-items:flex-start}.option input{margin-top:5px;flex:0 0 auto}
.option.correct,.option.correct:has(input:checked){border-color:var(--green);background:var(--sage);color:var(--green)}
.option.correct input{accent-color:var(--green)}
.practice-panel{overflow-anchor:none}
.phase-question-diagram{overflow:visible;text-align:left}
.phase-diagram-scroll{overflow-x:auto;overscroll-behavior-x:contain}
.phase-question-diagram .phase-diagram-scroll svg{display:block;width:100%;min-width:600px;max-width:760px}
.phase-diagram-scroll:focus-visible{outline:3px solid var(--rose);outline-offset:3px}
.phase-question-diagram figcaption{margin-top:12px;font-size:.78rem;line-height:1.55;color:var(--muted)}
.phase-diagram-hint{display:none;font-size:.74rem;color:var(--muted);margin-top:8px}
@media(max-width:720px){.phase-diagram-hint{display:block}}
@media print{.phase-question-diagram .phase-diagram-scroll svg{min-width:0}.phase-diagram-scroll{overflow:visible}.phase-diagram-hint{display:none!important}}
.question-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:.7rem;color:var(--muted);margin:-6px 0 20px}.question-picker button.done:after{content:'✓';position:absolute;right:3px;top:0;font-size:.55rem}.question-picker button.retry:after{content:'↻';position:absolute;right:3px;top:0;font-size:.55rem}
.exercise>[data-reveal],.exercise>[data-reset-question]{margin-left:6px;margin-top:8px}
.button.small,.self-mark button{min-height:44px}.self-mark button[aria-pressed=true]{border-color:var(--green);background:var(--sage);color:var(--green)}
.next-topic{margin-top:40px}.empty h2{font-size:1.2rem}.empty .button{margin-top:20px}
@media(max-width:720px){.topic-mode-bar{top:75px;padding-top:8px;gap:6px;scroll-margin-top:78px}.topic-mode-bar button{flex:1;padding:10px 6px;font-size:.8rem}.study-sidebar{margin-bottom:22px}.continue-card{display:block;padding:22px}.continue-card .button{margin-top:16px}.results-heading{align-items:start}.results-heading h2{font-size:1.18rem}.results-heading span{font-size:.7rem;text-align:right}.practice-panel-heading{display:block}.practice-panel-heading h2{font-size:1.45rem}.practice-panel-heading>.tag{display:inline-block;margin-top:14px}.question-picker{gap:7px}.question-picker button{flex:0 0 calc((100% - 28px)/5);width:auto}.question-pagination{gap:8px}.question-pagination .button{font-size:.72rem;padding:8px 10px}.question-pagination>span{font-size:.66rem}.exercise h3,.worked-example h3{font-size:1.16rem}.exercise-top{font-size:.68rem}.study-section h2{font-size:1.5rem}.category-tabs{gap:7px}.category-tabs button{font-size:.75rem;padding:8px 12px}#practice-outline{display:none}.card-progress progress{height:6px}.question-picker{margin-bottom:24px}.section-heading .text-link{margin-top:18px}.footer h3{font-size:1.1rem}}
@media print{.topic-mode-bar{display:none!important}.topic-panel[hidden],.question-page[hidden]{display:block!important}.practice-panel{break-before:page}.practice-panel-heading>.tag,.question-picker,.question-pagination{display:none!important}.solution[hidden]{display:block!important}.topic-panel{margin-top:25px}.practice-panel .exercise{break-inside:avoid}.question-reference{font-size:8pt}.card-progress{display:none!important}}
@media(max-width:720px){.study-sidebar.practice-sidebar{display:none}}