/* STATES INN: approved warm charcoal, ivory and muted rust palette. */
body.daylight{--line:#ffffff30;background:#393532;color:#f3f0ea;color-scheme:dark}
body.daylight main{background:#393532;color:#f3f0ea}
body.daylight main>:is(.states-hero,.story-grid,.character-study,.presentation,.audio-feature){background:#393532;color:#f3f0ea;border-color:#ffffff30}
body.daylight main>.presentation,body.daylight main>.audio-feature{background:#403b37}
body.daylight main>.motion-section{background:#2d2926;color:#f3f0ea}
body.daylight main :is(h1,h2,h3){color:#f3f0ea;text-shadow:none}
body.daylight .states-hero .states-title h1{color:#f3f0ea}
body.daylight .states-title h1 em,body.daylight .story-grid h2 em{color:#df947c}
body.daylight main :is(.eyebrow,.caption,figcaption),body.daylight .states-title>.eyebrow{color:#ccc8c3}
body.daylight .states-title .states-subtitle,body.daylight .states-title>.text-link{color:#f3f0ea}
body.daylight .story-grid>div>p:not(.eyebrow),body.daylight .audio-feature p{color:#e1ddd7}
body.daylight main .text-link,body.daylight main .document-links a{color:#f3f0ea;border-color:#c5b5a7}
body.daylight main .text-link:hover,body.daylight main .document-links a:hover{color:#ffb295}
body.daylight .character-study figcaption{color:#ccc8c3}
body.daylight .audio-feature audio{color-scheme:dark}
body.daylight .site-footer:has(.footer-callout) .footer-callout{background:#302c29;color:#f3f0ea;border-top:1px solid #ffffff30}
body.daylight .site-footer .footer-callout :is(h2,.eyebrow,.footer-query-welcome,.footer-email){color:#f3f0ea}
body.daylight a:focus-visible,body.daylight button:focus-visible{outline:2px solid #ffb295;outline-offset:4px}

/* Composition: a short entrance, continuous story spread, compact listening strip. */
body.daylight main>.states-hero{padding-top:18px;min-height:0}
body.daylight .states-hero .states-title{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:8px 28px;padding:0 5vw 18px;min-height:0}
body.daylight .states-title>.eyebrow{grid-column:1/-1;grid-row:1;margin:0;font:10px/1.3 monospace;letter-spacing:.12em}
body.daylight .states-hero .states-title h1{grid-column:1;grid-row:2;margin:0;font-size:clamp(34px,3.7vw,54px);line-height:1.03;white-space:nowrap}
body.daylight .states-title .states-subtitle{grid-column:2;grid-row:2;align-self:center;justify-self:start;text-align:left;font-size:13px;line-height:1.4;margin:0}
body.daylight .states-title>.text-link{grid-column:3;grid-row:2;align-self:center;justify-self:end;font-size:11px;line-height:1.4;margin:0;padding:12px 0;min-height:44px}
body.daylight .states-hero>.caption{display:block;padding:10px 5vw;font-size:9px;line-height:1.4;letter-spacing:.12em}
body.daylight main>.story-grid{display:block;padding:26px 5vw 30px;min-height:0}
body.daylight .story-grid>div:first-child{margin:0 0 18px}
body.daylight .story-grid .eyebrow{margin:0 0 10px;font:10px/1.4 monospace;letter-spacing:.14em}
body.daylight .story-grid h2{font:400 clamp(27px,2.5vw,38px)/1.15 Georgia,serif;letter-spacing:-.035em;margin:0}
body.daylight .story-grid>div:nth-child(2){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;max-width:1200px}
body.daylight .story-grid>div>p:not(.eyebrow){margin:0;font:400 16px/1.65 Arial,sans-serif;max-width:62ch}
body.daylight main>.audio-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr);align-items:center;gap:28px;padding:26px 5vw;min-height:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body.daylight .audio-feature .eyebrow{font:10px/1.4 monospace;letter-spacing:.12em;margin:0 0 9px}
body.daylight .audio-feature h2{font:400 clamp(25px,2.3vw,34px)/1.15 Georgia,serif;letter-spacing:-.03em;margin:0 0 10px}
body.daylight .audio-feature h2 br{display:none}
body.daylight .audio-feature>div>p:not(.eyebrow){font:400 14px/1.5 Arial,sans-serif;max-width:55ch;margin:0}
body.daylight .states-listening-controls{display:grid;gap:12px;min-width:0;align-content:center}
body.daylight .states-listening-controls audio{display:block;width:100%;height:42px;min-width:0;margin:0}
body.daylight .states-listening-controls .text-link{justify-self:start;margin:0;padding:8px 0;min-height:44px;font:11px/1.4 Arial,sans-serif}
@media(max-width:800px){
body.daylight main>.states-hero{padding-top:16px}
body.daylight .states-hero .states-title{grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:0 6vw 16px}
body.daylight .states-title>.eyebrow{grid-column:1/-1;grid-row:1;font-size:9px}
body.daylight .states-hero .states-title h1{grid-column:1;grid-row:2;font-size:clamp(30px,7.4vw,48px)}
body.daylight .states-title>.text-link{grid-column:2;grid-row:2;font-size:9px;min-height:44px}
body.daylight .states-title .states-subtitle{grid-column:1/-1;grid-row:3;font-size:12px}
body.daylight .states-hero>.caption{padding:10px 6vw;font-size:8px}
body.daylight main>.story-grid{padding:24px 6vw}
body.daylight .story-grid>div:nth-child(2){grid-template-columns:1fr;gap:14px}
body.daylight .story-grid h2{font-size:28px}
body.daylight .story-grid>div>p:not(.eyebrow){font-size:15px;line-height:1.6;max-width:62ch}
body.daylight main>.audio-feature{grid-template-columns:1fr;gap:18px;padding:24px 6vw}
body.daylight .audio-feature h2{font-size:27px}
body.daylight .states-listening-controls{gap:8px}
}

/* Removed redundant development sentence; no empty middle grid track. */
body.daylight .states-hero .states-title{grid-template-columns:minmax(0,1fr) auto}
body.daylight .states-title>.text-link{grid-column:2;grid-row:2}