/* Field station surfaces: evergreen identity, paper workspaces, semantic accents.
   Screen-only so the existing economical print layouts remain authoritative. */
@media screen {
body[data-site-theme] { --field-paper:#f2f1e8; --field-ink:#203e32; --field-muted:#53685b; --field-line:#cbd5c7; }
body[data-site-theme] :is(.lib-surface,.mp-surface) {
  --lib-text:var(--field-ink); --lib-muted:var(--field-muted); --lib-line:var(--field-line);
  --mp-text:var(--field-ink); --mp-muted:var(--field-muted); --mp-line:var(--field-line);
  background:var(--field-paper); color:var(--field-ink); border-color:#c5d1c0;
  box-shadow:0 12px 40px #17382b0a;
}
/* Dark masthead, pale navigation rail, and an illustrated evergreen hero. */
body[data-site-theme] :is(.lib-utility,.mp-utility) { margin-inline:-24px; padding-inline:24px; background:#183b2d; color:#f3f5e7; }
body[data-site-theme] :is(.lib-utility,.mp-utility) p { color:#cbdcc6!important; }
body[data-site-theme] :is(.lib-utility,.mp-utility) .button.outline { color:#edf3de; border-color:#819e83; }
body[data-site-theme] main :is(.lib-journey,.mp-journey) { background:#e3e9da; margin-inline:-24px; padding-inline:24px; border-color:#bdcbb7; }
body[data-site-theme] :is(.lib-journey,.mp-journey) a { color:#4c6554; }
body[data-site-theme] :is(.lib-journey,.mp-journey) a[aria-current] { color:#244d37; border-color:#5a7b3b; font-weight:700; }
body[data-site-theme] :is(.lib-welcome,.mp-welcome) {
  margin:24px 0; padding:30px; border-radius:12px; color:#f1f5e3;
  background:radial-gradient(ellipse at 85% 15%,#63846655,transparent 60%),linear-gradient(115deg,#15382d,#315a43);
  border:1px solid #456b4d; box-shadow:inset 0 1px #ffffff15;
}
body[data-site-theme] :is(.lib-welcome,.mp-welcome) .eyebrow { color:#e0ead7; }
body[data-site-theme] :is(.lib-welcome,.mp-welcome)>div>p:not(.eyebrow) { color:#d6e2cd!important; font-size:14px; }
body[data-site-theme] .mp-welcome-actions>span { color:#e0ead7; }
body[data-site-theme] :is(.lib-surface,.mp-surface) .eyebrow { color:#526b50; }
body[data-site-theme] :is(.lib-welcome,.mp-welcome) .eyebrow { color:#e0ead7; }
body[data-site-theme] :is(.lib-filters button,.mp-sections a,.lib-quick-paths a) { background:#e4eadb; color:#294735; border-color:#c2d0b8; box-shadow:inset 0 1px #ffffff88; }
body[data-site-theme] :is(.lib-filters button,.mp-sections a,.lib-quick-paths a):hover { background:#d9e5cf; border-color:#68835e; }
body[data-site-theme] .lib-filters button[aria-pressed=true] { background:#284e38; color:#f0f6d9; border-color:#284e38; box-shadow:inset 0 -3px #d7ec87; }
body[data-site-theme] .lib-surface .lib-filters button .lib-icon { color:#607d50; }
body[data-site-theme] .lib-surface .lib-filters button[aria-pressed=true] .lib-icon { color:#dcecaa; }
body[data-site-theme] :is(.lib-quick-paths small,.lib-quick-paths em,.mp-sections small,.mp-sections b) { color:#52684f; }
body[data-site-theme] :is(.lib-quick-paths b,.lib-quick-paths .mp-icon,.mp-sections .mp-icon) { color:#426d5c; }
/* Category palettes remain attached to the category when results are filtered. */
body[data-site-theme] :is(.lib-guide-card,.lib-tool-card) {
  --accent:#53773e; --tint:#e1ead2; --wash:#f8faef;
  background:linear-gradient(135deg,var(--wash),#fffdf6); color:#233f32;
  border:1px solid #ccd5c6; border-top:3px solid var(--accent);
  box-shadow:0 4px 12px #243b2b06; transition:box-shadow .18s,transform .18s,border-color .18s;
}
body[data-site-theme] :is(.lib-guide-card,.lib-tool-card)[data-category="Weather"] { --accent:#9c702a; --tint:#f0dfb9; --wash:#faf4e6; }
body[data-site-theme] :is(.lib-guide-card,.lib-tool-card)[data-category="Weather & maps"],
body[data-site-theme] .lib-guide-card[data-category="Earth & coast"] { --accent:#39736d; --tint:#d2e7df; --wash:#edf6f0; }
body[data-site-theme] .lib-guide-card[data-category="Health & safety"],
body[data-site-theme] .lib-tool-card[data-category="Space weather"] { --accent:#786382; --tint:#e4dcea; --wash:#f5f0f6; }
body[data-site-theme] .lib-tool-card[href="/wildfire-map/"] { --accent:#a36b43; --tint:#eedcc9; --wash:#faf1e7; }
body[data-site-theme] :is(.lib-guide-card,.lib-tool-card):hover { background:linear-gradient(135deg,var(--wash),#fffdf6); border-color:var(--accent); box-shadow:0 10px 22px #233e3212; transform:translateY(-3px); }
body[data-site-theme] :is(.lib-card-art,.lib-tool-art) { background:var(--tint); border-color:transparent; }
body[data-site-theme] :is(.lib-card-art,.lib-tool-art) .lib-icon { color:var(--accent); }
body[data-site-theme] .lib-tool-art-lines,body[data-site-theme] .lib-tool-art-lines:before { border-color:#395c4422; }
body[data-site-theme] :is(.lib-kicker,.lib-index) { color:#586e58; }
body[data-site-theme] .lib-card-action { color:#31563c; border-color:#cdd7c5; font-size:12px; }
body[data-site-theme] :is(.lib-guide-card,.lib-tool-card):hover .lib-card-action { color:var(--accent); }
body[data-site-theme] .lib-guide-stages { color:#61715b; }
body[data-site-theme] :is(.lib-guide-card p,.lib-tool-copy p) { font-size:13px; }
body[data-site-theme] .lib-notice { background:#e9e8db; border-color:#d3d2bd; }
body[data-site-theme] .lib-notice>.mp-icon { color:#8b7139; }
body[data-site-theme] .lib-notice a { color:#36583c; }
body[data-site-theme] :is(.lib-plan-link,.mp-finish) { background:#224734; color:#eef4de; border-color:#42644a; }
body[data-site-theme] :is(.lib-plan-link,.mp-finish) p { color:#d2dfc5!important; }
body[data-site-theme] :is(.lib-surface,.mp-surface) :is(a,button,input,select,summary):focus-visible { outline:3px solid #9a772d!important; outline-offset:4px; }
/* Household workbench: clear inputs, a dark progress summary, colored next steps. */
body[data-site-theme] .mp-surface .mp-icon { color:#587e60; }
body[data-site-theme] .mp-fields label,body[data-site-theme] .mp-local-controls label { color:#415d4b; }
body[data-site-theme] :is(.mp-priorities label,.mp-tool,.mp-check-group,.mp-context,.mp-guides a) { background:#fbfcf4; border-color:#c8d4c1; color:#294735; }
body[data-site-theme] .mp-priorities label:has(input:checked) { background:#dce8c5; border-color:#68844d; color:#294735; }
body[data-site-theme] .mp-priorities input,body[data-site-theme] .mp-check input { accent-color:#456e3e; }
body[data-site-theme] .mp-number { background:#e1e9d4; border-color:#b8c7aa; color:#48673e; }
body[data-site-theme] :is(.mp-status,.mp-privacy strong,.mp-card-kicker,.mp-section-title>a,.mp-source a,.mp-gap-link,.mp-group-count,.mp-check-group summary>b,.mp-pill) { color:#476340!important; }
body[data-site-theme] .mp-progress { background:linear-gradient(120deg,#28503a,#3c6245); color:#f2f5df; border-color:#54744e; box-shadow:0 5px 14px #25493215; }
body[data-site-theme] .mp-progress :is(.eyebrow,.mp-micro,#rd-household) { color:#d1e0bf!important; }
body[data-site-theme] .mp-next-card { background:#e2eeE7; border-color:#bfd4c7; border-top:3px solid #568e7f; }
body[data-site-theme] .mp-next-card:nth-child(2) { background:#e9eedb; border-color:#c7d3b2; border-top-color:#79934d; }
body[data-site-theme] .mp-next-card:nth-child(3) { background:#f3e8ce; border-color:#ddcca8; border-top-color:#b18b40; }
body[data-site-theme] .mp-next-card>.mp-icon { color:#3c7569; }
body[data-site-theme] .mp-next-card:nth-child(2)>.mp-icon { color:#657e3c; }
body[data-site-theme] .mp-next-card:nth-child(3)>.mp-icon { color:#946e2a; }
body[data-site-theme] .mp-next-card :is(a,button) { color:#34553d; }
body[data-site-theme] .mp-next-card button { background:#ffffff88; border-color:#91a786; }
body[data-site-theme] .mp-supplies { background:#fffdf5; border-color:#cdd6c2; }
body[data-site-theme] .mp-supplies :is(th,td) { border-color:#d7dece; }
body[data-site-theme] .mp-supplies thead th { color:#5a7052; }
body[data-site-theme] .mp-check-group[open] { background:#f8faef; border-color:#aabb96; }
body[data-site-theme] .mp-check:has(input:checked) strong { color:#526d42; }
body[data-site-theme] .mp-check-tick { color:#426c35; }
body[data-site-theme] .mp-context { background:#e2ece4; }
body[data-site-theme] .mp-local-body { background:#24483a; color:#edf3de; --mp-muted:#c4d5bb; --mp-line:#ffffff25; }
body[data-site-theme] .mp-local-body .mp-local-controls label { color:#d3e1c8; }
body[data-site-theme] .mp-local-body :is(.mp-source,.mp-source a) { color:#c4d5bb!important; }
body[data-site-theme] .mp-local-body .mp-source a { color:#dbe9b6!important; }
body[data-site-theme] .mp-local-body .mp-section-title>a { color:#dbe9b6!important; }
body[data-site-theme] .mp-local-body .eyebrow { color:#c4d5bb; }
body[data-site-theme] .mp-surface .mp-local-body .button.outline { color:#edf3de; border-color:#819e83; }
body[data-site-theme] .mp-context summary>b { color:#476340; }
body[data-site-theme] .mp-utility .mp-icon { color:inherit; }
body[data-site-theme] .mp-all-done { background:#e1ebcd; border-color:#96ac74; }
body[data-site-theme] .lib-empty .button.outline { color:#294735; }
/* Forecast retains dark detailed charts; its overview becomes a bright instrument panel. */
body[data-site-theme][data-page=conditions] .weather-surface { background:#1a382d; border-color:#44624b; box-shadow:0 12px 40px #17382b10; }
body[data-page=conditions] #view-overview { background:#e9eee3; margin:16px -24px 0; padding:24px; border-block:1px solid #b9cbb5; }
body[data-page=conditions] .station-section-heading h2 { color:#284734; }
body[data-page=conditions] .station-section-heading>span { color:#536a52; }
body[data-page=conditions] .station-overview .weather-layout { background:radial-gradient(ellipse at top right,#598c7b55,transparent 75%),#234a40; border-color:#416b59; }
body[data-page=conditions] .station-preview { background:#f3e7cb; color:#51472d; border-color:#d6c49c; }
body[data-page=conditions] #quake-preview { background:#d7e6d0; color:#304f37; border-color:#b5c9a9; }
body[data-page=conditions] .station-preview :is(.tile-label,small),body[data-page=conditions] #sun-preview-content>small { color:#596449; }
body[data-page=conditions] .station-preview .tile-visual { color:#9a712a; }
body[data-page=conditions] #quake-preview>svg { color:#5e7f49; }
body[data-page=conditions] .station-tile {
  --instrument:#4d7768; --instrument-paper:#f6faf3;
  background:linear-gradient(150deg,var(--instrument-paper),#fffef8); color:#254333;
  border:1px solid #c5d1bd; border-top:3px solid var(--instrument); box-shadow:0 3px 8px #1c3d2c06;
}
body[data-page=conditions] .station-tile:is([data-detail=temperature],[data-detail=feels],[data-detail=uv],[data-detail=sun]) { --instrument:#9d742d; --instrument-paper:#faf1df; }
body[data-page=conditions] .station-tile:is([data-detail=rain],[data-detail=dew]) { --instrument:#317d78; --instrument-paper:#e7f3ed; }
body[data-page=conditions] .station-tile:is([data-detail=humidity],[data-detail=pressure]) { --instrument:#796187; --instrument-paper:#f2edf5; }
body[data-page=conditions] .station-tile[data-detail=moon] { --instrument:#696887; --instrument-paper:#eeedf5; }
body[data-page=conditions] .station-tile .tile-visual { color:var(--instrument); }
body[data-page=conditions] .station-tile .tile-reading { color:#284333; }
body[data-page=conditions] .station-tile :is(.tile-label,.tile-reading>small,.tile-note) { color:#52674f; }
body[data-page=conditions] .station-tile .tile-action { color:#3e6145; opacity:1; border-top:1px solid #d9dfd0; }
body[data-page=conditions] .tile-label>span { color:#516a47; }
body[data-page=conditions] .station-tile:hover { background:var(--instrument-paper); border-color:var(--instrument); box-shadow:0 7px 16px #193c2c15; }
body[data-page=conditions] .station-preview:hover { background:#ede1bf; border-color:#a68c4d; }
body[data-page=conditions] #quake-preview:hover { background:#cbdcbe; border-color:#6e8a58; }
body[data-page=conditions] .tile-moon { background:#33483f; border-radius:8px; margin:6px 0; }
body[data-page=conditions] .station-tile[data-detail=air] .tile-visual { background:#344b3f; border-radius:8px; }
body[data-page=conditions] :is(.station-tile,.station-preview):focus-visible { outline-color:#987526; }
/* Map chrome gains distinct water, heat and atmospheric tones; map data is untouched. */
body[data-site-theme][data-page=weather-map] .weather-map-surface { background:linear-gradient(150deg,#23483a,#102e27); border-color:#456650; box-shadow:0 12px 40px #17382b12; }
body[data-site-theme][data-page=weather-map] .storm-weather-shortcuts button { background:#dce7d3; border-color:#acbf9b; color:#304d37; }
body[data-site-theme][data-page=weather-map] .storm-weather-shortcuts [data-layer=rain] { background:#cfe5df; border-color:#9fbbb1; }
body[data-site-theme][data-page=weather-map] .storm-weather-shortcuts [data-layer=temperature] { background:#efdfbd; border-color:#cfb582; }
body[data-site-theme][data-page=weather-map] .storm-weather-shortcuts [data-layer=clouds] { background:#dde5e2; border-color:#acbfba; }
body[data-site-theme][data-page=weather-map] .storm-weather-shortcuts [data-layer=pressure] { background:#e0dbea; border-color:#bbb0ca; }
body[data-site-theme][data-page=weather-map] .storm-weather-shortcuts button svg { color:#486b51; }
body[data-site-theme][data-page=weather-map] .storm-weather-shortcuts [data-layer=rain] svg { color:#356e69; }
body[data-site-theme][data-page=weather-map] .storm-weather-shortcuts [data-layer=clouds] svg { color:#58756a; }
body[data-site-theme][data-page=weather-map] .storm-weather-shortcuts [data-layer=temperature] svg { color:#936d2f; }
body[data-site-theme][data-page=weather-map] .storm-weather-shortcuts [data-layer=pressure] svg { color:#736080; }
body[data-site-theme][data-page=weather-map] .storm-weather-shortcuts button[aria-pressed=true] { background:#e6f69a; color:#253f2d; border-color:#e6f69a; box-shadow:inset 0 -4px #8ba54b; }
body[data-site-theme][data-page=weather-map] .storm-panel { background:linear-gradient(140deg,#33594d,#24473e); border-color:#537061; border-top:3px solid #d7bd77; }
body[data-site-theme][data-page=weather-map] .storm-event { background:#365248; border-color:#729184; }
body[data-site-theme][data-page=weather-map] .storm-event[aria-pressed=true] { background:#4c5d41; border-color:#b5ad70; }
body[data-site-theme][data-page=weather-map] .weather-forecast-link { background:#ede3c6; color:#3e5035; border-color:#c9bb8e; }
body[data-site-theme][data-page=weather-map] .weather-forecast-link small { color:#59654c; }
body[data-site-theme][data-page=weather-map] .weather-forecast-link svg { color:#997231; stroke:#997231; }
}
@media screen and (max-width:700px) {
body[data-page=conditions] #view-overview { margin-inline:-12px; padding:16px 12px; }
}
@media screen and (max-width:650px) {
body[data-site-theme] :is(.lib-utility,.mp-utility) { margin-inline:-14px; padding-inline:14px; }
body[data-site-theme] main :is(.lib-journey,.mp-journey) { margin-inline:-14px; padding-inline:14px; }
body[data-site-theme] :is(.lib-welcome,.mp-welcome) { margin:16px 0; padding:22px 17px; }
body[data-site-theme] :is(.lib-welcome,.mp-welcome)>div>p:not(.eyebrow) { font-size:12px; }
}
@media (prefers-reduced-motion:reduce) {
body[data-site-theme] :is(.lib-guide-card,.lib-tool-card) { transition:none; }
body[data-site-theme] :is(.lib-guide-card,.lib-tool-card):hover { transform:none; }
}
/* The same surface system extends to every reading page and specialist tool. */
@media screen {
body[data-site-theme] :is(.guide-reader,.tool-reader) {
  --lib-text:#203e32; --lib-muted:#53685b; --lib-line:#cbd5c7;
  --topic:#567847; --topic-pale:#e3ebd5;
  background:#f2f1e8; color:#203e32; border-color:#c5d1c0; box-shadow:0 12px 40px #17382b0a;
}
.guide-reader[data-category="Weather"] { --topic:#926b2a!important; --topic-pale:#f2e5c9!important; }
.guide-reader[data-category="Earth & coast"] { --topic:#39736d!important; --topic-pale:#dbece4!important; }
.guide-reader[data-category="Health & safety"] { --topic:#786382!important; --topic-pale:#e9e0ed!important; }
body[data-site-theme] :is(.guide-reader,.tool-reader) .quality-head {
  background:radial-gradient(ellipse at 85% 15%,#63846655,transparent 60%),linear-gradient(115deg,#15382d,#315a43);
  padding:30px; margin:24px 0 0; border:1px solid #456b4d; border-radius:12px; color:#f1f5e3;
}
body[data-site-theme] :is(.guide-reader,.tool-reader) .quality-head .field-art { background:var(--topic-pale); color:var(--topic); --art-disc:#ffffff55; border:0; }
body[data-site-theme] :is(.guide-reader,.tool-reader) .quality-head h1 { color:#f1f5e3; }
body[data-site-theme] :is(.guide-reader,.tool-reader) .quality-head :is(p,.eyebrow) { color:#d6e2cd; }
body[data-site-theme] .guide-reader .article-aside { background:#e4eadb; color:#3a5845; border-color:#c5d1ba; }
body[data-site-theme] .guide-reader .article-aside :is(a,p,.eyebrow) { color:#3f6048; border-color:#c2ceba; }
body[data-site-theme] .guide-reader .article-aside hr { border-color:#c2ceba; }
body[data-site-theme] :is(.guide-reader,.tool-reader) .prose { color:#304b3c; }
body[data-site-theme] :is(.guide-reader,.tool-reader) .prose :is(p,li) { color:#415a48; }
body[data-site-theme] :is(.guide-reader,.tool-reader) .prose :is(h2,h3) { color:#254333; }
body[data-site-theme] :is(.guide-reader,.tool-reader) .prose a { color:#365c40; }
body[data-site-theme] .guide-reader .takeaway { background:var(--topic-pale); border:1px solid #bccdb4; border-left:4px solid var(--topic); color:#284735; }
body[data-site-theme] .guide-reader .takeaway :is(p,.eyebrow) { color:#304b3c; }
body[data-site-theme] .guide-reader .prose>section:is(#before,#during,#after) { padding-top:10px; border-top:1px solid #ccd6c2; margin-top:28px; }
body[data-site-theme] .guide-reader .prose>section:is(#before,#during,#after)>h2 { display:flex; align-items:center; gap:12px; margin-top:16px; }
body[data-site-theme] .guide-reader #before>h2:before,body[data-site-theme] .guide-reader #during>h2:before,body[data-site-theme] .guide-reader #after>h2:before { content:'01'; display:grid; place-items:center; width:36px; height:36px; flex:0 0 36px; border-radius:8px; background:#dfe9ce; color:#47673d; font:12px var(--mono); }
body[data-site-theme] .guide-reader #during>h2:before { content:'02'; background:#f0dfbd; color:#785823; }
body[data-site-theme] .guide-reader #after>h2:before { content:'03'; background:#d9eae1; color:#3b6d61; }
body[data-site-theme] .guide-reader .sources { background:#e1ebe3; border-color:#bdcfc0; }
body[data-site-theme] .guide-reader :is(.journal-contents,.buying-scenarios article,.product-research,.journal-method,.notice,.article-gear) { background:#e9eddf; color:#415a48; border-color:#cad4c0; }
body[data-site-theme] .guide-reader :is(.journal-contents summary,.small,.small a,.product-commission-note) { color:#53664c!important; }
body[data-site-theme] .guide-reader :is(.buying-scenarios,.product-research) :is(h3,p,strong,small,dt,dd,details,.research-label) { color:#415a48; }
body[data-site-theme] .guide-reader :is(.buying-scenarios,.product-research,.notice,.article-gear) a { color:#365c40; }
body[data-site-theme] .guide-reader .product-research dl>div { border-color:#cbd5c7; }
body[data-site-theme] .guide-reader .gear-bridge { background:transparent; color:#284735; border-color:#cbd5c7; }
body[data-site-theme] .guide-reader .gear-bridge .commerce-disclosure { color:#53664c!important; }
body[data-site-theme] .guide-reader :is(.product-pick,.buyer-product) { background:#fffdf6; border-color:#cbd5c7; box-shadow:0 4px 12px #243b2b06; }
body[data-site-theme] .guide-reader .product-pick .product-pick-body :is(h3,p,summary,small,.eyebrow),
body[data-site-theme] .guide-reader .buyer-product-content :is(h3,p,small,.eyebrow),
body[data-site-theme] .guide-reader .product-fit,body[data-site-theme] .guide-reader .product-fit p { color:#415a48; border-color:#cad4c0; }
body[data-site-theme] .guide-reader .product-fit p { background:#edf1e5; }
body[data-site-theme] .site-reader :is(.journal-card,.buying-directory>a) { background:linear-gradient(135deg,#edf3e6,#fffdf6); color:#203e32; border-color:#c5d1c0; border-top:3px solid #638156; }
body[data-site-theme] .site-reader :is(.journal-card,.buying-directory>a):nth-child(3n+2) { background:linear-gradient(135deg,#edf6f0,#fffdf6); border-top-color:#39736d; }
body[data-site-theme] .site-reader :is(.journal-card,.buying-directory>a):nth-child(3n) { background:linear-gradient(135deg,#faf4e6,#fffdf6); border-top-color:#9c702a; }
body[data-site-theme] .site-reader :is(.journal-card,.buying-directory>a):hover { border-color:#66845c; box-shadow:0 8px 20px #23433212; }
body[data-site-theme] .site-reader :is(.journal-card,.buying-directory>a) :is(h2,h3,p,.eyebrow,span) { color:#415a48; }
body[data-site-theme] .site-reader :is(.journal-card,.buying-directory>a) .field-art { background:#dce8d2; color:#4f7146; --art-disc:#eef4e3; border:0; }
body[data-site-theme] .site-reader :is(table,th,td) { border-color:#c5d1c0; }
body[data-site-theme] .site-reader th { background:#e3ead8; color:#36523c; }
body[data-site-theme] .site-reader td { color:#415a48; }
body[data-site-theme] .site-reader .commerce-disclosure { color:#53664c; }
body[data-site-theme] :is(.guide-reader,.tool-reader) :is(a,button,input,select,summary):focus-visible { outline:3px solid #9a772d; outline-offset:4px; }
/* Calculators and the older printable planner share the light work surface. */
body[data-site-theme] .tool-reader :is(.power-lab,.power-layout form,.power-layout label) { color:#304b3c; border-color:#cbd5c7; }
body[data-site-theme] .tool-reader .power-lab :is(h2,.eyebrow,a) { color:#36553d; }
body[data-site-theme] .tool-reader .power-layout .small { color:#53664c!important; }
body[data-site-theme] .tool-reader .runtime-result { background:linear-gradient(120deg,#28503a,#3c6245)!important; color:#eef4df!important; border-color:#54744e!important; }
body[data-site-theme] .tool-reader .runtime-result :is(p,.eyebrow) { color:#d1e0bf!important; }
body[data-site-theme] .tool-reader .preset-row button { background:#e2ead5; color:#3b593e; border-color:#9db18e; }
body[data-site-theme] .tool-reader .safety-note { background:#efe5ce; color:#625337!important; border-color:#d2c299; }
body[data-site-theme] .site-reader .planner :is(label,.small,.check-row,.check-row small,.supply-stats small,.supply-stats span,.check-row strong,.supply-stats strong) { color:#415a48; }
body[data-site-theme] .site-reader .planner :is(.check-row,.supply-stats) { border-color:#cbd5c7; }
body[data-site-theme] .site-reader .planner .planner-aside { background:#e4eadb; color:#415a48; border-color:#bdcdb3; }
body[data-site-theme] .site-reader .planner-aside :is(h2,h3,p,.eyebrow,a) { color:#415a48; }
body[data-site-theme] .site-reader .plain-button { color:#365c40; border-color:#8ca77d; }
body[data-site-theme] .site-reader .progress-track { background:#d5dfca; }
body[data-site-theme] .site-reader .progress-track>div { background:#5d8047; }
/* Kit: each essential has a stable accent, paper equipment rows, evergreen progress. */
body[data-page=build-your-kit] .kb-surface { border-radius:16px; }
body[data-page=build-your-kit] .lib-utility { border-radius:15px 15px 0 0; }
body[data-page=build-your-kit] .kb-welcome-actions>span { color:#d1e0c7; }
body[data-site-theme] main .kb-role-nav { border-color:#cbd5c7; }
body[data-site-theme] .kb-role-nav a { background:#e3ead8; color:#314e38; border-color:#c2cfb8; }
body[data-site-theme] .kb-role-nav a:is(:hover,[data-covered=true]) { background:#d9e6c7; border-color:#819c6a; }
body[data-site-theme] .kb-role-nav :is(small,em,b),body[data-site-theme] .kb-role-nav a[data-covered=true] :is(em,b:after) { color:#49633f; }
body[data-site-theme] .kb-role-nav a>.mp-icon { color:#567747; }
body[data-site-theme] .kb-role-nav a:first-child>.mp-icon { color:#39736d; }
body[data-site-theme] .kb-role-nav a:nth-child(2)>.mp-icon { color:#967032; }
body[data-site-theme][data-page=build-your-kit] .kit-builder .kb-toolbar { background:linear-gradient(120deg,#28503a,#3c6245); border-color:#54744e; }
body[data-site-theme] .kb-surface .kb-toolbar .button.outline { color:#e9f1dc; border-color:#9eb58c; }
body[data-site-theme][data-page=build-your-kit] .kit-builder #kit-storage,
body[data-site-theme] .kb-review-heading p:not(.eyebrow),body[data-site-theme] .kb-shopping-note .commerce-disclosure,
body[data-site-theme] .kb-affiliate-note,body[data-site-theme] .kb-baseline { color:#53664c!important; }
body[data-site-theme] :is(.kb-review-heading>a,.kb-shopping-note summary,.kb-baseline a) { color:#365c40; }
body[data-site-theme] .kb-shopping-note { border-color:#cbd5c7; }
body[data-site-theme] .kb-page-note>.mp-icon { color:#5d784e; }
body[data-site-theme][data-page=build-your-kit] .kit-builder .kit-role {
  --kit-accent:#658345; --kit-tint:#e6edd8;
  background:linear-gradient(135deg,var(--kit-tint),#fafaf1); color:#294735; border:1px solid #c5d1c0; border-top:3px solid var(--kit-accent);
}
body[data-site-theme][data-page=build-your-kit] .kit-role[data-role=water] { --kit-accent:#39736d; --kit-tint:#dcece4; }
body[data-site-theme][data-page=build-your-kit] .kit-role[data-role=light],body[data-site-theme][data-page=build-your-kit] .kit-role[data-role=charging] { --kit-accent:#967032; --kit-tint:#f3e7cc; }
body[data-site-theme][data-page=build-your-kit] .kit-role[data-role=radio] { --kit-accent:#786382; --kit-tint:#e9e1ed; }
body[data-site-theme][data-page=build-your-kit] .kit-role[data-role=firstaid] { --kit-accent:#537b67; --kit-tint:#e1ede3; }
body[data-site-theme][data-page=build-your-kit] .kit-role :is(h2,.kit-role-number) { color:#314f3a; }
body[data-site-theme][data-page=build-your-kit] .kit-role .kit-role-title>.mp-icon { color:var(--kit-accent); }
body[data-site-theme][data-page=build-your-kit] .kit-owned { background:#fffff7aa; color:#36553d; border-color:#99ad87; }
body[data-site-theme][data-page=build-your-kit] .kit-owned:has(input:checked) { background:#dce9c8; color:#36553d; border-color:#6e8b4e; }
body[data-site-theme][data-page=build-your-kit] .kit-owned input { accent-color:#4d743d; }
body[data-site-theme][data-page=build-your-kit] .kit-role-intro :is(p,.text-link) { color:#486046; }
body[data-site-theme][data-page=build-your-kit] .kit-builder .kit-options { background:#fffdf6; border-color:#cbd5c7; }
body[data-site-theme][data-page=build-your-kit] .kit-options .kit-product+.kit-product { border-color:#d5ddcc; }
body[data-site-theme][data-page=build-your-kit] .kit-product :is(h3,.eyebrow,.product-benefit,.product-fit,.product-fit summary,.product-fit p) { color:#415a48; }
body[data-site-theme][data-page=build-your-kit] .kit-product .product-fit p { background:#edf1e5; border-color:#ccd8c1; }
body[data-site-theme][data-page=build-your-kit] .kit-product :is(.product-commission-note,.product-link-note) { color:#53664c!important; }
body[data-site-theme][data-page=build-your-kit] .kit-builder .kit-covered { background:#e2ebd3; color:#35533a; border-color:#a6bc90; }
body[data-site-theme][data-page=build-your-kit] .kit-covered p { color:#4c6644!important; }
body[data-site-theme][data-page=build-your-kit] .kit-covered>.mp-icon { color:#5c7e43; }
body[data-site-theme][data-page=build-your-kit] .kit-builder :is(a,button,input,summary):focus-visible { outline-color:#9a772d; }
/* Space: navy-green observation stage, plum logbook, warm playback controls. */
body[data-site-theme] .space-head.quality-workbench-head { background:radial-gradient(ellipse at right,#66756966,transparent 60%),linear-gradient(115deg,#15382d,#315a43); }
body[data-site-theme] .space-stage { border-radius:14px; background:radial-gradient(ellipse at 45% 40%,#243c3c,#101e24 75%); border-color:#426256; }
body[data-site-theme] .space-stage h2 { color:#eff3e2; }
body[data-site-theme] .space-stage .field-art { color:#d9cce4; }
body[data-site-theme] .space-transport { background:#e5dfec; border:1px solid #c6b8d1; color:#4c4059; margin-top:12px; }
body[data-site-theme] .space-play-row button { background:#faf7fc; color:#554563; border-color:#a38db3; border-radius:7px; }
body[data-site-theme] .space-play-row button:first-child { background:#34563d; color:#f1f5df; border-color:#34563d; }
body[data-site-theme] .space-play-row>span,body[data-site-theme] :is(#space-start,#space-end) { color:#5a4d66; }
body[data-site-theme] .space-transport input { accent-color:#796386; }
body[data-site-theme] .space-sidebar { background:#f6f2f7; color:#3e3548; border:1px solid #cfc4d6; border-top:3px solid #806c8e; border-radius:12px; overflow:hidden; }
body[data-site-theme] .space-feed-head { padding-bottom:16px; background:#e8e1ec; border-bottom:1px solid #d1c6d9; }
body[data-site-theme] .space-feed-head :is(h2,.eyebrow) { color:#50445e; }
body[data-site-theme] .space-feed-head button { color:#554563; border-color:#aa98b9; border-radius:6px; background:#fcf9fd; }
body[data-site-theme] .space-sidebar>p,body[data-site-theme] .space-filter { color:#62566c; }
body[data-site-theme] .space-filter select { background:#fffdf9; color:#4e425c; border-color:#b6a6c3; border-radius:7px; }
body[data-site-theme] .space-events { border-color:#d2c7dc; scrollbar-color:#9b87a9 #eee7f0; }
body[data-site-theme] .space-event { color:#4f445b; border-bottom-color:#d8cedf; }
body[data-site-theme] .space-event:is(:hover,[aria-pressed=true]) { background:#e5dcec; border-left-color:#80668d; }
body[data-site-theme] .space-event-time,body[data-site-theme] .space-empty { color:#65586e; }
body[data-site-theme] .space-event-tag { color:#755b28; }
body[data-site-theme] .space-detail { background:#fcfaf5; }
body[data-site-theme] .space-detail :is(.eyebrow,h3,p,dt,dd,a) { color:#584c60; }
body[data-site-theme] .space-detail-note { border-color:#d5cbdc; }
body[data-site-theme] .space-method { background:#efe7d5; border:1px solid #d5c39e; border-left:3px solid #a88945; border-radius:9px; padding:16px 20px; }
body[data-site-theme] .space-method :is(p,a) { color:#665839; }
body[data-site-theme] .space-workbench :focus-visible { outline:3px solid #9a772d; outline-offset:3px; }
body[data-site-theme] .space-earth-legend { color:#a6c1c4; }
body[data-site-theme] .space-bottom { background:#e7edde; border-color:#c5d1bb; }
/* Map UI colors do not change the scientific map pixels or legends. */
body[data-site-theme]:not([data-page=weather-map]) .planet-toolbar { background:#e2eadd; color:#304b3c; border-color:#bdcbb6; }
body[data-site-theme]:not([data-page=weather-map]) .planet-toolbar button { background:#fafbf3; color:#3b5842; border-color:#acbfa0; border-radius:6px; }
body[data-site-theme]:not([data-page=weather-map]) .planet-toolbar button[aria-pressed=true] { background:#345b41; color:#f0f6dd; border-color:#345b41; }
body[data-site-theme]:not([data-page=weather-map]) .planet-toolbar select { background:#fffdf7; color:#36533e; border-color:#a8bb9e; }
body[data-site-theme]:not([data-page=weather-map]) .planet-mode-tabs { background:#cddbc6; border-radius:8px; }
body[data-site-theme]:not([data-page=weather-map]) :is(.planet-postal,.planet-stage>.zip-preset) { background:#244737; color:#e0ebd4; border-color:#45684b; }
body[data-site-theme]:not([data-page=weather-map]) .planet-postal :is(input,select),body[data-site-theme]:not([data-page=weather-map]) .planet-stage>.zip-preset :is(input,select) { background:#f6f8ed; color:#34543c; border-color:#a2b58d; }
body[data-site-theme]:not([data-page=weather-map]) .planet-postal input::placeholder { color:#617352; }
body[data-site-theme]:not([data-page=weather-map]) .planet-postal :is(label,p,a),body[data-site-theme]:not([data-page=weather-map]) .planet-stage>.zip-preset :is(label,p,a,summary) { color:#d2e0c9; }
body[data-site-theme]:not([data-page=weather-map]) .planet-intelligence>section { background:#e4eee6; color:#314f40; border:1px solid #bdcec1; border-top:3px solid #4f8473; }
body[data-site-theme]:not([data-page=weather-map]) .planet-intelligence .planet-fire-panel { background:#f5ead7; border-color:#d8c5a6; border-top-color:#ac793d; }
body[data-site-theme]:not([data-page=weather-map]) .planet-intelligence .planet-prepare { background:#e9edda; border-color:#c5d1b3; border-top-color:#7b8d53; }
body[data-site-theme]:not([data-page=weather-map]) .planet-intelligence :is(h2,h3,p,label,.eyebrow,a) { color:#3e5c46; }
body[data-site-theme]:not([data-page=weather-map]) .planet-intelligence select { background:#fffef7; color:#3d5743; border-color:#a4b99b; border-radius:6px; }
body[data-site-theme]:not([data-page=weather-map]) :is(.planet-quake-event,.planet-fire-list button) { background:#ffffff55; color:#365b45; border-color:#c1d0bf; border-radius:6px; }
body[data-site-theme]:not([data-page=weather-map]) :is(.planet-quake-event,.planet-fire-list button):hover { background:#d8e7d6; }
body[data-site-theme]:not([data-page=weather-map]) :is(.planet-quake-event,.planet-fire-list button) :is(strong,span,small) { color:#48634b; }
body[data-site-theme]:not([data-page=weather-map]) :is(.planet-quake-detail,.planet-fire-detail) { background:#fffaf0; color:#3e5c46; border-color:#b6c5a6; border-radius:8px; }
body[data-site-theme]:not([data-page=weather-map]) .planet-fire-playback { background:#ead8b8; border-color:#ccb487; border-radius:8px; }
body[data-site-theme]:not([data-page=weather-map]) .planet-fire-playback :is(label,output) { color:#68502d; }
body[data-site-theme]:not([data-page=weather-map]) .planet-fire-playback button { background:#fff7e4; color:#715528; border-color:#b79c6b; border-radius:6px; }
body[data-site-theme]:not([data-page=weather-map]) .report-pages button { background:#fffdf7; color:#456147; border-color:#b6c7a9; border-radius:6px; }
body[data-site-theme]:not([data-page=weather-map]) .report-pages span { color:#456147; }
body[data-site-theme]:not([data-page=weather-map]) .quake-key { color:#42663a; }
body[data-site-theme]:not([data-page=weather-map]) #planet-quake-status { color:#526c55; }
body[data-site-theme] .planet-layer-about :is(p,a) { color:#456047!important; }
body[data-site-theme][data-page=weather-map] .planet-prepare :is(h2,p,.eyebrow) { color:#365538; }
body[data-site-theme] .lib-guide-stages i { color:#61715b; }
body[data-site-theme] .tool-explainer { border-color:#cbd5c7; }
body[data-site-theme] .tool-explainer .related-tools { background:#e6ecdd; border-color:#c3cfb5; padding:20px; border-radius:9px; }
}
@media screen and (max-width:650px) {
body[data-site-theme] :is(.guide-reader,.tool-reader) .quality-head { padding:22px 18px; margin-top:17px; }
body[data-site-theme] .guide-reader .prose>section:is(#before,#during,#after)>h2 { align-items:start; gap:10px; }
body[data-site-theme] .guide-reader #before>h2:before,body[data-site-theme] .guide-reader #during>h2:before,body[data-site-theme] .guide-reader #after>h2:before { width:30px; height:30px; flex-basis:30px; font-size:10px; }
}

/* Inline prose links remain identifiable without color perception. */
body[data-site-theme] main p a:not(.button):not(.amazon-cta) {text-decoration:underline;text-underline-offset:.2em;}

/* Allow text enlargement and custom spacing without losing shared navigation. */
body[data-site-theme] .site-header { height:auto;min-height:88px;flex-wrap:wrap;padding-block:12px; }
body[data-site-theme] .site-header nav { min-width:0;flex-wrap:wrap; }
body[data-site-theme] .site-header :is(.motion-toggle,.header-cta,.menu) { white-space:normal;overflow-wrap:anywhere; }

/* Keep supporting text readable at the lightest end of the hero gradients. */
@media screen {
body[data-site-theme] :is(.lib-illustration,.mp-illustration)>span,
body[data-site-theme] .kb-toolbar .kb-kicker,
body[data-site-theme] .space-head.quality-workbench-head :is(p,.eyebrow,h1 span),
body[data-site-theme][data-page=conditions] .weather-card #weather>p { color:#e0ead7; }
}
