/* Layout: één donkere waterkleur rond de luchtfoto. Kaart links, de gekozen plek ernaast, uitleg en ranglijst eronder. */
:root{
  --bg:#071E25; --bg2:#0B2C35; --surface:#0F3640; --raised:#15444F; --edge:#225964;
  --ink:#F3F0E4; --muted:#9DBBBE; --dobber:#FF6A3D; --on-accent:#1A0D06;
  --good:#4FCB8F; --ok:#EDB94A; --poor:#EC7B6E; --on-score:#06181D;
  --display:"Bricolage Grotesque","Trebuchet MS",system-ui,sans-serif;
  --body:"Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0}
body{background:var(--bg) linear-gradient(180deg,var(--bg2) 0,var(--bg) 420px) no-repeat;color:var(--ink);font:16px/1.5 var(--body)}
.wrap{max-width:1240px;margin:0 auto;padding-inline:16px;padding-block:22px 56px;display:flex;flex-direction:column;gap:18px}
header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px}
.brand{display:flex;align-items:center;gap:12px}
h1{font:800 2.25rem/1 var(--display);margin:0;letter-spacing:-.02em}
.tag{margin:2px 0 0;color:var(--muted)}
.status{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;color:var(--muted);margin:0;border:1px solid var(--edge);border-radius:999px;padding:5px 12px}
.status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--good)}
.status.off::before{background:var(--ok)}
.banner{background:var(--surface);border:1px solid var(--ok);border-radius:10px;padding:10px 14px;font-size:.9375rem}
.banner b{color:var(--ok)}
h2{font:700 1.0625rem/1.2 var(--display);margin:0;text-wrap:balance}
button{font:inherit;color:var(--ink)}
button:focus-visible,a:focus-visible{outline:3px solid var(--dobber);outline-offset:2px}
.days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.day{background:var(--surface);border:1px solid var(--edge);border-radius:12px;padding:9px 2px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0}
.day:hover{background:var(--raised)}
.day .dn{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.day .dd{font:700 1.25rem/1.1 var(--display);font-variant-numeric:tabular-nums}
.day[aria-pressed="true"]{background:var(--raised);border-color:var(--dobber);box-shadow:inset 0 0 0 1px var(--dobber)}
.day[aria-pressed="true"] .dn{color:var(--ink)}
.day .bars{display:flex;align-items:flex-end;gap:2px;height:46px;width:100%;padding:0 9px;margin-top:7px}
.day .bars i{flex:1;min-height:3px;border-radius:2px 2px 0 0}
.daynote{font-size:.8125rem;color:var(--muted);margin:-8px 0 0}
.grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:18px;align-items:stretch}
.panel{background:var(--surface);border:1px solid var(--edge);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:14px;min-width:0}
.mappanel{padding:0;overflow:hidden;gap:0}
.maphead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px}
#map{flex:1;min-height:520px;background:var(--bg2);font:inherit;z-index:0}
.mapfoot{padding:10px 14px;display:flex;flex-direction:column;gap:6px}
.mk{width:32px;height:32px;letter-spacing:-.02em;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 12px var(--body);color:var(--on-score);border:2px solid #FFFFFF;box-shadow:0 2px 6px rgba(0,0,0,.65);font-variant-numeric:tabular-nums}
.mk.mkc{width:38px;height:38px;font-size:13px;position:relative}
.mkn{position:absolute;top:-7px;right:-9px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#FFFFFF;color:#06181D;font:700 11px/18px var(--body);text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.5)}
.mk.sel{box-shadow:0 0 0 4px var(--dobber),0 2px 6px rgba(0,0,0,.65)}
.b-good{background:var(--good)} .b-ok{background:var(--ok)} .b-poor{background:var(--poor)}
.legend{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.8125rem;color:var(--muted);margin:0}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}
.note{font-size:.875rem;color:var(--muted);margin:0;max-width:65ch}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{font-size:.875rem;background:transparent;border:1px solid var(--edge);border-radius:999px;padding:4px 13px;cursor:pointer}
.chip:hover{background:var(--raised)}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
/* gekozen plek */
.spot-name{font:800 1.75rem/1.1 var(--display);margin:0;letter-spacing:-.01em;overflow-wrap:anywhere}
.sub{font-size:.9375rem;color:var(--muted)}
.verdict{display:flex;align-items:center;gap:18px}
.gauge{position:relative;width:124px;height:124px;flex:none}
.gauge svg{display:block;transform:rotate(-90deg)}
.ringbg{fill:none;stroke:var(--bg2);stroke-width:12}
.ringv{fill:none;stroke-width:12;stroke-linecap:round;stroke-dasharray:326.7;transition:stroke-dashoffset .5s ease}
.r-good{stroke:var(--good)} .r-ok{stroke:var(--ok)} .r-poor{stroke:var(--poor)}
.gauge .num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font:800 2.5rem/1 var(--display);font-variant-numeric:tabular-nums}
.gauge .num small{font:400 .75rem var(--body);color:var(--muted);margin-top:2px}
.word{font:700 1.375rem/1.2 var(--display)}
.vpbadge{margin-left:auto;flex:none;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;text-decoration:none;color:var(--ink);background:var(--bg2);border:1px solid var(--edge);border-radius:12px;padding:8px 10px;width:92px}
.vpbadge:hover{background:var(--raised)}
.vpbadge.ok{border-color:var(--good)}
.vpbadge.ok svg{color:var(--good)}
.vpbadge.no svg{color:var(--muted)}
.vpbadge b{display:block;font-size:.875rem;line-height:1.15}
.vpbadge span{display:block;font-size:.75rem;color:var(--muted);line-height:1.2}
.verdict > div:nth-child(2){min-width:0}
.w-good{color:var(--good)} .w-ok{color:var(--ok)} .w-poor{color:var(--poor)}
.best{background:var(--bg2);border-radius:12px;padding:10px 14px}
.best .tk{margin-bottom:2px}
.best .bt{font:700 1.0625rem var(--display);font-variant-numeric:tabular-nums;white-space:pre-wrap}
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tile{background:var(--bg2);border-radius:12px;padding:10px 14px;min-width:0}
.tk{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.tv{font:700 1.25rem/1.3 var(--display);display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}
.tv svg{color:var(--dobber);flex:none}
.ts{font-size:.8125rem;color:var(--muted)}
.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.wk{background:none;border:1px solid transparent;border-radius:10px;padding:6px 2px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.wk:hover{background:var(--bg2)}
.wk[aria-pressed="true"]{border-color:var(--ink);background:var(--bg2)}
.wk .wn{font:700 .875rem var(--display);font-variant-numeric:tabular-nums}
.wk .col{height:64px;width:100%;display:flex;align-items:flex-end;justify-content:center}
.wk .bar{display:block;width:62%;max-width:26px;border-radius:5px 5px 2px 2px}
.wk .wd{font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
/* uitleg */
.why{display:flex;flex-direction:column;gap:5px}
.wh{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.wname{font-weight:700}
.wpts{font-size:.875rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.track{height:8px;border-radius:4px;background:var(--bg2);overflow:hidden}
.fill{height:100%;border-radius:4px;background:var(--dobber)}
.wtext{font-size:.9375rem;color:var(--muted)}
.pass{border-top:1px solid var(--edge);padding-top:14px;font-size:.9375rem;color:var(--muted)}
.pass a{color:var(--ink);font-weight:700}
.plctl{display:flex;flex-direction:column;gap:10px}
.plfrom{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-weight:700}
.plgroup{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.plgroup .tk{min-width:72px}
.pllist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.plright{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.plvp{font-size:.75rem;color:var(--muted);border:1px solid var(--edge);border-radius:999px;padding:1px 8px;white-space:nowrap}
.plpre{white-space:pre-wrap;font:inherit;font-size:.8125rem;background:var(--bg2);border-radius:9px;padding:10px;margin:8px 0 0;user-select:all}
.plvp.ok{color:var(--good);border-color:var(--good)}
.mapfilter{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.fnote{color:var(--ink)}
/* VISpas */
.vpbody{display:flex;flex-direction:column;gap:12px}
.vpintro{margin:0;max-width:70ch}
.vpw{background:var(--bg2);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:7px}
.vpn{font-weight:700;font-size:1.0625rem;overflow-wrap:anywhere}
.vpm{font-size:.9375rem;color:var(--muted)}
.vpm b{color:var(--ink);font-weight:700}
.vpd{margin:0;font-size:.9375rem;overflow-wrap:anywhere}
.vptags{display:flex;flex-wrap:wrap;gap:6px}
.vptag{font-size:.8125rem;border:1px solid var(--edge);border-radius:999px;padding:2px 10px;color:var(--muted)}
.vptag.on{border-color:var(--good);color:var(--good)}
.vptag.warn{border-color:var(--dobber);color:var(--dobber)}
.vpw details,.vpall{font-size:.9375rem}
.vpw summary,.vpall summary{cursor:pointer;font-weight:700;color:var(--ink)}
.vpw ul{margin:6px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:4px;color:var(--muted)}
.vpall ol{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;max-height:460px;overflow:auto}
.vpall li{border-top:1px solid var(--edge);padding-top:8px}
.vpall .vpw{background:transparent;padding:0}
.vpmore{align-self:flex-start}
/* weekvoorspelling */
.fctop{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
.fcbtn{display:inline-flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--edge);border-radius:999px;padding:8px 16px;cursor:pointer;font-weight:700}
.fcbtn:hover{background:var(--raised)}
.fcbtn svg{transition:transform .2s}
.fcbtn[aria-expanded="true"] svg{transform:rotate(180deg)}
.fcgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr));gap:14px}
.fcday{background:var(--bg2);border:1px solid transparent;border-radius:12px;padding:12px 12px 8px;min-width:0}
.fcday.cur{border-color:var(--ink)}
.fchead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.fchead h3{font:700 1rem var(--display);margin:0}
.fchead h3::first-letter{text-transform:uppercase}
.fcscroll{overflow-x:auto}
.fc{width:100%;border-collapse:collapse;font-size:.875rem;font-variant-numeric:tabular-nums}
.fc th{text-align:left;font-weight:400;color:var(--muted);white-space:nowrap;padding:5px 8px 5px 0}
.fc td{text-align:center;padding:5px 3px;min-width:34px}
.fc thead td{color:var(--muted);font-size:.8125rem}
.fc tbody tr{border-top:1px solid var(--surface)}
.fc .wcell{font-weight:700;border-radius:6px}
.fc svg{display:block;margin:0 auto;color:var(--ink)}
/* plekkop, favorieten */
.spothead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.spotbtns{display:flex;gap:6px;flex:none}
.favbtn{display:inline-flex;align-items:center;gap:6px;background:var(--bg2);border:1px solid var(--edge);border-radius:999px;padding:6px 12px;font-size:.875rem;font-weight:700;cursor:pointer}
.favbtn:hover{background:var(--raised)}
.favbtn svg{color:var(--muted)}
.favbtn[aria-pressed="true"]{border-color:var(--ok)}
.favbtn[aria-pressed="true"] svg{color:var(--ok)}
.favs{display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--edge);padding-bottom:12px}
.favlist{max-height:none}
.alarm{display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--edge);padding-bottom:12px}
.alhead{display:flex;align-items:center;gap:10px}
.alstate{font-size:.75rem;font-weight:700;border-radius:999px;padding:1px 9px;border:1px solid var(--edge);color:var(--muted)}
.alstate.on{border-color:var(--good);color:var(--good)}
.alarm .rs{margin:0;max-width:60ch}
.alarm .send{padding:7px 18px}
.tipbox.warn{border-color:var(--ok)}
.rvline{font-size:.9375rem;font-variant-numeric:tabular-nums}
.sponsor{border:1px solid var(--edge);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:4px}
.sphead{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sptag{font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border:1px solid var(--edge);border-radius:999px;padding:1px 8px}
.spname{font-weight:700}
.sptext{margin:0;font-size:.9375rem;color:var(--muted)}
.splink{color:var(--dobber);font-weight:700;align-self:flex-start}
.rvtide{display:flex;flex-direction:column;gap:6px}
.rvtide:empty{display:none}
#d-river{display:flex;flex-direction:column;gap:10px}
#d-river[hidden]{display:none!important}
.rvbig{font:700 1.0625rem var(--display)}
.rvext{display:flex;flex-wrap:wrap;gap:6px}
.rvchip{font-size:.8125rem;border:1px solid var(--edge);border-radius:999px;padding:2px 10px;font-variant-numeric:tabular-nums}
.rvchip.hw{border-color:#55C8F0;color:#9FE0F7}
.rvnote{font-size:.8125rem;color:var(--muted);max-width:60ch}
.spark{width:100%;max-width:420px;height:56px;display:block}
.spl{fill:none;stroke:#55C8F0;stroke-width:2;stroke-linejoin:round}
.spnow{stroke:var(--dobber);stroke-width:2;stroke-dasharray:3 3}
footer a,.note a{color:var(--ink)}
/* bekende stekken */
.mk.tip{border-color:var(--dobber);border-width:3px}
.tipbox{background:var(--bg2);border:1px solid var(--dobber);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:6px}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tag2{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--edge);border-radius:999px;padding:1px 9px;color:var(--muted)}
.tiptext{margin:0;font-size:.9375rem}
.tipsrc{font-size:.8125rem;color:var(--muted)}
.tipsrc a{color:var(--ink)}
.tiplist{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:10px;max-height:560px;overflow-y:auto}
.tipcard{background:var(--bg2);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;min-width:0}
.tiphead{display:flex;justify-content:space-between;align-items:center;gap:10px}
.tipname{background:none;border:0;padding:0;font:700 1.0625rem var(--display);text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:var(--edge);text-underline-offset:3px;overflow-wrap:anywhere}
.tipname:hover{text-decoration-color:var(--dobber)}
/* reacties */
.cgrid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;align-items:start}
.clist{display:flex;flex-direction:column;gap:10px;min-width:0}
.cempty{color:var(--muted);background:var(--bg2);border-radius:12px;padding:14px}
.citem{background:var(--bg2);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;min-width:0}
.chead{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;align-items:baseline}
.cname{font-weight:700}
.cdate{font-size:.8125rem;color:var(--muted)}
.cspec{display:inline-block;align-self:flex-start;font-size:.8125rem;font-weight:700;background:var(--dobber);color:var(--on-accent);border-radius:999px;padding:2px 10px}
.ctext{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.citem img{display:block;align-self:flex-start;max-width:100%;max-height:420px;border-radius:10px;margin-top:4px}
.cred{border:1px solid var(--edge)}
.credtag{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--dobber);color:var(--dobber);border-radius:999px;padding:1px 8px;margin-left:4px;vertical-align:middle}
.cform{background:var(--bg2);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.fl{display:flex;flex-direction:column;gap:4px;font-size:.875rem;color:var(--muted)}
.fl select,.fl input,.fl textarea{font:inherit;font-size:1rem;color:var(--ink);background:var(--surface);border:1px solid var(--edge);border-radius:9px;padding:9px 11px;min-width:0;width:100%}
.fl textarea{resize:vertical}
.fl input[type=file]{padding:7px}
.fl input:focus-visible,.fl textarea:focus-visible{outline:3px solid var(--dobber);outline-offset:1px}
.lbgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.lbchk{display:flex;gap:8px;align-items:flex-start;font-size:.8125rem;color:var(--muted)}
.lbchk input{margin-top:3px;flex:none;width:18px;height:18px;accent-color:var(--dobber)}
.lbstats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.lbstats:empty{display:none}
.lbstats .note{grid-column:1/-1}
.lbstat{background:var(--bg2);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.lbv{font:700 1.125rem var(--display)}
.lblist{display:flex;flex-direction:column;gap:8px}
.lbitem{background:var(--bg2);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}
.lbtop{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}
.lbtop .pill{min-width:2.5rem}
.lbnote{margin:0;font-size:.9375rem;overflow-wrap:anywhere}
.lbdel{font-size:.75rem;padding:2px 10px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.crow{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.send{background:var(--dobber);color:var(--on-accent);border:0;border-radius:999px;padding:10px 24px;font-weight:700;cursor:pointer}
.send[disabled]{opacity:.6;cursor:default}
.cmsg{font-size:.9375rem}
.cmsg.err{color:var(--poor)} .cmsg.ok{color:var(--good)}
/* ranglijst */
.rank{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px;max-height:420px;overflow-y:auto}
.row{background:none;border:0;border-radius:10px;width:100%;text-align:left;cursor:pointer;display:grid;grid-template-columns:2.75rem minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 8px}
.row:hover,.row[aria-current="true"]{background:var(--bg2)}
.pill{display:inline-block;min-width:2.75rem;text-align:center;border-radius:8px;padding:3px 0;font:700 1rem var(--display);color:var(--on-score);font-variant-numeric:tabular-nums}
.rn{font-weight:700;overflow-wrap:anywhere}
.rs{font-size:.8125rem;color:var(--muted)}
.rw{font-size:.8125rem;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.topsearch{position:relative;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--edge);border-radius:14px;padding:0 16px;color:var(--muted)}
.topsearch:focus-within{border-color:var(--dobber);box-shadow:inset 0 0 0 1px var(--dobber)}
.topsearch svg{flex:none}
.topsearch input{flex:1;min-width:0;font:inherit;font-size:1.0625rem;color:var(--ink);background:none;border:0;outline:0;padding:14px 0}
.topsearch input::placeholder{color:var(--muted)}
.sugg{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;background:var(--raised);border:1px solid var(--edge);border-radius:14px;padding:6px;box-shadow:0 12px 30px rgba(0,0,0,.45);max-height:60vh;overflow-y:auto}
.sg{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:8px 10px 4px}
.si{display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%;text-align:left;background:none;border:0;border-radius:9px;padding:8px 10px;cursor:pointer}
.si:hover,.si:focus-visible{background:var(--bg2)}
.si .sn{font-weight:700;overflow-wrap:anywhere}
.si .st{font-size:.8125rem;color:var(--muted);text-align:right}
.species{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.species .chip{font-size:1rem;padding:6px 18px}
.species .chip[aria-pressed="true"]{background:var(--dobber);border-color:var(--dobber);color:var(--on-accent);font-weight:700}
.search{font:inherit;color:var(--ink);background:var(--bg2);border:1px solid var(--edge);border-radius:999px;padding:6px 14px;width:230px;max-width:100%;min-width:0}
.search:focus-visible{outline:3px solid var(--dobber);outline-offset:2px}
.listhead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
footer{font-size:.8125rem;color:var(--muted)}
.leaflet-container a{color:#0B4A55}
@media (max-width:900px){
  .grid,.cgrid{grid-template-columns:minmax(0,1fr)}
  #map{min-height:400px}
  h1{font-size:1.75rem}
}
@media (max-width:560px){
  .rank{grid-template-columns:minmax(0,1fr);max-height:340px}
  .gauge{width:104px;height:104px}.gauge svg{width:104px;height:104px}
  .day .dd{font-size:1.0625rem}
  .day .bars{padding:0 4px;gap:1px;height:38px}
}
@media (prefers-reduced-motion:reduce){.ringv,.fcbtn svg{transition:none}}
.seo{max-width:70ch;display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:.9375rem}
.seo h2{color:var(--ink)}
.seo p{margin:0}
.seo a{color:var(--ink)}
.near{display:flex;flex-wrap:wrap;gap:6px 14px;padding:0;margin:0;list-style:none}