/* Shared appearance tokens: system works even when JavaScript is unavailable. */
:root{color-scheme:light;--paper:#f8f7f1;--ink:#243c38;--teal:#164e48;--muted:#54645c;--line:#d4d9ce;--sage:#e9eddf;--lime:#dce6ba;--surface:#eef0e6;--conversation:#e8eddf;--field:#fffef8;--support-bg:#164e48;--support-ink:#fafaf0;--support-muted:#dae3d6;--support-link:#d6e1ce;--button-ink:#ffffff;--focus:#a45227;--support-focus:#f8f7f1;--control-border:#6a8374;--support-border:#a5bba5;--accent:#546b4e;--art-line:#a5b69c;--art-sun:#c5d0ad;--sheet:#ffffff;--button-hover:#205e55;--secondary-hover:#e9eddf;--support-hover:#205e55;--support-line:#71958b;--link-hover:#164e48;}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--paper:#1a211f;--ink:#ecebe2;--teal:#98cbbd;--muted:#b4c2b7;--line:#52645a;--sage:#26352e;--lime:#c3d1a3;--surface:#26312b;--conversation:#2b3931;--field:#202c26;--support-bg:#183c35;--support-ink:#f0efe6;--support-muted:#c4d1c5;--support-link:#c3d1a3;--button-ink:#18221e;--focus:#e6bc81;--support-focus:#e6bc81;--control-border:#8fa99a;--support-border:#a5bba5;--accent:#b3cda0;--art-line:#779383;--art-sun:#526b4d;--sheet:#202a25;--button-hover:#add9ca;--secondary-hover:#304037;--support-hover:#254d42;--support-line:#4a7163;--link-hover:#b3dece;}}

/* Components use the same palette on the full and printable guides. */
html{background:var(--paper)}
body{background:var(--paper);color:var(--ink)}
.header-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:16px 28px;min-width:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
nav.page-guide,.resources article,.section-band{background:var(--surface)}
.hero-aside,.brand-mark,.ground,.print-guide{background:var(--sage)}
.brand-mark,.aside-note em,h1 em,h2 em{color:var(--teal)}
.intro,.quiet-note,.aside-note .small,.page-guide>span,.section-heading>p,.ideas p,.directory-note,footer,.project,.standfirst{color:var(--muted)}
.idea-number{color:var(--accent)}
.arch,.inset,.aside-note,.share-message,blockquote{border-color:var(--art-line)}
.sun{background:var(--art-sun)}
.note-line{background:var(--art-line)}
.dot{background:var(--accent)}
.support-section{background:var(--support-bg);color:var(--support-ink)}
.support-intro>p:not(.eyebrow),.conversation-starters>p{color:var(--support-muted)}
.source-light{color:var(--support-link)}
.support-list li:before{color:var(--lime)}
.conversation-starters details{border-color:var(--support-line)}
.conversation{background:var(--conversation);color:var(--ink)}
.copy-fallback{background:var(--field);color:var(--ink);border-color:var(--control-border);caret-color:var(--teal)}
.button,button.button,.skip{background:var(--teal);color:var(--button-ink);border-color:var(--teal)}
.secondary-button,.conversation button{color:var(--teal);border-color:var(--control-border)}
.conversation-starters .secondary-button{color:var(--support-ink);border-color:var(--support-border)}
.text-link{border-color:var(--control-border)}
:root :is(a,button,summary,textarea,select):focus-visible{outline:3px solid var(--focus);outline-offset:5px}
.support-section :is(a,button,summary,textarea,select):focus-visible{outline-color:var(--support-focus)}
.support-section .conversation :is(a,button,summary,textarea,select):focus-visible{outline-color:var(--focus)}
#main:focus{outline-color:var(--focus)}
/* This selector avoids changing the full guide's main background. */
body.printable main{background:var(--sheet);border:1px solid var(--line)}
body.printable a{color:var(--teal)}
body.printable .skip{color:var(--button-ink)}
body.printable button{background:var(--teal);color:var(--button-ink)}
body.printable footer{border-color:var(--line)}
/* Explicit interaction colours avoid mismatched browser defaults in dark mode. */
::selection{background:var(--teal);color:var(--button-ink)}
@media(hover:hover) and (pointer:fine){
 a:not(.button):not(.skip):hover{color:var(--link-hover)}
 .support-section a:not(.button):not(.skip):hover{color:var(--support-link)}
 .support-section .conversation a:hover{color:var(--link-hover)}
 .button:hover,button.button:hover,body.printable button:hover{background:var(--button-hover);border-color:var(--button-hover);color:var(--button-ink)}
 .secondary-button:hover,.conversation button:hover{background:var(--secondary-hover);color:var(--teal)}
 .conversation-starters .secondary-button:hover{background:var(--support-hover);color:var(--support-ink)}
}
@media(max-width:1000px){.header-tools{justify-content:flex-start;gap:8px 22px}}
@media(max-width:700px){.header-tools{width:100%;align-items:flex-start;flex-direction:column;gap:8px}}
@media(forced-colors:active){
 :root :is(a,button,summary,textarea,select):focus-visible,#main:focus{outline-color:Highlight!important}
 .button,.secondary-button{border-color:ButtonText}
 ::selection{background:Highlight;color:HighlightText}
 }
@media print{:root{color-scheme:light!important;--paper:#f8f7f1!important;--ink:#243c38!important;--teal:#164e48!important;--muted:#54645c!important;--line:#d4d9ce!important;--sage:#e9eddf!important;--lime:#dce6ba!important;--surface:#eef0e6!important;--conversation:#e8eddf!important;--field:#fffef8!important;--support-bg:#164e48!important;--support-ink:#fafaf0!important;--support-muted:#dae3d6!important;--support-link:#d6e1ce!important;--button-ink:#ffffff!important;--focus:#a45227!important;--support-focus:#f8f7f1!important;--control-border:#6a8374!important;--support-border:#a5bba5!important;--accent:#546b4e!important;--art-line:#a5b69c!important;--art-sun:#c5d0ad!important;--sheet:#ffffff!important;}
  body,body.printable main,.support-section,.conversation,.resources article,.section-band,.print-guide{background:white!important;color:#172e29!important}
 body :is(p,li,a,h1,h2,h3,h4,span,em,strong,blockquote){color:#172e29!important}
 body .skip,body .header-tools{display:none!important}
 body.printable main{border:0}
 #main:focus{outline:0}
}