/* intl.life — atlas palette. System fonts only. */
:root{
  --paper:#f7f4ec;--paper2:#efeadd;--card:#fffdf8;--ink:#17283a;--ink2:#3e5063;--muted:#6b7a88;--line:#dcd5c4;--line2:#e8e2d3;
  --navy:#17304a;--accent:#d9532c;--accent2:#b8431f;--sea:#dcebf1;--land:#d6d0c2;--gold:#e0a43c;--green:#2f7d4f;--red:#b8321f;--amber:#a86a0c;
  --ok-bg:#e4f2e8;--some-bg:#fbf0d9;--bad-bg:#f9e1dc;
  --pf:#ebe6da;--pin:#9aa4ae;--pe:#3f8f5a;--ins:#4b5563;--sk:#f6f3ec;--skr:#e3ded2;--hole:#25292f;--ln:#8a8f98;
  --r1:#7aa6c2;--r2:#e39b6b;--r3:#9cc39a;--r4:#d7b65c;--r5:#b49ac7;--r6:#7fbfb5;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,ui-serif,serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --shadow:0 1px 2px rgba(23,40,58,.06),0 4px 14px rgba(23,40,58,.06);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --paper:#0d1620;--paper2:#122030;--card:#14212e;--ink:#e6edf2;--ink2:#bccad6;--muted:#8a9bab;--line:#263646;--line2:#1c2a38;
  --navy:#0f1d2b;--accent:#ff7a4d;--accent2:#ff9670;--sea:#132331;--land:#33475a;--gold:#e6b45a;--green:#5fc38a;--red:#ff7f6b;--amber:#f0b45a;
  --ok-bg:#16301f;--some-bg:#33290f;--bad-bg:#3a1a14;
  --pf:#3a4654;--pin:#c3ccd5;--pe:#5fc38a;--ins:#18202a;--sk:#25313e;--skr:#1b2530;--hole:#0a0e13;--ln:#738294;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 4px 14px rgba(0,0,0,.25);
  color-scheme:dark;
}}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans);overflow-x:hidden}
a{color:var(--accent2)}
@media (prefers-color-scheme:dark){a{color:var(--accent)}}
a:hover{text-decoration-thickness:2px}
h1,h2,h3{font-family:var(--serif);line-height:1.2;color:var(--ink);font-weight:700}
h1{font-size:clamp(1.8rem,4.5vw,2.7rem);margin:.4em 0 .3em;letter-spacing:-.01em}
h2{font-size:1.35rem;margin:0 0 .6em}
h3{font-size:1.05rem;margin:1em 0 .4em}
small,.small{font-size:.86rem;color:var(--muted)}
code{font-size:.9em}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;z-index:99;background:var(--card);padding:6px 10px}
.js-only{display:none}
html.js .js-only{display:revert}
html.js form.js-only,html.js div.js-only,html.js section.js-only{display:block}
.lede{font-size:1.12rem;color:var(--ink2);max-width:62ch}
.sub{color:var(--muted);margin:.1em 0 0}
.code{font:600 .78rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--paper2);border:1px solid var(--line);border-radius:4px;padding:2px 5px;color:var(--ink2)}

