/* UK edition (wave UK-1, docs/UK-PLAN.md §5): what UK pages add to core.css + town.css, from the approved mock
   (mocks/src/uk-town/vx.css; its placeholder and mock-tag rules are left out). Loaded only by UK pages. */

/* edition chrome: the OGL lines under the footer (the header's edition menu says UK; the logo's UK badge went 10/17) */
.uk-ogl{margin-top:8px;border-top:0;padding-top:0}

/* the verdict and the grade sheet are the U.S. town home's (town.css .tg-verdict, core.css .gs-row): nothing UK-only */

/* no grey note boxes (removed 10/23, Jamie: "opportunities for narrative text"): explanations are .usf-say prose */

/* standout visuals drawn from data */
.uk-vis{display:grid;place-items:center;background:linear-gradient(160deg,#eaf7ef,var(--surface))}
.uk-viz{width:100%;height:100%}
.uk-viz .b1{fill:var(--accent)}
.uk-viz .b2{fill:#c9d2dc}
.uk-viz .t1{font:700 22px Geist,system-ui,sans-serif;fill:var(--ink)}
.uk-viz .t2{font:600 17px Geist,system-ui,sans-serif;fill:var(--muted)}
.uk-viz .t3{font:600 13px Geist,system-ui,sans-serif;fill:var(--muted)}
.uk-viz .b3{fill:#a9dcbd}
.uk-viz .pk{stroke:var(--ink);stroke-width:1.5}
.uk-viz .pkd{fill:var(--ink)}
.sc.wk .uk-vis{background:linear-gradient(160deg,#fbeeee,var(--surface))}
.sc.wk .uk-viz .b1{fill:var(--bad)}
.sc.wk .uk-viz .b3{fill:#efc3c0}

/* one standout fills the row: the picture beside the words; two share it */
.stand.uk-stand.n1{grid-template-columns:minmax(0,1fr)}
.uk-stand.n1 .sc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.uk-stand.n1 .sc .vis{height:auto;min-height:230px}
.uk-stand.n1 .sc .bd{justify-content:center;padding:26px 30px}
.uk-stand.n1 .sc .big{font-size:40px}
.uk-stand.n1 .sc .t{font-size:16px}
.uk-stand.n1 .sc .c{margin-top:6px}
@media (max-width:640px){.uk-stand.n1 .sc{grid-template-columns:minmax(0,1fr)}.uk-stand.n1 .sc .vis{min-height:190px}.uk-stand.n1 .sc .bd{padding:16px 18px 18px}.uk-stand.n1 .sc .big{font-size:30px}}

/* ages in five Census bands, not the U.S. nine */
.wh-age.uk-a5,.wh-x.uk-a5{grid-template-columns:repeat(5,minmax(0,1fr))}

/* anti-social behaviour: shown, not graded */
.uk-asb .l{color:var(--muted)}
.uk-ng{display:inline-block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:0 6px;margin-right:4px;vertical-align:1px}
.uk-asbn{margin:10px 0 0;font-size:12.5px;color:var(--muted);line-height:1.45}

/* Safety compared with UK towns its size: context beside the grade, not graded */
.uk-size{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;align-items:center;padding:14px 16px;border-radius:14px;background:#eef4ff;border:1px solid #d6e4f5;margin-bottom:18px}
.uk-size-t b{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:#0b2a5b}
.uk-size-t span{display:block;font-size:14.5px;line-height:1.5;color:var(--ink-2);margin-top:3px}
.uk-size-bar{position:relative;height:10px;border-radius:999px;background:linear-gradient(90deg,#f2a7a0,#e9edf1 50%,#7fd1a3);margin:0 0 18px}
.uk-size-bar i{position:absolute;top:-5px;width:4px;height:20px;border-radius:2px;background:#0b2a5b;transform:translateX(-2px)}
.uk-size-bar span{position:absolute;top:16px;font-size:11.5px;color:var(--muted)}
.uk-size-bar span:last-of-type{right:0}
@media (max-width:760px){.uk-size{grid-template-columns:minmax(0,1fr)}}

/* neighbours: map beside the grade table */
.vx-nb{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);align-items:center}
.vx-nb .nbg{margin-top:0}
.nbmap .o{fill:#dfe5ec;stroke:#fff;stroke-width:.6}
@media (max-width:760px){.vx-nb{grid-template-columns:minmax(0,1fr)}.vx-nb .nbbox{max-width:420px}.nbg-t{font-size:13px}.tblwrap{overflow-x:auto}}

/* hubs: county cards (the ranked tables wear hubs.css's list rows) */
.uk-srcs{margin-top:28px}
.uk-q{display:flex;gap:8px;max-width:520px;margin-top:16px}
.uk-q input{flex:1;min-width:0;height:42px;border:1px solid var(--line);border-radius:var(--r);padding:0 14px;font:inherit;font-size:15px;background:#fff}
.uk-h3{font-size:15px;font-weight:700;margin:18px 0 8px}
.kpis + .tblwrap{margin-top:16px}
.hero.maphero{overflow:hidden}
/* the map hero (no photo yet): compact, the map filling the right of it; on a phone a band above the name */
.hero.maphero.ukmap{min-height:340px}
.hero.maphero.ukmap .bgmap{top:12%;bottom:6%;right:0;width:56%}
.maphero .nbmap.ukart .o{fill:rgba(255,255,255,.07);stroke:rgba(127,224,173,.3)}
.maphero .nbmap.ukart .me{filter:drop-shadow(0 8px 18px rgba(15,22,35,.16))}
.ukart .nbt{font:600 8.5px Geist,system-ui,sans-serif;fill:var(--muted);paint-order:stroke;stroke:#f4faf6;stroke-width:3px}
@media (max-width:900px){.hero.maphero.ukmap .hero-body{max-width:none}.hero.maphero.ukmap .hero-body > div{max-width:62%}}
@media (max-width:640px){
  .hero.maphero.ukmap{min-height:0;flex-direction:column;align-items:stretch}
  .hero.maphero.ukmap .bgmap{position:relative;inset:auto;width:100%;height:190px;margin-top:58px;opacity:1}
  .hero.maphero.ukmap .hero-body{padding-top:4px}
  .hero.maphero.ukmap .hero-body > div{max-width:none}
  .hero h1 small{display:block;white-space:normal;margin:6px 0 0}
}
.uk-wh{position:relative;overflow:hidden}

/* schools and flood warnings: a name with its detail line under it */
.uksc-t td small{display:block;font-size:12px;font-weight:400;color:var(--muted);line-height:1.35;margin-top:1px}
.uksc-t td.nm{min-width:200px}
.uksc-t td.sm{min-width:110px}
.uksc-rc{white-space:nowrap}

/* the national list's pages */
.uk-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:18px 0 4px}
.uk-pages{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.uk-pages .gap{color:var(--faint);padding:0 2px}
.uk-pages a,.uk-pages b{font-size:12.5px;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.uk-pages b{background:#0b2a5b;border-color:#0b2a5b;color:#fff}

/* History (app/modules/history/uk.php): the list map, the folded Grade II list */
.ukhx-town{fill:#e9eef3;stroke:#9aa7b4;stroke-width:1}
.ukhx-pt{stroke:#fff;stroke-width:1}
.ukhx-p{font-size:14px;color:var(--ink-2);line-height:1.5;margin:0 0 8px}
.ukhx-more,.ukhx-all{margin-top:10px}
.ukhx-more summary,.ukhx-all summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--accent-ink)}
.ukhx-allg{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 18px;margin-top:10px;font-size:13.5px;line-height:1.4}
.ukhx-allg a{overflow-wrap:anywhere}
.ukhx-t td.nm{min-width:0;overflow-wrap:anywhere}

/* the town home's History topic: the best-known listed buildings, linked to their list entries */
.ukh-named{list-style:none;margin:6px 0 0;padding:0}
.ukh-named li{padding:7px 0;border-bottom:1px solid var(--hair);font-size:14.5px;line-height:1.4}
.ukh-named a{color:var(--ink);font-weight:600}
.ukh-named a:hover{color:var(--accent-ink)}
.ukh-named .uk-ng{margin:0 0 0 6px}

/* a small photo framed on its blurred copy (town.css): kept clear of the name and lede, which run longer on UK heroes */
.hero.small-photo{min-height:540px}
.hero.small-photo .print img{max-height:230px}
@media (max-width:640px){
  .hero.small-photo{min-height:0;flex-direction:column;align-items:stretch}
  .hero:has(> .credit) .hero-body{padding-bottom:30px}
  .hero.small-photo .print,.hero.small-photo:not(:has(.hero-map)) .print{position:relative;top:auto;right:auto;align-self:center;margin:64px auto 4px;transform:rotate(-1deg)}
}

/* UK Outdoors, Climate and Weather pages (app/modules/{outdoors,climate,weather}/uk.php): the U.S. pages' CSS plus these */
.tbl tr.uk-cur td{background:var(--accent-tint)}
.ukod-bg{fill:#eef1ec}
.lz-bike.ukod-route{stroke:#7a4fd1;stroke-width:2.4;stroke-dasharray:7 4}
.lz-sw.ukod-route{border-top-color:#7a4fd1;border-top-style:dashed}
.ukod-grade{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:start;padding:16px 18px}
.ukod-gl{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:13px;color:var(--muted)}
.ukod-grade .vx-r{grid-template-columns:minmax(0,1fr) 96px 28px}
.ukod-rows{padding:4px 16px}
.ukod-things{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.ukod-thing{padding:14px 16px}
.ukod-thing h3{font-size:16px}
.ukod-list ul{margin:0;padding:14px 18px 14px 34px;display:flex;flex-direction:column;gap:8px;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
@media (max-width:640px){
  .ukod-grade{grid-template-columns:minmax(0,1fr)}
  .ukod-gl{flex-direction:row;justify-content:flex-start;text-align:left}
  .ukod-grade .vx-r{grid-template-columns:minmax(0,1fr) 28px}
  .ukod-grade .vx-r .gs-bar{display:none}
  .ukod-things{grid-template-columns:minmax(0,1fr)}
  .hz-tw .clm-tab{min-width:0}
  .clm-tab th, .clm-tab td{padding-left:4px;padding-right:4px;font-size:13px}
  .clm-tab td small.muted{display:block}
}
/* Town Hall & politics (app/modules/town-hall/uk.php): council cards, the councillors table, the money table; the race
   cards, ladder, chips, receipt and date card are townhall.css's */
.ukth-c{align-items:flex-start}
.ukth-c p{margin:4px 0 0;font-size:13.5px;line-height:1.45;color:var(--ink-2)}
.ukth-c .link{display:inline-block;margin-top:6px;font-size:13px}
.ukth-big{margin:8px 0 2px;font-size:34px;font-weight:800;letter-spacing:-.03em;color:var(--accent-ink)}
.ukth-t td{vertical-align:top}
.ukth-t td.nm{min-width:150px}
.ukth-t td.nm small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.ukth-t .hall-lp{gap:4px}
.ukth-by{display:block;width:100%;font-size:11.5px;color:var(--muted);margin:-2px 0 2px 12px}
.ukth-all{margin-top:10px}
.ukth-all summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--accent-ink)}
.ukth-won{display:inline-block;margin-left:6px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-ink)}
.ukth-up{list-style:none;margin:8px 0;padding:0}
.ukth-up li{padding:6px 0;border-bottom:1px solid var(--hair);font-size:13.5px;line-height:1.4}
.ukth-up li b{display:block}
.ukth-up li small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.ukth-mp{margin:8px 0 4px}
.ukth-show .vt-race{min-width:0}
.ukth-money-g{display:grid;grid-template-columns:minmax(0,460px) minmax(0,1fr);gap:24px;align-items:start;margin-bottom:8px}
.ukth-money td:first-child{min-width:170px}
.ukth-bar{display:block;height:6px;border-radius:3px;background:var(--surface);margin-top:4px;max-width:220px}
.ukth-bar i{display:block;height:100%;border-radius:3px;background:var(--accent-soft)}
.ukth-tot td{border-top:2px solid var(--line)}
@media (max-width:900px){.ukth-money-g{grid-template-columns:1fr}}
@media (max-width:640px){.ukth-t td.nm{min-width:110px}.ukth-money td:first-child{min-width:120px}}
.ukth-t th.c,.ukth-t td.c{padding-left:10px;padding-right:12px}
.ukth-all .tblwrap{margin-top:8px}
.ukth-t .ukth-d{display:none}
@media (max-width:640px){.ukth-t th:nth-child(2),.ukth-t td:nth-child(2),.ukth-t th:nth-child(4),.ukth-t td:nth-child(4){display:none}.ukth-t .ukth-d{display:block}}
/* history images (docs/build/uk-history-images.md): photos beside listed buildings, the old-photos strip (core .hi-strip), the old map */
/* UK Safety page (app/modules/safety/uk.php): colours match safety.css sf-dots (violent #e0763a, homes #2f74d0) */
.usf-say{margin:14px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2);max-width:72ch}
.usf-sw{display:inline-block;width:10px;height:10px;border-radius:50%;background:#9aa3b2}
.usf-sw.v{background:#e0763a}.usf-sw.p{background:#2f74d0}
.usf-sw.ct,.usf-sw.un,.usf-sw.ns,.usf-sw.ot,.usf-sw.op{border-radius:3px}
.usf-sw.ct{background:var(--accent)}.usf-sw.un{background:#d08a1e}.usf-sw.ns{background:#c3cad3}.usf-sw.ot{background:var(--line)}.usf-sw.op{background:var(--hair);border:1px dashed var(--line)}
.usf-sq{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px}
.usf-tk{display:inline-block;width:2px;height:12px;background:var(--ink);vertical-align:-1px}
.sf-dots circle.s{fill:#9aa3b2}
.usf-cmp .brow{grid-template-columns:200px 1fr 48px}
.usf-cmp .brow .l{white-space:normal;overflow:visible;text-overflow:clip}
.usf-cmp .brow .trk{position:relative}
.usf-cmp .brow.usf-v .fill{background:#e0763a}.usf-cmp .brow.usf-p .fill{background:#2f74d0}.usf-cmp .brow.usf-s .fill{background:#9aa3b2}
.usf-tick{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;background:var(--ink);border-radius:1px}
.usf-fold{margin-top:14px}
.usf-fold>summary{cursor:pointer;font-weight:600;color:var(--accent-ink);font-size:14px}
.usf-fold[open]>summary{margin-bottom:10px}
.usf-where{align-items:start}
.usf-wt td.usf-wb{width:22%;min-width:70px}
.usf-pt td,.usf-pt th,.usf-wt td,.usf-wt th{padding-left:12px}
.usf-pt td:first-child,.usf-wt td:first-child,.usf-pt th:first-child,.usf-wt th:first-child{padding-left:0}
.usf-pt td.sm{color:var(--muted)}
.usf-st{display:flex;height:10px;border-radius:5px;background:var(--hair);overflow:hidden}
.usf-st i{display:block;height:100%}.usf-st i.v{background:#e0763a}.usf-st i.p{background:#2f74d0}
.usf-wt tr.me td{font-weight:700}
.usf-dec{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;align-items:end;height:180px;margin-top:6px}
.usf-dc{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}
.usf-dc i{display:block;width:100%;border-radius:6px 6px 2px 2px;background:var(--bar);min-height:3px}
.usf-dc.lo i{background:var(--accent)}.usf-dc.hi i{background:#e0763a}
.usf-dc b{font-size:12px;color:var(--muted);font-weight:600;line-height:1.2}
.usf-dv{font:700 13px var(--sans);color:var(--ink)}
.usf-dax{display:flex;justify-content:space-between;font-size:12px;color:var(--faint);margin-top:4px}
.usf-orow{display:grid;grid-template-columns:160px 1fr;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--hair)}
.usf-ol{font-weight:700;color:var(--ink)}
.usf-oline{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:center;font-size:13px;color:var(--ink-2);margin:3px 0}
.usf-oline.st{color:var(--muted)}
.usf-ob{display:flex;height:16px;border-radius:5px;overflow:hidden;background:var(--hair)}
.usf-ob i{display:block;height:100%}
.usf-ob i.ct{background:var(--accent)}.usf-ob i.un{background:#d08a1e}.usf-ob i.ns{background:#c3cad3}.usf-ob i.ot{background:var(--line)}.usf-ob i.op{background:var(--hair)}
.usf-oline.st .usf-ob{opacity:.7}
.usf-rk{width:28px;color:var(--muted);padding-right:4px}
.usf-size tr.usf-gap td{color:var(--faint);text-align:center;padding:2px}
.sf-map .nbmap path.me{stroke:var(--ink);stroke-width:1.2}
.sf-map .nbmap path.me.sf-ga{fill:#bfe6cd}.sf-map .nbmap path.me.sf-gb{fill:#dcebb5}.sf-map .nbmap path.me.sf-gc{fill:#f6ddb3}.sf-map .nbmap path.me.sf-gd{fill:#f3c6b2}.sf-map .nbmap path.me.sf-gn{fill:#eef0f3}
.sf-map .nbl.me{color:var(--ink)}
@media (max-width:760px){
  .usf-orow{grid-template-columns:1fr}
  .usf-oline{grid-template-columns:96px 1fr}
  .usf-dec{height:140px;gap:4px}
  .usf-dv{font-size:11px}
  .usf-wt td.usf-wb,.usf-wt th:nth-child(3){display:none}
  .usf-cmp .brow{grid-template-columns:130px 1fr 40px}
}
/* Property prices (app/modules/real-estate/uk.php): real-estate.css's charts and cards; two more line colours, wider names */
.uk-re .rh-svg .ln-o{fill:none;stroke:#e08a1e;stroke-width:2.5}
.uk-re .rh-svg .ln-od{fill:#e08a1e;stroke:#fff;stroke-width:1.5}
.uk-re .rh-svg .ln-ot{fill:#c0701a;font-weight:700;font-size:12px}
.uk-re .rh-svg .ln-g{fill:none;stroke:#9aa3b2;stroke-width:2;stroke-dasharray:5 4}
.uk-re .rh-svg .ln-gd{fill:#9aa3b2;stroke:#fff;stroke-width:1.5}
.uk-re .rh-svg .ln-gt{fill:var(--muted);font-weight:700;font-size:12px}
.uk-re .rh-rk{grid-template-columns:28px minmax(0,1.3fr) minmax(0,1fr) 56px}
.uk-re .rh-rk span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ukre-st .brow{grid-template-columns:minmax(0,170px) minmax(0,1fr) 52px}
@media (max-width:760px){.uk-re .rh-rk{grid-template-columns:24px minmax(0,1.2fr) minmax(0,.8fr) 52px}.ukre-st .brow{grid-template-columns:minmax(0,130px) minmax(0,1fr) 48px}}
.ukre-tbl th+th,.ukre-tbl td+td{padding-left:16px}
/* County report cards (10/19): the 55-county tile map on /uk/counties and the /uk band (8 columns; hubs.css .st-*, landing.css .hs-*) */
.uc-map.st-map{grid-template-columns:repeat(9,minmax(0,1fr));max-width:430px}
.uc-map.hs-map{grid-template-columns:repeat(9,minmax(0,1fr))}
.hs-mapw.uc-w{max-width:340px;width:100%;justify-self:center}
.hs-band:has(.uc-w){align-items:start}   /* the four-nation map runs tall (10/23): the words stay in view beside it */
.hs-band:has(.uc-w) .hs-txt{position:sticky;top:calc(var(--hdr) + 24px)}
@media (max-width:860px){.hs-band:has(.uc-w) .hs-txt{position:static}}
.hs-t.gn,.st-t.gn,.hs-key i.gn,.st-key i.gn{background:#a8a29e}
.hs-t.wal,.st-t.wal{box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}
.hs-key i.wl,.st-key i.wl{background:var(--gC);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.8)}
.hs-key,.st-key{flex-wrap:wrap}
.uc-note{font-size:12px;line-height:1.45;color:var(--muted);margin:6px 0 0}
.uc-hublink{display:inline-block;margin-top:12px;font-weight:700;font-size:14px;color:var(--accent-ink)}
.rc-tile-na{opacity:.7}
/* /uk: the nation doors and the counties tabbed by nation (app/modules/uk/nations.php, app/pages/uk-hub.php; mock mocks/uk-nations-home.html). */
.nat-doors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.nat-door{position:relative;background:var(--night);color:#e8ecf2;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;min-height:420px;transition:transform .15s ease,box-shadow .15s ease}
.nat-door:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,22,35,.22)}
.nat-cover{position:absolute;inset:0;z-index:1}
.nat-shape{display:block;width:100%;height:210px;padding:18px 18px 0;box-sizing:border-box}
.nat-shape path{fill:rgba(127,224,173,.22);stroke:rgba(127,224,173,.75);stroke-width:.7}
.nat-door:hover .nat-shape path{fill:rgba(127,224,173,.34)}
.nat-body{padding:6px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.nat-body h3{margin:0;font-size:28px;letter-spacing:-.02em;color:#fff}
.nat-stats{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:#aab3c2}
.nat-stats b{color:#fff;font-weight:700}
.nat-lead{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#aab3c2;margin-top:4px}
.nat-chips{display:flex;flex-wrap:wrap;gap:6px;position:relative;z-index:2}
.nat-chip{background:rgba(255,255,255,.1);color:#fff;border-radius:999px;padding:5px 11px;font-size:13px}
.nat-chip:hover{background:rgba(255,255,255,.2)}
.nat-note{margin:0;font-size:12.5px;color:#aab3c2;line-height:1.45}
.nat-go{margin-top:auto;align-self:flex-start;background:var(--accent);color:#fff;font-weight:700;font-size:14px;border-radius:999px;padding:9px 16px}
.nat-tabs>label{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:8px 16px;margin:0 6px 10px 0;font-weight:600;cursor:pointer;background:#fff}
.nat-tabs>label span{font-size:12px;color:var(--muted);font-weight:500}
.nat-tabs>input:focus-visible+label{outline:2px solid var(--accent);outline-offset:2px}
.nat-tabs .nat-panel{display:none;margin-top:8px}
#nat-t-eng:checked+label,#nat-t-sco:checked+label,#nat-t-wal:checked+label,#nat-t-ni:checked+label{background:var(--night);color:#fff;border-color:var(--night)}
#nat-t-eng:checked+label span,#nat-t-sco:checked+label span,#nat-t-wal:checked+label span,#nat-t-ni:checked+label span{color:#aab3c2}
#nat-t-eng:checked~.nat-p-eng,#nat-t-sco:checked~.nat-p-sco,#nat-t-wal:checked~.nat-p-wal,#nat-t-ni:checked~.nat-p-ni{display:grid}
@media (max-width:1000px){.nat-doors{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.nat-doors{gap:10px}.nat-door{min-height:0;border-radius:var(--r-lg)}.nat-shape{height:120px;padding:12px 12px 0}.nat-body{padding:4px 12px 14px;gap:8px}.nat-body h3{font-size:19px}.nat-stats{font-size:12px;gap:2px 8px;flex-direction:column}.nat-lead,.nat-chips,.nat-note{display:none}.nat-go{font-size:12.5px;padding:7px 12px;white-space:nowrap}.nat-go-nm{display:none}}
