/* Shared brown-and-yellow identity. Content and grading keep their own visual roles. */
:root{--bg:#f7f3ea;--panel:#fffefa;--ink:#351c15;--muted:#766858;--line:#e4d9c7;--gold:#ffca05;--soft:#fff3cb;--brown:#351c15;--brand-cream:#fff7e7;--brand-yellow:#ffca05}
body.dark{--bg:#211711;--panel:#2e221a;--ink:#fff3df;--muted:#c9b99f;--line:#514030;--soft:#49391d;--brown:#351c15;--gold:#ffca05}
body{transition:background-color .2s,color .2s}
.quiet-shell .quiet-header{max-width:none;background:#351c15;color:#fff7e7;border-bottom:3px solid #ffca05;padding:17px max(24px,calc((100vw -1024px)/2));min-height:81px}
.quiet-header .quiet-brand{color:#fff7e7;font-size:20px}.quiet-header .quiet-brand span{color:#ffca05}
.quiet-header .quiet-links{gap:10px}.quiet-header .quiet-links .text-btn{color:#eee0ca;padding:9px 15px;border-radius:7px;min-height:40px}
.quiet-header .quiet-links .text-btn:hover{background:#ffffff10;color:#ffca05}
.quiet-header .quiet-links .text-btn[aria-current=page]{background:#ffca05;color:#351c15;font-weight:650;text-decoration:none}
.quiet-header .icon-btn{color:#f5e4c6}.quiet-header .icon-btn:hover{background:#ffffff10}
.quiet-footer{border-top:1px solid var(--line);margin-top:20px;color:var(--muted)}
.quiet-main{padding-top:30px}.quiet-shell .landing-shell{color:inherit}
/* Strong page headings, followed by quiet writing surfaces. */
.mode-heading,.quiet-main>.page-heading{background:linear-gradient(115deg,#351c15,#4b2b1b);color:#fff7e7;border-radius:14px;border-left:5px solid #ffca05;padding:25px 28px;margin-bottom:24px}
.mode-heading{font-size:34px;letter-spacing:-.7px}
.quiet-main>.page-heading h1{color:#fff7e7;font-size:35px;margin-bottom:10px}.quiet-main>.page-heading p{color:#d9c6ab;font-size:14px}
.practice-trail .text-btn{padding-left:0;color:var(--ink)}.practice-trail>span{color:var(--muted)}
.start-page{max-width:680px;margin-top:10px}.start-page h1{background:#351c15;color:#fff7e7;border-left:5px solid #ffca05;border-radius:14px;padding:27px 29px;font-size:34px;margin-bottom:20px}
.start-intro,.learning-path{padding:0 3px}.selection-line{margin-bottom:17px}
/* Practice choices use the same visual language as the home set cards. */
.choice-list{background:none;border:0;border-radius:0;gap:12px;margin-top:22px;overflow:visible}
.choice-row{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:23px 24px;transition:border-color .18s,box-shadow .18s,transform .18s}
.choice-row:last-child{border-bottom:1px solid var(--line)}.choice-row:hover{background:var(--panel);border-color:#c69516;box-shadow:0 5px 16px #351c1508;transform:translateY(-2px)}
.choice-number,.choice-icon{min-width:48px;width:48px;height:48px;background:#ffca05;color:#351c15;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.choice-number{font-family:inherit;font-size:26px;font-weight:650}.choice-row>svg{color:#a47509}.choice-row strong{color:var(--ink)}
/* Yellow marks the action; brown marks the destination or selected state. */
.primary{background:#ffca05;color:#351c15;font-weight:700;border:1px solid #e9b900;box-shadow:0 2px 0 #351c1510;transition:background .18s,box-shadow .18s}
.primary:hover{background:#ffda4e;box-shadow:0 3px 9px #351c1512}.primary:disabled{box-shadow:none}
.secondary{background:var(--panel);color:var(--ink);border-color:var(--line)}.secondary:hover:not(:disabled){background:var(--soft);border-color:#b99135}
button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a9750b;outline-offset:3px}
.quiet-header button:focus-visible,.continue-bar button:focus-visible{outline-color:#ffda4e}
select,input[type=checkbox]{accent-color:#bd8a0c}
.session-options{background:var(--soft);border:1px solid var(--line);border-radius:10px;margin-bottom:22px}
.session-options>summary{padding:14px 18px;color:var(--ink)}.options-content{padding:3px 18px 21px;max-width:560px}.change-options{font-size:12px;color:var(--ink)}
.quiet-main .practice-surface,.quiet-main .focus-card{border:1px solid var(--line);border-top:4px solid #ffca05;box-shadow:0 5px 20px #351c1504}
.quiet-main .practice-title{font-size:27px}.blank-meta,.recall-section-label{color:var(--muted)}
.blank-slot input:not(.blank-correct):not(.blank-wrong){background:var(--bg);border-bottom-color:#c59517}
.recall-prompt,.blank-text-block h3{color:var(--ink)}.recall-writing,.order-answer{background:var(--bg)}
.recall-word{border-bottom-color:#b8870c}.recall-writing:focus-within{border-color:#b8870c;box-shadow:0 0 0 3px #ffca0522}
/* Continuation is easy to locate, while answers stay unobscured. */
.continue-bar,.blank-navigation.continue-bar{background:#351c15;color:#fff7e7;border-color:#351c15;padding:18px 20px;border-radius:12px}
.continue-caption>span,.continue-caption small,.single-continue>span{color:#dbc8ad}.continue-bar .secondary{background:transparent;color:#fff7e7;border-color:#87674d}.continue-bar .secondary:hover:not(:disabled){background:#ffffff10}
.continue-bar .primary{border-color:#ffca05}
.order-kind-choices button{border-radius:11px}.order-kind-choices button[aria-pressed=true]{border-bottom:3px solid #ffca05}
.order-panel-heading{border-bottom:1px solid var(--line);padding-bottom:7px}.order-answer{border-color:var(--line)}
.order-pick{border-left:3px solid #d7b858}.order-pick:hover{border-left-color:#a2760d}.order-result{border-left:3px solid #be900d}
.exam-top{background:#351c15;color:#fff7e7;padding:13px 18px;border-radius:10px}.exam-top .text-btn{color:#ffca05}.exam-progress{background:var(--line)}.exam-progress span{background:#c79512}
.score-row>strong{color:var(--ink)}.review-item{background:var(--bg)}.review-item summary strong{color:var(--muted)}
/* Study keeps navigation bold and narration deliberately secondary. */
.study-navigation>h2{font-size:18px}.study-section-index summary:hover{color:var(--ink);background:var(--soft)}
.study-set>h2{border-left:4px solid #c49516;padding-left:15px;margin-bottom:24px;color:var(--ink)}
.study-page-card{border-top:3px solid #eac044;box-shadow:0 4px 16px #351c1503}
.study-section-number{display:inline-block;background:var(--soft);color:var(--ink);border-radius:5px;padding:5px 9px;font-size:11px;font-weight:650}
.study-card-heading h3{font-size:24px}.study-page-card .field-label{color:var(--muted);font-size:11px;letter-spacing:1px}
.study-listen>summary,.study-card-heading .study-section-listen{color:var(--muted)}.study-player{background:var(--bg)}
.study-page-card.is-reading{border-color:#b98a19}.study-back-link:hover{color:var(--ink)}
@media(max-width:780px){.quiet-shell .quiet-header{padding:14px 20px;gap:12px;min-height:73px}.quiet-header .quiet-brand{font-size:18px}.quiet-header .quiet-links{gap:4px}.quiet-header .quiet-links .text-btn{font-size:13px;padding:8px 10px}.mode-heading,.quiet-main>.page-heading{padding:22px 21px}.mode-heading,.quiet-main>.page-heading h1{font-size:30px}.start-page h1{padding:24px 22px;font-size:30px}.choice-row{padding:20px 17px;gap:15px}.choice-number,.choice-icon{min-width:43px;width:43px;height:43px}.continue-bar,.blank-navigation.continue-bar{padding:16px}.quiet-main .practice-title{font-size:25px}.study-card-heading h3{font-size:22px}}
@media(max-width:380px){.quiet-shell .quiet-header{padding:12px 15px}.quiet-header .quiet-brand{display:block;text-align:left;font-size:17px;line-height:1.15}.quiet-header .quiet-brand span{display:block;font-size:12px;margin-top:4px}.quiet-header .quiet-links .text-btn{padding:7px 8px}.quiet-header .quiet-links .icon-btn{width:30px}.mode-heading,.quiet-main>.page-heading{padding:20px 17px}.choice-row{padding:18px 14px}}
@media(prefers-reduced-motion:reduce){body,.choice-row,.primary{transition:none}.choice-row:hover{transform:none}}

/* Small usability audit: short paths, reachable controls, quieter empty states. */
.study-card-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);margin-top:18px;padding-top:10px}
.study-card-actions .secondary{font-size:12px;padding:9px 13px;min-height:44px}.study-card-actions .study-back-link{margin:0;min-height:44px;display:inline-flex;align-items:center}
.order-answer.is-empty{padding-top:8px;padding-bottom:8px}.order-answer.is-empty .order-panel-heading{border-bottom:0;padding:0}.order-answer.is-empty .order-empty{margin:4px 0 7px;font-size:12px}
@media(max-width:600px){.order-answer.is-empty .order-empty{display:none}.order-answer.is-empty{margin:12px 0 18px}.order-panel-heading .text-btn,.sequence-remove,.recall-toolbar .text-btn,.study-card-heading .study-section-listen{min-height:44px}.sequence-remove{min-width:44px}.study-section-index a{min-height:44px}.study-card-actions{flex-wrap:wrap;gap:4px 12px}.study-card-actions .secondary{flex:1}.order-setup{margin-bottom:16px}.order-setup>.text-btn{min-height:44px}}
.study-voice-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:15px;margin-bottom:10px}
.study-voice-controls label{font-size:12px;color:var(--muted);flex:1;min-width:130px}.study-voice-controls label:first-child{flex:3;min-width:190px}.study-voice-controls select{margin-top:7px;min-height:44px;font-size:13px}.study-voice-controls .secondary{font-size:12px;min-height:44px}.study-voice-note{font-size:11px;line-height:1.6;color:var(--muted);margin:0 0 14px}
@media(max-width:480px){.study-voice-controls label:first-child{flex-basis:100%;min-width:0}.study-voice-controls label{min-width:0}.study-voice-controls .secondary{flex:1}}