/* header */
.top{background:var(--navy);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 1px 0 rgba(255,255,255,.06)}
.bar{display:flex;align-items:center;gap:18px;min-height:58px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font:700 1.25rem/1 var(--serif);letter-spacing:-.01em}
.brand b{color:#ffb49a;font-weight:700}
.nav{display:flex;gap:4px;flex-wrap:wrap}
.nav a{color:#d8e3ee;text-decoration:none;padding:6px 9px;border-radius:6px;font-size:.95rem}
.nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.search{margin-left:auto;position:relative;min-width:220px}
.search input{width:100%;padding:8px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;font:inherit}
.search input::placeholder{color:#a9bccd}
.suggest{position:absolute;right:0;left:0;top:calc(100% + 6px);list-style:none;margin:0;padding:6px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);max-height:60vh;overflow:auto}
.suggest li{display:flex;gap:10px;align-items:center;padding:7px 8px;border-radius:6px;cursor:pointer}
.suggest li[aria-selected=true],.suggest li:hover{background:var(--paper2)}
.suggest img,.suggest .noflag{width:28px;height:19px}
@media (max-width:760px){
  .bar{gap:8px;padding:8px 16px}
  .nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;margin:0 -4px}
  .nav::-webkit-scrollbar{display:none}
  .nav a{white-space:nowrap;padding:5px 8px;font-size:.9rem}
  .hide-s{display:none}
  .search{min-width:0;flex:1}
}

/* flags */
.flag{display:inline-block;vertical-align:middle;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.12);object-fit:cover;background:var(--paper2)}
.flag-xl{border-radius:6px;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 6px 18px rgba(23,40,58,.18)}
.flag-l{border-radius:5px;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 3px 10px rgba(23,40,58,.15)}
.noflag{display:inline-grid;place-items:center;font:700 .62rem/1 var(--sans);color:var(--muted);background:var(--paper2)}
.clink{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink)}
.clink span{text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.clink:hover span{text-decoration-color:var(--accent)}

/* hero */
.hero{background:linear-gradient(180deg,var(--navy),#1f3d5b 70%,var(--paper) 100%);color:#fff;padding:34px 0 26px}
@media (prefers-color-scheme:dark){.hero{background:linear-gradient(180deg,var(--navy),#132739 75%,var(--paper))}}
.hero h1{color:#fff;margin-top:0}
.hero h1 em{font-style:italic;color:#ffb49a}
.hero .lede{color:#d4e0ea}
.strip{display:flex;gap:8px;overflow-x:auto;padding:6px 2px 10px;scrollbar-width:thin;margin-top:14px}
.strip-i{flex:0 0 auto;min-width:96px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 10px;display:grid;gap:1px}
.strip-c{font-size:.78rem;color:#b9cadb}
.strip-i time{font:600 1.25rem/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff;font-variant-numeric:tabular-nums}
.strip-d{font-size:.72rem;color:#9fb3c6}
.strip-big .strip-i{background:var(--navy);border-color:var(--line)}

/* cards */
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin:18px 0;box-shadow:var(--shadow)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.grid2.tight{gap:0 24px}
@media (max-width:800px){.grid2{grid-template-columns:1fr}.card{padding:16px}}
.sec-h{margin-top:1.6em}

/* map */
.mapsec{margin-top:6px}
.mapbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.mapbar h2{margin:0}
.maptabs{display:flex;gap:4px;background:var(--paper2);border:1px solid var(--line);border-radius:22px;padding:3px}
html.js div.maptabs{display:flex}
.maptabs button,.plugpick button{font:inherit;font-size:.88rem;border:0;background:none;color:var(--ink2);padding:5px 11px;border-radius:18px;cursor:pointer}
.maptabs button[aria-selected=true]{background:var(--navy);color:#fff}
.mapwrap{position:relative;margin-top:10px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:var(--shadow)}
.worldmap{display:block;width:100%;height:auto}
.worldmap .sphere{fill:var(--sea)}
.worldmap .grat{fill:none;stroke:var(--card);stroke-width:.6;opacity:.6}
.worldmap .land-x{fill:var(--land);opacity:.6}
.worldmap a path,.worldmap a circle{stroke:var(--card);stroke-width:.4;transition:fill .2s}
.worldmap a:hover path,.worldmap a:hover circle,.worldmap a:focus path{fill:var(--accent)!important}
.worldmap a circle{stroke-width:.8}
.mode-region a[data-r] path,.mode-region a[data-r] circle{fill:var(--r1)}
.mode-region a[data-r*=europe] path,.mode-region a[data-r*=europe] circle{fill:var(--r1)}
.mode-region a[data-r*=africa] path,.mode-region a[data-r*=africa] circle{fill:var(--r2)}
.mode-region a[data-r*=asia] path,.mode-region a[data-r*=asia] circle{fill:var(--r4)}
.mode-region a[data-r=western-asia] path,.mode-region a[data-r=western-asia] circle{fill:#cfa37a}
.mode-region a[data-r*=america] path,.mode-region a[data-r*=america] circle,.mode-region a[data-r=caribbean] path,.mode-region a[data-r=caribbean] circle{fill:var(--r3)}
.mode-region a[data-r=australia-and-new-zealand] path,.mode-region a[data-r=melanesia] path,.mode-region a[data-r=micronesia] path,.mode-region a[data-r=polynesia] path,.mode-region a[data-r=melanesia] circle,.mode-region a[data-r=micronesia] circle,.mode-region a[data-r=polynesia] circle{fill:var(--r5)}
.mode-volt a path,.mode-volt a circle{fill:#8fb2c9}
.mode-volt a[data-v=low] path,.mode-volt a[data-v=low] circle{fill:var(--accent)}
.mode-volt a[data-v=mixed] path,.mode-volt a[data-v=mixed] circle{fill:var(--gold)}
.mode-drive a path,.mode-drive a circle{fill:#9db6c6}
.mode-drive a[data-d=left] path,.mode-drive a[data-d=left] circle{fill:var(--accent)}
.mode-plug a path,.mode-plug a circle{fill:var(--land)}
.mode-plug a.on path,.mode-plug a.on circle{fill:var(--accent)}
.mode-plug a.on2 path,.mode-plug a.on2 circle{fill:#f0a35e}
.legend{display:flex;}
html.js div.legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.84rem;color:var(--ink2);padding:6px 8px 2px}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend i{width:12px;height:12px;border-radius:3px;display:inline-block}
.plugpick{display:flex;flex-wrap:wrap;gap:4px;padding:6px 8px 2px}
html.js div.plugpick:not([hidden]){display:flex}
.plugpick button{border:1px solid var(--line);min-width:34px;font-weight:700}
.plugpick button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}
.maphint{margin:.4em 2px}

/* plug drawings */
.plugsvg .pf{fill:var(--pf)}.plugsvg .pin{fill:var(--pin)}.plugsvg .pe{fill:var(--pe)}.plugsvg .ins{fill:var(--ins)}
.plugsvg .sk{fill:var(--sk)}.plugsvg .skr{fill:var(--skr)}.plugsvg .hole{fill:var(--hole)}.plugsvg .ln{stroke:var(--ln)}
.plugsvg{display:block;width:100%;height:auto}
.plugrow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}/* 15 types: 5 / 3 columns (PARK-56) */
@media (max-width:600px){.plugrow{grid-template-columns:repeat(3,minmax(0,1fr))}}
.plugrow a{display:grid;justify-items:center;gap:2px;text-decoration:none;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 8px;transition:transform .15s,border-color .15s}
.plugrow a:hover{border-color:var(--accent);transform:translateY(-2px)}
.plugrow svg{width:72px}
.plugrow span{font-weight:700;font-family:var(--serif)}
.plugrow small{font-size:.75rem}
.plugcards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}/* 15 types: 5 / 3 / 1 columns (PARK-56) */
@media (max-width:1100px){.plugcards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.plugcards{grid-template-columns:1fr}}
.plugcards a{display:block;height:100%;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow)}
.plugcards a:hover{border-color:var(--accent)}
.plugcards h2{margin:.3em 0 .2em}
.plugcards p{margin:.2em 0;font-size:.92rem}
.pc-art{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.plughead{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:28px;align-items:center;margin-top:8px}
.ph-art{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ph-art figure,.plugmatch figure{margin:0;text-align:center}
figcaption{font-size:.84rem;color:var(--muted)}
@media (max-width:760px){.plughead{grid-template-columns:1fr}.ph-art{max-width:360px}}

/* chips & badges */
.pchips{display:inline-flex;gap:3px;flex-wrap:wrap;vertical-align:middle}
.pchip{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 5px;border-radius:6px;background:var(--navy);color:#fff!important;font:700 .8rem/1 var(--sans);text-decoration:none}
@media (prefers-color-scheme:dark){.pchip{background:#2b4660}}
.pchip-minor{background:transparent;color:var(--ink2)!important;border:1px dashed var(--line)}
.vb{display:inline-block;font:600 .8rem/1 var(--sans);padding:5px 7px;border-radius:6px;white-space:nowrap;vertical-align:middle}
.vb-high{background:#fde2d6;color:#8a2a10}.vb-low{background:#d9e9f6;color:#174a73}.vb-mixed{background:#f7e7c0;color:#6d4a05}
@media (prefers-color-scheme:dark){.vb-high{background:#4a2216;color:#ffc1a8}.vb-low{background:#16324a;color:#a8d1f2}.vb-mixed{background:#3d3010;color:#f1d48d}}
.adv{display:inline-block;font:700 .78rem/1 var(--sans);padding:5px 8px;border-radius:12px;white-space:nowrap}
.adv-1{background:var(--ok-bg);color:var(--green)}.adv-2{background:#fff3c4;color:#7a5a00}.adv-3{background:#fde0c8;color:#9a3f05}.adv-4{background:#f6cdc6;color:#8f1c0c}
@media (prefers-color-scheme:dark){.adv-2{background:#3a3210;color:#f5d76e}.adv-3{background:#42260f;color:#ffb27a}.adv-4{background:#4a1a14;color:#ff9a8a}}

/* country hero */
.chero{background:linear-gradient(180deg,var(--paper2),var(--paper));border-bottom:1px solid var(--line2)}
.chero-in{display:grid;grid-template-columns:1fr 240px;gap:24px;align-items:center;padding-top:6px;padding-bottom:18px}
.chero-title{display:flex;gap:18px;align-items:center;margin:8px 0 6px}
.chero-title h1{margin:0}
.globe-fig{margin:0}
.globe-fig img{display:block;width:240px;height:240px;filter:drop-shadow(0 8px 18px rgba(23,40,58,.18))}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 0}/* 6 facts: 3 / 2 columns (PARK-56) */
.facts div{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 12px}
.facts dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.facts dd{margin:2px 0 0;font-weight:600}
.facts time{font-variant-numeric:tabular-nums}
@media (max-width:760px){
  .chero-in{grid-template-columns:1fr}
  .globe-fig{position:absolute;right:12px;top:66px;opacity:.95}
  .chero{position:relative}
  .globe-fig img{width:96px;height:96px}
  .chero-title{flex-direction:column;align-items:flex-start;gap:10px;padding-right:100px}
  .chero-title .flag-xl{width:84px;height:auto}
  .facts{grid-template-columns:1fr 1fr}
}
.crumbs ol{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px;font-size:.85rem;color:var(--muted)}
.crumbs li+li::before{content:"›";margin-right:4px}
.crumbs a{color:var(--muted)}

/* power */
.power-grid{display:grid;grid-template-columns:minmax(200px,340px) 1fr;gap:22px;align-items:start}
.sockets{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.sockets>*{flex:0 1 calc((100% - 10px)/2);min-width:0}/* 2 / 3 columns, odd last socket centred (PARK-56) */
.socket-card{display:grid;justify-items:center;text-decoration:none;color:var(--ink);background:var(--paper);border:1px solid var(--line2);border-radius:12px;padding:8px}
.socket-card:hover{border-color:var(--accent)}
.socket-card span{font:700 1rem var(--serif)}
.power-text .lead{font-size:1.06rem;margin-top:0}
.note{background:var(--paper);border-left:3px solid var(--navy);padding:8px 12px;border-radius:0 8px 8px 0;font-size:.95rem}
.warn{background:var(--bad-bg);border-left:3px solid var(--red);padding:8px 12px;border-radius:0 8px 8px 0;font-size:.95rem}
@media (max-width:700px){.power-grid{grid-template-columns:1fr}.sockets>*{flex-basis:calc((100% - 2*10px)/3)}}
.adapt label{font-size:.9rem;color:var(--muted);display:block;margin-bottom:4px}
.adapt select,.tripform select,.tripfull select,.tripfull input,.filters input,.filters select{font:inherit;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--ink);max-width:100%}
.adapt-out{margin-top:10px}
.adapt-res{border-radius:10px;padding:10px 14px;margin:6px 0}
.adapt-res p{margin:.25em 0}
.res-ok{background:var(--ok-bg)}.res-some{background:var(--some-bg)}.res-need{background:var(--bad-bg)}
.adapt-big .adapt-sel{display:flex;gap:16px;flex-wrap:wrap}
.pairs-links{font-size:.9rem}
.mine{margin:14px 0 0}
.mine .adapt-res{display:flex;gap:12px;align-items:center;flex-wrap:wrap}

/* money, language, time */
.cur-name{font:700 1.1rem var(--serif);margin:.2em 0}
.sym{display:inline-grid;place-items:center;min-width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;font:700 1rem var(--sans);margin-right:4px}
.rates{border-collapse:collapse;font-variant-numeric:tabular-nums;margin:6px 0;font-size:.95rem}
.rates caption{text-align:left;font-size:.8rem;color:var(--muted)}
.rates th{text-align:left;font-weight:500;color:var(--ink2);padding:3px 18px 3px 0}
.rates td{padding:3px 0;font-weight:600}
.pli{margin-top:12px;border-top:1px solid var(--line2);padding-top:10px}
.pli-h{margin:.2em 0}
.plbar{position:relative;height:12px;background:var(--paper2);border-radius:6px;margin:8px 0}
.plbar span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--gold),var(--accent));border-radius:6px}
.plbar i{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--ink)}
.plbar i.med{background:var(--muted)}
.minibar{display:inline-block;width:70px;height:8px;background:var(--paper2);border-radius:4px;vertical-align:middle;position:relative;overflow:hidden}
.minibar span{position:absolute;inset:0 auto 0 0;background:var(--accent);border-radius:4px}
.langs{list-style:none;padding:0;margin:0}
.langs li{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:7px 0;border-bottom:1px solid var(--line2);align-items:center}
.lname{font-weight:600}.lstat{font-size:.78rem;color:var(--muted);text-align:right}
.lbar{height:6px;background:var(--paper2);border-radius:3px;position:relative;overflow:hidden}
.lbar span{position:absolute;inset:0 auto 0 0;background:var(--navy);border-radius:3px}
@media (prefers-color-scheme:dark){.lbar span{background:#7aa6c2}}
.lpct{font-size:.8rem;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}
.bigtime{font:600 2.4rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;margin:.1em 0 .2em;font-variant-numeric:tabular-nums;color:var(--navy)}
@media (prefers-color-scheme:dark){.bigtime{color:#cfe0ee}}
.zones{list-style:none;padding:0}
.zones li{padding:5px 0;border-bottom:1px solid var(--line2)}
.zones time{font:600 1rem ui-monospace,monospace;font-variant-numeric:tabular-nums;display:inline-block;min-width:52px}
.tdiff{font-weight:600;color:var(--ink2)}
.drivebox{display:flex;gap:16px;align-items:center}
.drive{width:64px;height:64px;flex:0 0 auto}
.drive .road{fill:#58616b}.drive .lane{stroke:#fff;stroke-width:2;fill:none}.drive .car{fill:var(--accent)}.drive .arrow{fill:#fff}

/* holidays */
.hols{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 18px}
.holm h3{font:700 .82rem var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:.8em 0 .2em}
.holm ul{list-style:none;padding:0;margin:0}
.holm li{padding:3px 0;font-size:.95rem}
.holm time{display:inline-block;min-width:58px;font-variant-numeric:tabular-nums;color:var(--accent2);font-weight:600}
@media (prefers-color-scheme:dark){.holm time{color:var(--accent)}}
.advsrc{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:.4em 0}
.ukalerts{padding-left:18px;margin:.3em 0}
.kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px 18px;margin:0}
.kv dt{font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.kv dd{margin:2px 0 0;font-weight:600}
.kv-wide{grid-template-columns:1fr}
.kv-wide div{display:grid;grid-template-columns:140px 1fr;gap:10px;border-bottom:1px solid var(--line2);padding:8px 0}
.kv-wide dd{font-weight:400}
@media (max-width:600px){.kv-wide div{grid-template-columns:1fr;gap:2px}}
.coa{float:right;margin:0 0 0 16px;text-align:center}
#more{display:flow-root}
.coa img{height:auto}
@media (max-width:600px){.coa{float:none;margin:12px 0 0}}
.cgrid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px 16px}
.credits{font-size:.78rem;color:var(--muted);margin:24px 0}
.credits a{color:var(--muted)}

/* pair */
.phead{text-align:center;margin:10px auto 6px;max-width:760px}
.pflags{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:10px}
.arrow{color:var(--muted);font-size:1.4rem}
.verdicts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
@media (max-width:760px){.verdicts{grid-template-columns:1fr}}
.verdict{border-radius:14px;padding:14px 16px;border:1px solid var(--line)}
.verdict p{margin:.15em 0}
.v-ok{background:var(--ok-bg)}.v-some{background:var(--some-bg)}.v-need{background:var(--bad-bg)}
.vk{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.vv{font:700 1.35rem/1.2 var(--serif)}
.vd{font-size:.94rem}
.plugmatch{display:grid;gap:14px}
.pm-row{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;background:var(--paper);border-radius:12px;padding:10px}
.pm-row figure svg{max-width:150px;margin:0 auto}
.pm-mid{text-align:center}
.pm-badge{display:inline-block;padding:6px 10px;border-radius:14px;font-weight:700;font-size:.85rem}
.pm-yes .pm-badge{background:var(--ok-bg);color:var(--green)}.pm-partial .pm-badge{background:var(--some-bg);color:var(--amber)}.pm-no .pm-badge{background:var(--bad-bg);color:var(--red)}
.pm-note{grid-column:1/-1;margin:0;font-size:.9rem;color:var(--ink2)}
.devices{width:100%;border-collapse:collapse;font-size:.95rem}
.devices th,.devices td{text-align:left;padding:8px 8px;border-bottom:1px solid var(--line2);vertical-align:top}
.devices th{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.devices td.ok{color:var(--green);font-weight:600}.devices td.some{color:var(--amber);font-weight:600}.devices td.bad{color:var(--red);font-weight:600}
@media (max-width:600px){.devices td:nth-child(2),.devices th:nth-child(2){display:none}}
.related{columns:2;padding-left:18px}
@media (max-width:600px){.related{columns:1}}
.pairgrid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.pairgrid a{display:grid;grid-template-columns:auto auto auto 1fr;grid-template-rows:auto auto;gap:2px 8px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;text-decoration:none;color:var(--ink)}
.pairgrid a:hover{border-color:var(--accent)}
.pg-t{grid-column:4;font-weight:600}
.pg-v{font-size:.8rem;color:var(--muted)}
.pairgrid .pg-v{grid-column:4}
.pg-no{color:var(--green)}
.pairlists{columns:3 320px;column-gap:18px}
.pairlists .card{break-inside:avoid;margin-top:0}
.pairlists h2{display:flex;gap:10px;align-items:center;font-size:1.15rem}
.pairlist{list-style:none;padding:0;margin:0}
.pairlist li{display:flex;align-items:center;gap:6px;padding:4px 0;border-bottom:1px solid var(--line2);flex-wrap:wrap}
.pairlist a{display:inline-flex;gap:8px;align-items:center;color:var(--ink);text-decoration:none;flex:1}
.pairlist .pg-v{font-weight:600;color:var(--accent2)}
.pairlist .pg-no{color:var(--green)}

/* tables */
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -2px}
.ctable,.srctable,.valtable,.fitchart{width:100%;border-collapse:collapse;font-size:.93rem}
.ctable th,.ctable td,.srctable th,.srctable td,.valtable th,.valtable td{padding:7px 8px;border-bottom:1px solid var(--line2);text-align:left;vertical-align:middle}
.ctable thead th,.srctable thead th,.valtable thead th{font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);position:sticky;top:0;background:var(--paper)}
.ctable tbody th{font-weight:500}
.ctable time{font-variant-numeric:tabular-nums}
.ctable .num{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}
.ctable{min-width:720px}
.valtable{min-width:900px}
.filters{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:end;margin:14px 0;padding:12px 14px;background:var(--card);border:1px solid var(--line);border-radius:12px}
html.js div.filters{display:flex}
.filters label{display:grid;gap:3px;font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.filters .f-q{flex:1 1 200px}
.f-count{margin-left:auto;font-size:.88rem;color:var(--muted)}
.fitchart{min-width:520px;text-align:center}
.fitchart th,.fitchart td{padding:6px;border:1px solid var(--line2)}
.fitchart thead th{font-size:.82rem}
.fitchart td.fit-yes{color:var(--green);background:var(--ok-bg)}
.fitchart td.fit-partial{color:var(--amber);background:var(--some-bg);cursor:help}
.fit{font-weight:700}.fit-yes{color:var(--green)}.fit-partial{color:var(--amber)}
.fitlist{padding-left:18px}
.fitlist li{margin:.3em 0}
.fitlist li.fit-partial{color:var(--ink2)}
.wmap{margin:6px 0 12px}
.wmap img{width:100%;height:auto;display:block;border-radius:10px}
.key{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:middle;margin:0 4px 0 10px}
.k-h{background:#d9532c}.k-h2{background:#f0a35e}
@media (prefers-color-scheme:dark){.k-h{background:#ff7a4d}.k-h2{background:#b8693a}}
.pnav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}

/* regions, lists, currencies */
.regions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.regions>*{flex:0 1 calc((100% - 3*12px)/4);min-width:0}/* 4/3/2/1 at the old auto-fill widths, short last row centred (PARK-56) */
@media (max-width:1108px){.regions>*{flex-basis:calc((100% - 2*12px)/3)}}
@media (max-width:836px){.regions>*{flex-basis:calc((100% - 12px)/2)}}
@media (max-width:564px){.regions>*{flex-basis:100%}}
.region-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.region-card h3{margin:0 0 6px;display:flex;justify-content:space-between}
.region-card h3 a{color:var(--ink);text-decoration:none}
.region-card h3 a:hover{color:var(--accent2)}
.flags{display:flex;flex-wrap:wrap;gap:5px;margin:0}
.flags a{line-height:0}
.listlinks{columns:2 260px;padding-left:18px}
.listcards{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.listcards>*{flex:0 1 calc((100% - 3*12px)/4);min-width:0}/* 4/3/2/1 at the old auto-fill widths, short last row centred (PARK-56) */
@media (max-width:1028px){.listcards>*{flex-basis:calc((100% - 2*12px)/3)}}
@media (max-width:776px){.listcards>*{flex-basis:calc((100% - 12px)/2)}}
@media (max-width:524px){.listcards>*{flex-basis:100%}}
.listcards a{display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;text-decoration:none;color:var(--ink);height:100%}
.listcards a:hover{border-color:var(--accent)}
.listcards h2{font-size:1.02rem;margin:0}
.listcards p{margin:.3em 0 0;color:var(--muted);font-size:.88rem}
.regionmap-wrap{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:6px;overflow:hidden}
.regionmap{display:block;width:100%;height:auto;max-height:520px}
.regionmap .sea{fill:var(--sea)}.regionmap .land{fill:var(--land);stroke:var(--card);stroke-width:.5}
.regionmap .member{fill:var(--accent);stroke:var(--card);stroke-width:.7}
.regionmap .member-dot{fill:var(--accent);stroke:var(--card);stroke-width:1.5}
.regionmap a:hover .member,.regionmap a:hover .member-dot{fill:var(--navy)}
@media (prefers-color-scheme:dark){.regionmap a:hover .member,.regionmap a:hover .member-dot{fill:#ffd1bf}}
.rsum{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:14px 0}
.rsum li{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:.93rem}
.sym-big{display:inline-grid;place-items:center;min-width:52px;height:52px;border-radius:50%;background:var(--navy);color:#fff;font:700 1.5rem var(--sans);vertical-align:middle}
.rategrid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.rategrid>*{flex:0 1 calc((100% - 3*10px)/4);min-width:0}/* 7-8 rates: 4 / 2 columns, short last row centred (PARK-56) */
@media (max-width:700px){.rategrid>*{flex-basis:calc((100% - 10px)/2)}}
.rategrid div{background:var(--paper);border-radius:10px;padding:10px 12px;display:grid}
.rk{font-size:.8rem;color:var(--muted)}.rv{font:700 1.15rem var(--serif);font-variant-numeric:tabular-nums}
.curtable{min-width:640px}
.usedin{white-space:nowrap}
.usedin a{margin-right:2px}
.offsets{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px}
.offsets>*{flex:0 1 calc((100% - 2*12px)/3);min-width:0}/* 3/2/1 at the old auto-fill widths, short last row centred (PARK-56) */
@media (max-width:896px){.offsets>*{flex-basis:calc((100% - 12px)/2)}}
@media (max-width:604px){.offsets>*{flex-basis:100%}}
.offset{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.offset h2{font-size:1.05rem;display:flex;justify-content:space-between;align-items:baseline;margin:0 0 8px}
.offset h2 time{font:600 1.1rem ui-monospace,monospace;color:var(--accent2);font-variant-numeric:tabular-nums}
@media (prefers-color-scheme:dark){.offset h2 time{color:var(--accent)}}
.offset .small{margin:.5em 0 0}

/* trip */
.trip-sel{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.trip-sel label,.tripform label{display:grid;gap:4px;font-size:.84rem;color:var(--muted)}
.tripform{display:flex;flex-wrap:wrap;gap:12px;align-items:end}
html.js form.tripform{display:flex}
.tripform button,.tripfull button{font:inherit;font-weight:700;padding:9px 18px;border-radius:8px;border:0;background:var(--accent);color:#fff;cursor:pointer}
.trip-out{margin-top:16px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.trip-out>*{flex:0 1 calc((100% - 3*12px)/4);min-width:0}/* 4/3/2/1, short last row centred (PARK-56) */
@media (max-width:1108px){.trip-out>*{flex-basis:calc((100% - 2*12px)/3)}}
@media (max-width:836px){.trip-out>*{flex-basis:calc((100% - 12px)/2)}}
@media (max-width:564px){.trip-out>*{flex-basis:100%}}
.tcard{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--paper)}
.tcard h3{margin:0 0 4px;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-family:var(--sans)}
.tcard .big{font:700 1.25rem/1.25 var(--serif);margin:.1em 0}
.tcard p{margin:.25em 0;font-size:.93rem}
.tcard ul{padding-left:18px;margin:.3em 0;font-size:.92rem}
.tcard.res-ok{background:var(--ok-bg)}.tcard.res-some{background:var(--some-bg)}.tcard.res-need{background:var(--bad-bg)}
.tcard svg.plugsvg{width:64px;display:inline-block;vertical-align:middle}

/* methodology */
.srctable{min-width:720px}
.checks{columns:2 260px;padding-left:18px}
.checks .ok{color:var(--green)}.checks .bad{color:var(--red)}
details.card-in{margin-top:14px}
details summary{cursor:pointer;font-weight:600}

/* footer */
.foot{background:var(--navy);color:#c6d3df;margin-top:48px;padding:28px 0 22px;font-size:.92rem}
@media (prefers-color-scheme:dark){.foot{background:#0a121a}}
.foot a{color:#fff}
.foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media (max-width:700px){.foot-grid{grid-template-columns:1fr}}
.foot-brand{display:flex;gap:8px;align-items:center;font:700 1.15rem var(--serif);color:#fff;margin:0 0 .4em}
.foot-h{font-weight:700;color:#fff;margin:0 0 .4em}
.foot .src{font-size:.8rem;color:#9fb1c2;border-top:1px solid rgba(255,255,255,.1);padding-top:14px;margin-top:18px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media (max-width:600px){
  html.js div.filters{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}
  .filters .f-q{grid-column:1/-1}
  .f-count{grid-column:1/-1;margin-left:0}
}
