/* Scenery is presentation only; settings and saved player data are untouched. */
@media screen {
 body.site-design { --ds-art:url('../img/ui-v3/home.webp'); }
 body.site-design[data-scenery="home"] { --ds-art:url('../img/ui-v3/home.webp'); }
 body.site-design[data-scenery="foba"] { --ds-art:url('../img/ui-v3/foba.webp'); }
 body.site-design[data-scenery="cyber"] { --ds-art:url('../img/ui-v3/cyber.webp'); }
 body.site-design[data-scenery="fantasy"] { --ds-art:url('../img/ui-v3/fantasy.webp'); }
 body.site-design[data-scenery="pathfinder"] { --ds-art:url('../img/ui-v3/pathfinder.webp'); }
 body.site-design[data-scenery="occult"] { --ds-art:url('../img/ui-v3/occult.webp'); }
 body.site-design[data-scenery="wasteland"] { --ds-art:url('../img/ui-v3/wasteland.webp'); }
 body.site-design[data-scenery="trger"] { --ds-art:url('../img/ui-v3/trger.webp'); }
 body.site-design .system-card[href*="/trger"] { --ds-art:url('../img/ui-v3/trger.webp'); }
 body.site-design .system-card[href*="foba-helper"] { --ds-art:url('../img/ui-v3/foba.webp'); }
 body.site-design .system-card[href*="cyberpunk-helper"] { --ds-art:url('../img/ui-v3/cyber.webp'); }
 body.site-design .system-card[href*="dnd-helper"] { --ds-art:url('../img/ui-v3/fantasy.webp'); }
 body.site-design .system-card[href*="pf2e-helper"] { --ds-art:url('../img/ui-v3/pathfinder.webp'); }
 body.site-design .system-card[href*="coc-helper"] { --ds-art:url('../img/ui-v3/occult.webp'); }
 body.site-design .system-card[href*="fallout-helper"] { --ds-art:url('../img/ui-v3/wasteland.webp'); }
 body.site-design .fn-heading { width:100%;max-width:none!important;box-sizing:border-box; }
 body.site-design .fn-heading p { max-width:76ch; }
 body.site-design .ds-page-hero { padding:24px;margin:0 0 24px;background:var(--ds-panel);border:1px solid var(--ds-line);border-top:3px solid var(--ds-accent);border-radius:12px; }
 body.site-design .ds-page-hero .page-title { padding:0;border:0;background:none;margin:0 0 14px; }
 body.site-design .ds-page-hero p { max-width:76ch;margin:0;line-height:1.7;color:var(--ds-muted); }
 body.site-design .foba-scenario { grid-template-rows:auto auto auto!important; }
 body.site-design .ds-home-heading { padding:clamp(22px,3vw,34px);margin-bottom:24px;border:1px solid var(--ds-line);border-left:3px solid var(--ds-brand);border-radius:12px;background:var(--ds-panel);text-align:left; }
 body.site-design .ds-home-heading h1 { margin:8px 0 16px;font-size:clamp(28px,3vw,40px);line-height:1.2;color:var(--ds-text); }
 body.site-design .ds-home-heading p { margin:0;max-width:82ch;line-height:1.7; }
 body.site-design .ds-home-heading .ds-eyebrow { color:var(--ds-brand);font-size:12px;letter-spacing:.09em; }
 body.site-design .system-card.card h2 { font-size:22px;line-height:1.35;margin:0;text-shadow:0 1px 7px #000;letter-spacing:.015em; }
 body.site-design .content-container:has(>.lr-main) { grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start; }
 body.site-design .lr-sidebar { border-radius:12px;border:1px solid var(--ds-line);box-shadow:none; }
 body.site-design .lr-side-head { padding:18px 16px 14px; }
 body.site-design .lr-side-title { font-size:20px!important;line-height:1.35!important;margin:14px 0;color:var(--ds-text);background:none;-webkit-text-fill-color:currentColor; }
 body.site-design .lr-side-head-top { gap:8px;flex-wrap:wrap; }
 body.site-design .lr-main { min-width:0;width:100%; }
 body.site-design .lr-main>.md { width:100%;max-width:none!important;box-sizing:border-box;padding:clamp(20px,3vw,36px); }
 body.site-design .lr-main .md h1 { font-size:clamp(27px,2.6vw,38px)!important;line-height:1.2!important;color:var(--ds-text)!important;letter-spacing:-.025em;margin-top:0; }
 body.site-design .lr-main .md :is(h2,h3,h4) { color:var(--ds-text)!important;line-height:1.35; }
 body.site-design .lr-main .md p { line-height:1.8; }
 body.site-design .lr-main .md-toc { margin:20px 0 28px;padding:14px 18px;background:var(--ds-inset);border:1px solid var(--ds-line);border-radius:8px; }
 body.site-design .lr-main .md-toc summary { cursor:pointer;font-size:14px;font-weight:650;color:var(--ds-accent); }
 body.site-design .lr-main .md-toc ol { max-height:360px;overflow:auto;padding-left:22px; }
 body.site-design .lr-main .md-toc a { font-size:14px;line-height:1.7; }
 body.site-design .lr-main .md :is(table,pre) { max-width:100%;overflow:auto; }
 body.site-design .lr-main .md table { display:block; }
 body.site-design .lr-portal-header { text-align:left;margin-bottom:24px; }
 body.site-design .lr-portal-title { color:var(--ds-text)!important;font-size:clamp(28px,3vw,40px)!important;line-height:1.2!important; }
 body.site-design .lr-card { text-decoration:none;border-color:var(--ds-line); }
 body.site-design .lr-card-head { color:var(--ds-text)!important;-webkit-text-fill-color:currentColor; }
 body.site-design .lr-card-tag { color:var(--ds-accent); }
 body.site-design .lr-card-btn { color:var(--ds-accent);background:var(--ds-inset);border:1px solid var(--ds-line);border-radius:8px;padding:10px 14px; }
 body.site-design .lr-all-articles { margin-top:24px;border-top:1px solid var(--ds-line);padding-top:16px; }
 body.site-design .lr-all-articles summary { cursor:pointer;color:var(--ds-accent); }
 body.site-design .lr-tree details { padding:8px; }
 body.site-design .lr-main .ch-nav { margin-top:16px;gap:16px; }
 body.site-design .lr-main .ch-nav a { min-width:0;overflow-wrap:anywhere; }
 @media(max-width:1000px) and (min-width:769px) {
  body.site-design .content-container:has(>.lr-main) { grid-template-columns:220px minmax(0,1fr);gap:18px; }
  body.site-design .lr-cards-grid { grid-template-columns:1fr; }
 }
 @media(max-width:768px) {
  body.site-design .system-card.card h2 { font-size:clamp(14px,3.5vw,20px); }
  body.site-design .content-container:has(>.lr-main) { display:block; }
  body.site-design .lr-main>.md { padding:20px 16px; }
  body.site-design .lr-sidebar { border-radius:0 12px 12px 0; }
  body.site-design .lr-main .md h1 { font-size:27px!important; }
  body.site-design .lr-card { min-height:310px; }
  body.site-design .lr-main .ch-nav { display:grid;grid-template-columns:1fr; }
 }
}