/* A room-sized entrance; the practice cards share the gallery's existing palette tokens. */
#main .room-entrance{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);overflow:hidden;margin:0 0 2.5rem;background:#293129;color:#f4efe6;border:1px solid #4c5142;border-radius:5px;box-shadow:0 22px 40px -32px #171b1680}
#main .room-entrance-picture{position:relative;min-width:0;min-height:clamp(460px,48vw,650px);overflow:hidden;background:#393a2c}
#main .room-entrance-picture img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 62%}
#main .room-entrance-copy{align-self:center;padding:clamp(1.5rem,4vw,3.5rem);min-width:0}
#main .room-entrance-copy .eyebrow{color:#d1d6be;font-size:.72rem;letter-spacing:.17em}
#main .room-entrance-copy h1{font:400 clamp(2.4rem,4.2vw,4rem)/1.13 CutGallery,Archivo,sans-serif;color:inherit;margin:.8rem 0 1.4rem;text-wrap:balance}
#main .room-entrance-copy p{color:inherit;line-height:1.75;max-width:40ch}
#main .room-entrance-copy .lede{font-size:clamp(1.06rem,1.5vw,1.28rem);line-height:1.65}
#main .room-entrance-copy .actions{margin:1.6rem 0;gap:.75rem}
#main .room-entrance-copy button{border-color:#c4c9b5;background:#354033;color:#f4efe6;box-shadow:inset 0 1px 0 #ffffff17}
#main .room-entrance-copy button.primary{background:#f4efe6;color:#293129;border-color:#f4efe6}
#main .room-entrance-copy button:hover{background:#46523f;color:#fffaf2}
#main .room-entrance-copy button.primary:hover{background:#e1e4d6;color:#293129}
#main .room-entrance-copy button:focus-visible{outline:3px solid #f4efe6;outline-offset:4px}
#main .room-entrance-copy .room-entrance-footnote{font-size:.85rem;color:#d1d6be;padding-top:1rem;border-top:1px solid #bcc5ab50}
#main .room-choices-title{font:400 clamp(1.75rem,2.7vw,2.4rem)/1.25 CutGallery,Archivo,sans-serif;scroll-margin-top:1.5rem}
#main .room-choices-title:focus-visible{outline:3px solid #68735e;outline-offset:6px}
#main .practice-choice[data-practice-surface]{background:var(--card-page);color:var(--card-ink);border:1px solid color-mix(in srgb,var(--card-ink) 22%,var(--card-page));border-radius:5px 5px 10px 10px;padding:clamp(1rem,2.2vw,1.5rem);box-shadow:0 12px 32px -27px #171b1660}
#main .practice-choice .chapter-art--library{padding:0;background:transparent;margin:0 0 1.25rem}
#main .practice-choice>:is(.eyebrow,h2,p),#main .practice-choice details :is(summary,p,h3,h4){color:var(--card-ink)}
#main .practice-choice details{border-color:var(--card-edge)}
#main .practice-choice .actions>:is(button,a.button){color:var(--card-ink);background:var(--card-button);border-color:var(--card-edge)}
#main .practice-choice .actions>:is(button,a.button):hover{background:var(--card-page);border-color:var(--card-ink)}
#main .practice-choice .actions>:is(button,a.button).primary{background:var(--card-ink);color:var(--card-page);border-color:var(--card-ink)}
#main .practice-choice .actions>:is(button,a.button).primary:hover{background:color-mix(in srgb,var(--card-ink) 90%,var(--card-page));color:var(--card-page)}
#main .practice-choice :is(button,a.button,summary):focus-visible{outline-color:var(--card-ink)}
#main .practice-choice .actions>button[aria-pressed="true"]{border-color:var(--card-ink);box-shadow:inset 0 -3px 0 var(--card-ink)}
#main .practice-choice button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
@media(max-width:700px){
 #main .room-entrance{grid-template-columns:1fr;margin-bottom:2rem}
 #main .room-entrance-picture{min-height:0;height:clamp(330px,110vw,480px)}
 #main .room-entrance-picture img{object-position:50% 64%}
 #main .room-entrance-copy{padding:1.5rem}
 #main .room-entrance-copy h1{font-size:2.3rem;margin-block:.6rem 1rem}
 #main .room-entrance-copy .actions>*{flex:1 1 160px}
}
@media(forced-colors:active){
 #main .room-entrance,#main .room-entrance-copy button{background:Canvas;color:CanvasText;border-color:ButtonText;box-shadow:none}
 #main .room-entrance-copy :is(p,.eyebrow,.room-entrance-footnote){color:CanvasText}
 #main .practice-choice[data-practice-surface]{--card-page:Canvas;--card-ink:CanvasText;--card-button:Canvas;--card-edge:ButtonText;background:Canvas;color:CanvasText;box-shadow:none}
 #main :is(.room-entrance,.practice-choice) :focus-visible{outline-color:Highlight}
}
@media print{#main .room-entrance-picture{display:none}#main .room-entrance{display:block;background:white;color:black;border:0;box-shadow:none}#main .room-entrance-copy{padding:0}#main .room-entrance-copy :is(p,.eyebrow,.room-entrance-footnote){color:black}#main .practice-choice[data-practice-surface]{--card-page:white;--card-ink:black;--card-button:white;--card-edge:#888;background:white;color:black;box-shadow:none}}

/* Saved work is a shortcut, never a required program or preselected technique. */
#main .room-saved-choice{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.45fr);align-items:center;gap:1.5rem;margin:0 0 2.5rem;padding:clamp(1.2rem,2.5vw,2rem);background:#e8e5da;border:1px solid #b2b6a0;border-radius:5px;color:#293129;box-shadow:inset 3px 0 #737d63}
#main .room-saved-choice h2{font:400 clamp(1.45rem,2.5vw,2rem)/1.3 CutGallery,Archivo,sans-serif;color:inherit;margin:.4rem 0 .8rem}
#main .room-saved-choice p{color:inherit;margin:.5rem 0;overflow-wrap:anywhere}
#main .room-saved-choice .eyebrow{color:#4a5440}
#main .room-saved-choice .actions{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;margin:0}
#main .room-saved-choice button{max-width:100%;white-space:normal}
#main .practice-choice .room-primary-actions{display:flex;flex-wrap:wrap;margin:1.2rem 0 1.3rem;gap:.7rem}
#main .practice-choice .room-card-options{margin:0;padding-top:1rem;border:0;border-top:1px solid var(--card-edge)}
#main .practice-choice .room-card-options>summary{font-size:.9rem;line-height:1.5;font-weight:500;min-height:44px;align-content:center;color:var(--card-ink);cursor:pointer}
#main .practice-choice .room-card-options>p{margin-block:1rem}
#main .practice-library.is-compact .room-card-options{grid-column:1/-1;margin-top:.5rem}
@media(max-width:700px){#main .room-saved-choice{grid-template-columns:1fr;gap:1rem}#main .room-saved-choice .actions{align-items:stretch}#main .practice-choice .room-primary-actions>*{flex:1 1 100%;width:100%}}
@media(forced-colors:active){#main .room-saved-choice{background:Canvas;color:CanvasText;border-color:ButtonText;box-shadow:none}#main .room-saved-choice .eyebrow{color:CanvasText}}

/* Two tracks; the roadmap and gallery are views within Independent Practice. */
.independent-navigation{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;padding:1rem 1.25rem;margin:0 0 1.5rem;border:1px solid #cfc4af;border-radius:12px;background:#eee8dc;color:#263029}
.independent-navigation>div:first-child{flex:1 1 20rem}.independent-navigation p{margin:.2rem 0}.independent-navigation .actions{margin:0;gap:.6rem}.independent-navigation a[aria-current="page"]{background:#354332;color:#fff8ed;border-color:#354332}
@media(max-width:650px){.independent-navigation{padding:1rem}.independent-navigation .actions{display:grid;grid-template-columns:1fr;width:100%}.independent-navigation .button{white-space:normal;text-align:center;min-width:0}}
@media print{.independent-navigation{display:none}}