/* Pacing: a shorter arrival, two visible choices and a stable reading/listening plane. */
#main[data-practice-world] .room-navigation{display:block;padding-bottom:1rem;margin-bottom:1.4rem}
.practice-entry-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-width:800px;margin:0 auto}
.practice-entry-actions:has(>button:only-child){grid-template-columns:1fr}
#main[data-practice-world] .practice-entry-actions [data-world-action=principal]{min-height:58px;font-size:1rem;box-shadow:inset 0 1px 0 #ffffff55;padding:.9rem 1.2rem}
#main[data-practice-world] .practice-entry-actions .primary{background:var(--control-primary);color:#fffaf2;border-color:var(--control-primary)}
#main[data-practice-world] .practice-entry-actions .primary:hover{background:var(--control-primary-hover);color:#fffaf2}
.practice-reference-actions{max-width:800px;margin:.85rem auto 0;border:0;padding:0}
.practice-reference-actions>summary{width:fit-content;min-height:44px;padding:.65rem .9rem;border:1px solid #171b162e;border-radius:8px;font-size:.85rem;font-weight:600;background:var(--world-surface);cursor:pointer}
.practice-reference-actions>.actions{padding-top:1rem}
#main[data-practice-world] .room-layout{gap:2rem}
#main[data-practice-world] .room-boundaries{max-width:100%;border-radius:4px}
#main[data-practice-world] .source-copy{line-height:1.8}
#main[data-practice-world] #complete-instructions>p:has(>strong:first-child){border-top:1px solid #171b161a;padding-top:1.4rem;margin-top:1.6rem}
#main[data-practice-world] #complete-instructions>p>strong:first-child{font-size:1.05em}
#main[data-practice-world] #complete-instructions .section-audio-option:has([data-section-audio=finish]){border-top:2px solid var(--world-accent);padding-top:1.5rem;margin-top:2.25rem}
#main[data-practice-world] #room-session-controls{padding:clamp(1rem,3vw,2rem);border:0;border-top:2px solid var(--world-accent);border-radius:4px}
#main[data-practice-world] .room-control-guide{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid #171b1620}
#main[data-practice-world] .room-control-guide h2{font:400 clamp(1.5rem,2.5vw,1.9rem)/1.2 CutGallery,Archivo,sans-serif;margin-top:0}
#main[data-practice-world] .room-control-guide>summary{min-height:44px;padding:.65rem 0;font-size:.9rem;cursor:pointer}

/* Audio keeps its place as media loads, starts, pauses and changes parts. */
#main[data-practice-world] .practice-audio{border:0;padding:0;background:transparent;box-shadow:none;margin-top:1.5rem}
#main[data-practice-world] .practice-audio>h2{font:400 clamp(1.5rem,2.5vw,1.9rem)/1.2 CutGallery,Archivo,sans-serif;margin:.3rem 0 1rem}
.practice-audio>p{max-width:62ch}
.audio-invitation{font-weight:600;font-size:.9rem}
.audio-current{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:1rem 1.5rem;padding:clamp(1rem,3vw,1.75rem);background:var(--world-field,#e9e5da);border:1px solid #171b1626;border-radius:6px;align-items:start;margin:1.5rem 0}
.audio-current .practice-audio-art{grid-column:2;grid-row:1;width:120px;float:none;margin:0;padding:6px;align-self:center}
.audio-current-copy{grid-column:1;grid-row:1;min-width:0}
.audio-current-copy .eyebrow{font-size:.68rem;letter-spacing:.11em;margin:0 0 .7rem;color:#414538}
.audio-current-copy h3{font:400 clamp(1.3rem,2.3vw,1.7rem)/1.3 CutGallery,Archivo,sans-serif;min-height:2.6em;margin:0 0 .6rem;text-wrap:balance}
#audio-status{font-size:.87rem;line-height:1.6;min-height:3.2em;margin:0}
#audio-player{grid-column:1/-1;min-height:54px;align-self:end}
.practice-audio audio{max-width:none;width:100%;min-height:54px}
.practice-audio>details{padding:.7rem 0;border-top:1px solid #171b1620}
.practice-audio>details>summary{font-size:.9rem;min-height:44px;display:list-item;padding:.5rem 0;cursor:pointer}
/* Quiet changes color emphasis, never the dimensions of the entrance above the player. */
#main[data-practice-quiet] :is(.chapter-heading,.guided-heading)>[data-practice-art]{display:flex}
#main[data-practice-quiet] .practice-world-focus{display:block}
#main[data-practice-quiet] .chapter-heading{background:var(--world-hero)}
#main[data-practice-world] .room-actions{gap:.7rem;padding-top:1.5rem;margin-top:1.5rem}

/* The main question and save controls form one calm, complete journal entry. */
#main[data-practice-phase=record] .entry-heading{padding-block:1.2rem;margin-bottom:1rem}
#main[data-practice-phase=record] .entry-heading .lede{font-size:.95rem;line-height:1.65;max-width:58ch}
#main[data-practice-phase=record] .journal-core label[for=noticed]{font-size:1.12rem;line-height:1.5;margin-bottom:1rem}
#main[data-practice-phase=record] #noticed{min-height:190px;padding:1rem;line-height:1.7;border:1px solid #171b1650;border-radius:5px;background:#fffdf8}
#main[data-practice-phase=record] .brief-save{padding:1.2rem 0 1.4rem;border-block:1px solid #171b1624;margin:1.3rem 0;background:transparent}
#main[data-practice-phase=record] .brief-save>.actions{margin-block:1rem}
#main[data-practice-phase=record] .brief-save .draft-controls{border:0;padding:1rem 0 0;margin:1rem 0 0;border-top:1px solid #171b161a;background:transparent}
#main[data-practice-phase=record] #observation-form>details{padding:.9rem 0;margin:0;border-top:1px solid #171b1620}
#main[data-practice-phase=record] #observation-form>details>summary{display:list-item;min-height:46px;padding:.65rem .1rem;font-size:.94rem;line-height:1.5;cursor:pointer}
#main[data-practice-phase=record] #observation-form>details[open]{padding-bottom:1.5rem}
#main[data-practice-phase=record] #entry-detail-toggle{margin-bottom:1rem;background:transparent;font-size:.88rem;box-shadow:none}
#main[data-practice-phase=record] .method-summary{background:transparent;border:0;border-bottom:1px solid #171b1620;padding:1rem 0}

@media(max-width:700px){
 body:has(#main .chapter-heading) .practice-local-title{display:none}
 body:has(#main .chapter-heading) .practice-local-nav{grid-template-rows:1fr;padding:.55rem 1rem}
 body:has(#main .chapter-heading) .practice-local-nav :is(a,button){grid-row:1}
 #main[data-practice-world] .chapter-heading:has(>[data-practice-art]){padding:.75rem;gap:.65rem;margin-bottom:1rem}
 #main[data-practice-world] .chapter-heading>div:first-child{padding:.2rem .35rem}
 #main[data-practice-world] .chapter-heading :is(h1,h2){font-size:clamp(1.65rem,6.8vw,2.1rem);line-height:1.18;margin:.45rem 0 .6rem;max-width:none}
 #main[data-practice-world] .chapter-heading .eyebrow{font-size:.65rem;letter-spacing:.13em}
 #main[data-practice-world] .chapter-heading .practice-world-focus{font-size:.87rem;line-height:1.5;max-width:none}
 #main[data-practice-world] .chapter-heading>[data-practice-art]{padding:.35rem}
 #main[data-practice-world] .room-navigation{display:block}
 #main[data-practice-world] .practice-entry-actions [data-world-action=principal]{padding:.75rem .65rem;font-size:.87rem;min-height:56px}
 .practice-reference-actions>summary{font-size:.8rem;width:100%}
 .audio-current{grid-template-columns:minmax(0,1fr) 88px;gap:.75rem;padding:1rem}
 .audio-current .practice-audio-art{width:88px;padding:4px}
 .audio-current-copy h3{font-size:1.3rem;min-height:3.9em}
 #audio-status{min-height:4.8em}
 #main[data-practice-phase=record] .entry-heading{padding:1rem}
 #main[data-practice-phase=record] #observation-form{padding:1rem}
}
@media(max-width:360px){.practice-entry-actions{gap:.5rem}.audio-current{grid-template-columns:minmax(0,1fr) 64px}.audio-current .practice-audio-art{width:64px}.audio-current-copy h3{font-size:1.15rem}.practice-audio .audio-sequence button{font-size:.88rem}}
@media print{.practice-entry-actions,.practice-reference-actions{display:none}.audio-current{background:white;border:1px solid black;box-shadow:none}}