:root{
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
  --bg:#ffffff; --ink:#151719; --ink-2:#5b636d; --line:#e6e8eb; --soft:#f6f7f9;
  --accent:#1e40af; --on-accent:#ffffff; --stamp:#b3261e; --stamp-bg:#fdecea;
  --reader:#2f6b2a; --reader-bg:#eaf4e8; --radius:6px; --radius-lg:10px;
  --display:"Instrument Serif",Georgia,serif; --body:"Instrument Sans",system-ui,sans-serif;
  --h1:clamp(38px,5.4vw,64px); --h1w:400; --h2:32px; --h2w:400;
  --card-border:0; --card-bg:transparent; --card-shadow:none; --card-rule:1px solid var(--ink);
  --table-line:1px solid var(--line); --row-h:60px; --zebra:transparent;
  --chip-border:1px solid var(--line); --chip-bg:#fff; --chip-on:var(--ink); --chip-on-ink:#fff;
  --section:72px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg:#ffffff}}
:root[data-theme="dark"]{--bg:#ffffff}

/* ---------- B: bold tool ---------- */
body[data-look^="b"]{
  --display:"Bricolage Grotesque",system-ui,sans-serif; --body:"Bricolage Grotesque",system-ui,sans-serif;
  --h1:clamp(40px,6vw,76px); --h1w:800; --h2:34px; --h2w:800;
  --accent:#111111; --on-accent:#ffffff; --hot:#ffc400; --stamp:#111111; --stamp-bg:#ffc400;
  --card-border:0; --card-bg:#f5f5f2; --card-shadow:none; --card-rule:8px solid var(--hot);
  --radius:12px; --radius-lg:20px; --table-line:2px solid #111; --row-h:56px;
  --chip-border:2px solid #111; --chip-bg:#fff; --chip-on:#111; --chip-on-ink:#ffc400;
  --ink-2:#4a4a46; --line:#dcdcd7;
}
/* ---------- B1: yellow, quieter ---------- */

/* ---------- B2: blue + coral, two-colour system ---------- */

/* ---------- B3: black header band, app-like ---------- */
body[data-look="b3"]{--card-bg:#fff;--card-rule:0;--soft:#f5f5f2;--radius:12px;--radius-lg:16px}
body[data-look="b3"] header.site{background:#111;border-bottom:0}
body[data-look="b3"] .brand{color:var(--hot)}
body[data-look="b3"] .nav a.item,body[data-look="b3"] .nav summary{color:#fff}
body[data-look="b3"] .nav details[open] summary{background:#2a2a2a}@media (hover:hover) and (pointer:fine){body[data-look="b3"] .nav a.item:hover,body[data-look="b3"] .nav summary:hover{background:#2a2a2a}}
body[data-look="b3"] main>section.hero{background:#111;color:#fff;padding-bottom:64px;margin-bottom:8px}
body[data-look="b3"] main>section.hero .lead{color:#c9c9c4}
body[data-look="b3"] main>section.hero h1{color:#fff}
body[data-look="b3"] .card{border:1px solid #dcdcd7;padding:24px;position:relative;padding-top:64px}
body[data-look="b3"] .card h3{position:absolute;top:18px;left:24px;background:var(--hot);padding:6px 12px;border-radius:8px;font-size:18px}
body[data-look="b3"] .card.ghost h3{background:#e5e5e0}
body[data-look="b3"] .counter > div{background:#111;color:#fff;border-radius:12px;padding:22px}
body[data-look="b3"] .counter > div .l{color:#c9c9c4}
body[data-look="b3"] .counter > div:nth-child(2){background:var(--hot);color:#111}
body[data-look="b3"] .counter > div:nth-child(2) .l{color:#5a4a00}
body[data-look="b3"] th{background:#111;color:#fff;border:0;text-transform:none;letter-spacing:0}
body[data-look="b3"] td{border-bottom:1px solid #e5e5e0}
body[data-look="b3"] .tablewrap{border:1px solid #dcdcd7;border-radius:14px;overflow:hidden}
body[data-look="b3"] .chip,body[data-look="b3"] .nbin{border:1.5px solid #111}
body[data-look="b3"] .compare{background:#111;color:#fff;border-radius:16px}
body[data-look="b3"] .form{background:#fff;border:1px solid #dcdcd7}
body[data-look="b3"] 
body[data-look="b3"] .related a{border:1.5px solid #111;border-radius:999px}



/* reader-hint variants (demo) */
.cityhero .wrap{display:grid;grid-template-columns:3fr 2fr;gap:40px;align-items:start}
@media (max-width:900px){.cityhero .wrap{grid-template-columns:1fr}}
.hero-right{margin-top:8px}
.hero-full{grid-column:1/-1}
.rh{display:none}
body[data-rh="a"] .rh-a,body[data-rh="b"] .rh-b,body[data-rh="c"] .rh-c,body[data-rh="d"] .rh-d,body[data-rh="e"] .rh-e{display:block}
.rcard{background:#1f1f1e;border:1px solid #555;border-radius:16px;padding:22px 24px;color:#fff}
.rcard-s{margin-top:14px}.rh-b .rcard-s:first-child{margin-top:0}
.rblk b{display:block;font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:-.01em}
.rblk p{margin:8px 0 14px;font-size:15.5px;line-height:1.5;color:#c9c9c4}
.rh-a .rblk+.rblk{border-top:1px solid #555;margin-top:20px;padding-top:20px}
.btn-o{background:transparent;color:#ffc400;border:1.5px solid #ffc400}
.rk{display:inline-block;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:#ffc400;font-weight:700;margin-bottom:6px}
.rrow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;border-top:1px solid #555;color:#fff;text-decoration:none;min-height:44px}
.rrow:first-of-type{border-top:0}
.rrow b{display:block;font-family:var(--display);font-weight:800;font-size:19px}
.rrow small{display:block;font-size:14px;color:#c9c9c4;margin-top:2px}
.rrow i{font-style:normal;color:#ffc400;font-size:22px;font-weight:800}
.rtile{display:block;position:relative;border-radius:16px;padding:22px 52px 22px 24px;text-decoration:none;color:#fff;border:1.5px solid #ffc400;margin-top:14px}
.rtile:first-child{margin-top:0}
.rtile b{display:block;font-family:var(--display);font-weight:800;font-size:20px}
.rtile span{display:block;margin-top:6px;font-size:15px;line-height:1.5;color:#c9c9c4}
.rtile i{position:absolute;right:22px;top:22px;font-style:normal;font-size:22px;font-weight:800;color:#ffc400}
.rtile-y{background:#ffc400;color:#111;border-color:#ffc400}.rtile-y span,.rtile-y i{color:#111}
.rcard-w{background:#fff;border-color:#fff;color:#111}.rcard-w .rblk p{color:#444}.rcard-w .rblk+.rblk{border-top:1px solid #dcdcd7;margin-top:20px;padding-top:20px}
.rcard-w .rk{color:#111;background:#ffc400;padding:4px 8px;border-radius:6px}
.rcard-w .btn-o{color:#111;border-color:#111}
.rh2{margin-top:12px;font-size:14.5px;color:#6b6b66;max-width:76ch}
.rh2 a{color:#111;font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* compact, side by side (29. 9.) */
.hero-right{margin-top:0;align-self:end}
body[data-rh="b"] .rh-b,body[data-rh="d"] .rh-d{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rcard-s,.rtile{margin-top:0}
.rh-a.rcard,.rh-e.rcard{display:none}
body[data-rh="a"] .rh-a.rcard,body[data-rh="e"] .rh-e.rcard{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:16px 20px}
.rh-a .rblk+.rblk{border-top:0;border-left:1px solid #555;margin-top:0;padding:0 0 0 20px}
.rcard-w .rblk+.rblk{border-top:0;border-left:1px solid #dcdcd7;margin-top:0;padding:0 0 0 20px}
.rh-e .rk{grid-column:1/-1;margin-bottom:10px}
.rcard{padding:16px 20px}
.rblk b,.rtile b,.rrow b{font-size:17px}
.rblk p{font-size:14px;line-height:1.45;margin:6px 0 12px}
.rtile{padding:14px 44px 14px 16px}.rtile span{font-size:14px;margin-top:4px}.rtile i{right:16px;top:14px}
.rh-c .rrow{padding:12px 0}.rrow small{font-size:13.5px}
.hero-right .btn{padding:0 16px;min-height:44px;font-size:15px}
@media (max-width:900px){body[data-rh="a"] .rh-a.rcard,body[data-rh="e"] .rh-e.rcard,body[data-rh="b"] .rh-b,body[data-rh="d"] .rh-d{grid-template-columns:1fr}.rh-a .rblk+.rblk,.rcard-w .rblk+.rblk{border-left:0;border-top:1px solid #555;padding:16px 0 0;margin-top:16px}}

/* B fix 29. 9. */
.cityhero .wrap{grid-template-columns:1.35fr 1fr}
body[data-rh="b"] .rh-b{align-items:start}
.rcard-s{padding:16px 18px}
.rcard-s b{font-size:17px;line-height:1.25}
.rcard-s p{margin:6px 0 12px}
.rcard-s b{margin-bottom:12px}
.hero-right .btn.btn-o,body[data-look="b3"] .hero-right .btn.btn-o{background:transparent;color:#ffc400;border:1.5px solid #ffc400}

/* simple hero 29. 9. */
.cityhero .wrap{display:block}
.hv{display:none}
body[data-rh="a"] .hv-a,body[data-rh="c"] .hv-c{display:block}
body[data-rh="b"] .hv-b{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end}
.hv .lead{margin-top:16px;max-width:56ch}
.hnum{margin-top:36px}
.hnum b{display:block;font-family:var(--display);font-weight:800;font-size:clamp(56px,7vw,88px);line-height:1;color:#ffc400;letter-spacing:-.03em}
.hnum span{display:block;margin-top:10px;font-size:16px;color:#c9c9c4}
.hbtns{display:grid;grid-template-columns:1fr;width:fit-content;gap:12px;margin-top:32px}.hbtns .btn{justify-content:center;text-align:center}
.hbtns .btn{min-height:48px;padding:0 22px;font-size:16px}
.hbtns .btn.btn-o,body[data-look="b3"] .hbtns .btn.btn-o{background:transparent;color:#ffc400;border:1.5px solid #ffc400}
.hv-b .hv-r{text-align:left;padding-left:8px}.hv-b .hnum{margin-top:0}.hv-b .hv-r .hbtns{margin-top:28px}
.hv-c{text-align:center}.hv-c h1,.hv-c .lead{margin-left:auto;margin-right:auto}.hv-c .hbtns{margin-left:auto;margin-right:auto}
.hnum-xl b{font-size:clamp(72px,10vw,128px)}
.hv-c .citykick{text-align:center}
@media (max-width:900px){body[data-rh="b"] .hv-b{grid-template-columns:1fr}.hv-b .hv-r{text-align:left}.hv-b .hnum{margin-top:28px}}
.meter-wrap.dark{background:#111;color:#fff;border-radius:16px;padding:28px 28px 28px;margin:24px 0 8px}
.meter-wrap.dark .meter{margin-top:32px}
.years-wrap{margin:0 0 22px}
.years-wrap .years{margin-top:0}
.years-wrap .yr{color:#111;border-color:#dcdcd7}
.years-wrap .yr[aria-pressed="true"]{color:#111}
.years-wrap .yall,.years-wrap .ydelta{color:#6b6b66}

/* hero graphics 29. 9. */
body[data-rh="b"] .hv-b,body[data-rh="c"] .hv-c,body[data-rh="d"] .hv-d,body[data-rh="e"] .hv-e,body[data-rh="f"] .hv-f{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:end}
.hv .hv-r{text-align:left}
.hv .hnum{margin-top:0}.hv .hnum b{font-size:clamp(48px,5.5vw,72px)}
.hv .hv-r svg{display:block;width:100%;height:auto;margin-top:22px}
.hv .hv-r .hbtns{margin-top:28px}
.rb{margin-top:26px}.rb-track{position:relative;height:14px;border-radius:999px;background:#3a3a38}
.rb-track i,.rb-track em{position:absolute;top:0;height:14px;border-radius:999px}.rb-track i{background:#6b6b66}.rb-track em{background:#ffc400}
.rb-track b{position:absolute;top:-5px;width:4px;height:24px;background:#fff;border-radius:2px;transform:translateX(-2px)}
.rb-lab{position:relative;height:22px;margin-top:8px;font-size:13px;color:#c9c9c4}.rb-lab span{position:absolute;transform:translateX(-50%);white-space:nowrap}.rb-lab .rb-m{color:#ffc400;font-weight:700}
.rb-key{display:flex;gap:18px;font-size:13px;color:#c9c9c4;margin-top:6px}.rb-key span{display:inline-flex;align-items:center;gap:6px}.rb-key i,.rb-key em{display:inline-block;width:22px;height:8px;border-radius:999px}.rb-key em{background:#ffc400}.rb-key i{background:#6b6b66}
.ds-k{font-size:13.5px;color:#c9c9c4;margin:10px 0 0}.ds-k em{font-style:normal;color:#ffc400;font-weight:700}
.hv-r .gg{max-width:300px}
@media (max-width:900px){body[data-rh="b"] .hv-b,body[data-rh="c"] .hv-c,body[data-rh="d"] .hv-d,body[data-rh="e"] .hv-e,body[data-rh="f"] .hv-f{grid-template-columns:1fr}}

.proofline{margin:14px 0 0;font-size:20px;font-weight:600;color:#ffc400;letter-spacing:-.01em}
.hv .proofline+.lead{margin-top:18px}
/* mini compare hero 29. 9. */
.hv-h{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.mc{margin:0}.mc label>span{display:block;font-size:14px;color:#c9c9c4;margin-bottom:8px}
.mc-row{display:flex;gap:10px;flex-wrap:wrap}
.mc-in-wrap{position:relative;flex:1 1 180px}.mc-in-wrap i{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-style:normal;color:#9a9a94;font-size:18px}
.mc-in{width:100%;height:50px;border-radius:12px;border:1.5px solid #555;background:#1f1f1e;color:#fff;font:600 18px var(--display);padding:0 16px 0 34px;box-sizing:border-box}
.mc-in:focus{outline:none;border-color:#ffc400;box-shadow:0 0 0 3px rgba(255,196,0,.35)}
.mc-go{height:50px;padding:0 20px;font-size:16px}
.hv-h .mc{margin-top:22px}
.mc-res{margin:14px 0 0;font-size:17px;line-height:1.45;color:#fff;min-height:1.4em}
.mc-res b{color:#ffc400}.mc-res a{color:#ffc400;text-decoration:underline;text-underline-offset:3px}
.mc-bin{fill:#4a4a47}.mc-bin[data-i="2"],.mc-bin[data-i="3"],.mc-bin[data-i="4"],.mc-bin[data-i="5"]{fill:#ffc400}
.hv .hv-r svg{margin-top:0}
.mc-cap{font-size:13px;color:#9a9a94;margin:8px 0 0}
@media (max-width:900px){.hv-h{grid-template-columns:1fr}}

.hv-h .hv-l .hbtns{margin-top:30px}
/* hero variants (demo) */
.subswitch{background:#2a2a2a;color:#fff;font:13px/1 "Instrument Sans",system-ui,sans-serif;display:flex;align-items:center;gap:8px;padding:8px 16px;flex-wrap:wrap}
.subswitch span{opacity:.7;margin-right:4px}
.subswitch button{font:inherit;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:7px 12px;cursor:pointer}
.subswitch button[aria-pressed="true"]{background:var(--hot,#ffc400);color:#111;border-color:transparent}
.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:start}
.hero-grid h1{font-size:clamp(34px,4.6vw,58px);max-width:16ch}
section.hero{padding-top:56px}
@media (max-width:820px){.hero-grid{grid-template-columns:1fr;gap:28px}}
.hero-side{display:flex;flex-direction:column;gap:18px}
.hero-side .stat{border-left:4px solid var(--hot,#ffc400);padding-left:16px}
.hero-side .stat .n{font-family:var(--display);font-size:44px;font-weight:var(--h1w);line-height:1;letter-spacing:-.02em}
.hero-side .l{font-size:14.5px;color:var(--ink-2)}
body[data-look="b3"] .hero-side .l,body[data-look="b3"] .hist-title{color:#c9c9c4}
.hist-title{font-weight:600;font-size:17px;margin-top:8px}
.hist{width:100%;height:auto;display:block}
.hist .bars rect{fill:#8a8a86}
body[data-look="b3"] .hist .bars rect{fill:#5a5a56}
body[data-look="b3"] .hist .bars rect.hi{fill:#ffc400}
.hist .bars rect.hi{fill:var(--hot,#ffc400)}
.hist .med{stroke:var(--hot,#ffc400);stroke-width:2;stroke-dasharray:4 3}
.hist .lab{font:600 13px "Bricolage Grotesque",system-ui,sans-serif;fill:currentColor}
.hist .ax{font:12px "Bricolage Grotesque",system-ui,sans-serif;fill:#8a8a86}
.citysearch{margin-top:24px;max-width:640px}
.citysearch label{display:block;font-weight:600;margin-bottom:8px}
.citysearch .row{display:flex;gap:10px;flex-wrap:wrap}
.citysearch input{flex:1;min-width:220px;font:inherit;font-size:18px;padding:12px 16px;border:2px solid #111;border-radius:var(--radius);min-height:52px;background:#fff;color:#111}
body[data-look="b3"] .citysearch input{border-color:#fff}
.citysearch .l{margin-top:10px;font-size:14.5px;color:var(--ink-2)}
body[data-look="b3"] .citysearch .l{color:#c9c9c4}

/* section 2 variants */
.subswitch.light{background:#f0f0ec;color:#111;border-radius:8px;margin-bottom:18px;width:fit-content}
.subswitch.light button{color:#111;border-color:#bbb}
.subswitch.light button[aria-pressed="true"]{background:#111;color:#ffc400}
.pills{display:flex;gap:8px;flex-wrap:wrap}
.pills .more{font-size:14px;color:var(--ink-2);display:inline-flex;align-items:center;padding:5px 4px}
.pills a{font-size:14px;font-weight:600;color:#111;text-decoration:none;border:1.5px solid #111;border-radius:999px;padding:5px 12px;min-height:32px;display:inline-flex;align-items:center}
.mini{width:100%;height:auto;display:block;margin:6px 0 2px}
.mini rect{fill:#c9c9c4}.mini rect.hi{fill:#ffc400}.mini .med{stroke:#111;stroke-width:2;stroke-dasharray:3 3}
.card small{display:block;font-size:12.5px;color:var(--ink-2);margin-top:6px}
.rows{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.row{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.5fr auto;gap:16px;align-items:center;padding:16px 20px;border:1.5px solid #dcdcd7;border-radius:12px;text-decoration:none;color:#111;background:#fff}
.row.head{border:0;padding:0 20px;font-size:13px;color:var(--ink-2);font-weight:600}
@media (hover:hover) and (pointer:fine){.row:not(.head):not(.ghost):hover{border-color:#111}}
.row.ghost{opacity:.55;border-style:dashed}
.row .badge{display:inline-block;background:#ffc400;padding:6px 12px;border-radius:8px;font-family:var(--display);font-weight:800;font-size:18px}
.row.ghost .badge{background:#e5e5e0}
.row-cell{display:flex;flex-direction:column}
.row-cell b{font-size:20px;font-weight:800;letter-spacing:-.01em}
.row-cell small{font-size:13px;color:var(--ink-2)}
.row-go{font-weight:700;white-space:nowrap}
@media (max-width:820px){.row{grid-template-columns:1fr 1fr;padding:14px 16px}.row.head{display:none}.row-name{grid-column:1/-1}.row-go{grid-column:1/-1}}
.rangebar{display:grid;grid-template-columns:1fr auto;grid-template-areas:"lab val" "bar bar";gap:8px 12px;align-items:center;font-size:14px;margin:10px 0 4px}
.rb-lab{grid-area:lab}.rangebar .rb{grid-area:bar}.rb-val{grid-area:val}
.rangebar.big{display:block;margin:10px 0 6px}
.rb-lab{font-weight:600}
.rb{position:relative;height:10px;border-radius:999px;background:#e5e5e0}
.rangebar.big .rb{height:14px}
.rb i{position:absolute;top:0;bottom:0;background:#e5e5e0;border-radius:999px}
.rb em{position:absolute;top:0;bottom:0;background:#ffc400;border-radius:999px}
.rb b{position:absolute;top:-4px;width:4px;height:18px;background:#111;border-radius:2px;transform:translateX(-2px)}
.rangebar.big .rb b{top:-5px;height:24px}
.rb-val{color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums}
.rb-ends{display:flex;justify-content:space-between;font-size:13px;color:var(--ink-2);margin-top:8px;gap:8px}

/* section 2: d–h */
.ic{flex:none}
.badge{display:inline-block;background:#ffc400;padding:6px 12px;border-radius:8px;font-family:var(--display);font-weight:800;font-size:18px;line-height:1.2}
.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:20px}
.bento .tile{display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid #dcdcd7;border-radius:16px;text-decoration:none;color:#111;background:#fff;min-height:170px}
@media (hover:hover) and (pointer:fine){.bento .tile:hover{border-color:#111}}
.bento .tile.big{grid-column:span 2;grid-row:span 2;background:#111;color:#fff;border-color:#111;padding:28px}
.bento .tile.big .badge{align-self:flex-start}
.bento .tile .tn{font-family:var(--display);font-size:34px;font-weight:800;line-height:1;letter-spacing:-.02em}
.bento .tile.big .tn{font-size:56px}
.bento .tile .tm{color:var(--ink-2);font-size:15px}
.bento .tile.big .tm{color:#c9c9c4}
.bento .tcities{display:flex;flex-direction:column;gap:6px;margin-top:auto}
.bento .tc{display:flex;justify-content:space-between;border-top:1px solid #333;padding-top:8px}
.bento .tc i{font-style:normal;color:#ffc400}
.bento .tgo{font-weight:700;margin-top:auto}
.bento .tile.demo .badge{background:#f0f0ec}
.bento .tile:not(.big) .badge{background:transparent;padding:0;font-size:20px}
@media (max-width:820px){.bento{grid-template-columns:1fr 1fr}.bento .tile.big{grid-column:span 2;grid-row:auto}}
.card.link{text-decoration:none;color:#111;border:1px solid #dcdcd7;padding:24px;gap:10px}
@media (hover:hover) and (pointer:fine){.card.link:hover{border-color:#111}}
.card.link .ctop{display:flex;align-items:center;gap:10px}
.card.link .h3{font-family:var(--display);font-weight:800;font-size:22px}
.card.link .arrow{margin-left:auto;font-size:26px;font-weight:300;color:var(--ink-2)}
.pills.static span{font-size:14px;font-weight:600;border:1.5px solid #dcdcd7;border-radius:999px;padding:5px 12px;display:inline-flex;align-items:center;min-height:32px}
.pills.static span.more{border:0;color:var(--ink-2)}
.split{display:grid;grid-template-columns:150px 1fr;border:1px solid #dcdcd7;border-radius:16px;overflow:hidden;background:#fff}
.split .dark{background:#111;color:#fff;padding:22px 18px;display:flex;flex-direction:column;gap:8px}
.split .dark .n{font-family:var(--display);font-size:30px;font-weight:800;line-height:1;letter-spacing:-.02em;color:#ffc400}
.split .dark .l{font-size:13.5px;color:#c9c9c4}
.split .light{padding:22px;display:flex;flex-direction:column;gap:12px}
.split .light h3{margin:0}
.split .light .btn{align-self:flex-start;margin-top:auto}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:20px}
.tile.sm{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid #dcdcd7;border-radius:14px;text-decoration:none;color:#111;background:#fff}
@media (hover:hover) and (pointer:fine){.tile.sm:hover{border-color:#111;background:#fffbe6}}
.tile.sm .h3{font-family:var(--display);font-weight:800;font-size:17px;line-height:1.2;margin-top:4px}
.tile.sm .tn{font-family:var(--display);font-size:26px;font-weight:800;line-height:1.1;margin-top:auto}
.tile.sm .tm{font-size:13.5px;color:var(--ink-2)}
.lb{list-style:none;margin:6px 0 4px;padding:0}
.lb li{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #e5e5e0;font-size:16px}
.lb li a{color:#111;text-decoration:none;font-weight:600}
.lb li b{font-weight:800}
.lb li.more span{color:var(--ink-2);font-weight:500}
.card h3 .ic{vertical-align:-4px;margin-right:6px}

/* explorer hero */
.explorer{gap:12px}
.xrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.xlab{font-size:13px;font-weight:600;color:#c9c9c4;min-width:34px}
.xchips{display:flex;gap:6px;flex-wrap:wrap}
.xchips button{font:inherit;font-size:14px;font-weight:600;background:transparent;color:#fff;border:1.5px solid #555;border-radius:999px;padding:7px 12px;cursor:pointer;min-height:36px}
.xchips button[aria-pressed="true"]{background:#ffc400;color:#111;border-color:#ffc400}
.xchips button.demo{color:#8a8a86;border-style:dashed}
.xchips select{font:inherit;font-size:14px;padding:7px 10px;border-radius:999px;background:#111;color:#fff;border:1.5px solid #555;min-height:36px}
.xfoot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.hist .bars rect.ph{fill:#333}
body:not([data-look="b3"]) .xchips button{color:var(--ink);border-color:var(--line)}
body:not([data-look="b3"]) .xlab{color:var(--ink-2)}

/* nav: single jobs menu */
.nav{flex-wrap:nowrap}
.nav ul{flex-wrap:nowrap}
.nav .menu.jobs{min-width:300px;padding:10px}
.nav .menu.jobs a{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}
.nav .menu.jobs a small{color:var(--ink-2);font-size:13px}
.nav .menu.jobs a.demo{opacity:.55}
@media (max-width:1180px){.nav ul{display:none}.nav .btn{padding:11px 14px;font-size:15px}}
/* header city search */
.hfind{position:relative;display:flex;align-items:center}
.hfind-btn{display:none;width:44px;height:44px;border:0;border-radius:999px;background:transparent;color:#fff;cursor:pointer;align-items:center;justify-content:center}
@media (hover:hover) and (pointer:fine){.hfind-btn:hover{background:#2a2a2a}}
.hfind-box{position:relative;width:230px}
.hfind-box .lupa{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#c9c9c4;pointer-events:none}
.hfind-box input{box-sizing:border-box;width:100%;height:44px;font:inherit;font-size:16px;padding:0 12px 0 38px;border-radius:999px;border:1.5px solid #444;background:#1f1f1e;color:#fff;-webkit-appearance:none;appearance:none}
.hfind-box input::placeholder{color:#8f8f8a}
.hfind-box input:focus{outline:2px solid #ffc400;outline-offset:2px;border-color:#ffc400}
.hfind-box input::-webkit-search-cancel-button{-webkit-appearance:none}
.hfind-hits{position:absolute;right:0;top:calc(100% + 8px);min-width:280px;background:#fff;color:#111;border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 16px 40px rgba(0,0,0,.18);z-index:7}
.hfind-hits a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;min-height:44px;border-radius:10px;color:#111;text-decoration:none;font-weight:500;white-space:nowrap}
@media (hover:hover) and (pointer:fine){.hfind-hits a:hover{background:var(--soft)}}
.hfind-hits a small{color:var(--ink-2);font-weight:400}
.hfind-hits .none{padding:11px 12px;color:var(--ink-2);font-size:15px}
@media (max-width:9999px){
  .hfind-btn{display:flex}
  .hfind-box{display:none;position:absolute;right:-8px;top:calc(100% + 10px);width:calc(100vw - 48px);max-width:420px;z-index:7}
  .hfind[data-open="true"] .hfind-box{display:block}
  .hfind[data-open="true"] .hfind-btn{background:#2a2a2a}
  .hfind-hits{left:0;right:0;min-width:0}
}

/* hero explorer v2 */
.hero-grid{align-items:center}
.xseg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:#2a2a2a;border-radius:12px;padding:4px;gap:4px}
.xseg button{font:inherit;font-size:15px;font-weight:700;background:transparent;color:#fff;border:0;border-radius:9px;padding:10px 8px;cursor:pointer;min-height:44px;white-space:nowrap}
.xseg button[aria-selected="true"]{background:#ffc400;color:#111}
.xseg button.demo{color:#8a8a86}
.xfind{font:inherit;font-size:14px;padding:7px 12px;border-radius:999px;border:1.5px solid #555;background:#111;color:#fff;min-height:36px;width:150px}
.xfind::placeholder{color:#8a8a86}
#xall{max-height:96px;overflow:auto;padding:6px;border:1px dashed #555;border-radius:12px}
body:not([data-look="b3"]) .xseg{background:var(--soft)}
body:not([data-look="b3"]) .xseg button{color:var(--ink)}
body:not([data-look="b3"]) .xfind{background:#fff;color:var(--ink);border-color:var(--line)}

/* hero layouts A/B/C */
.xbig{display:none}
/* A: single column, band below */
.hero[data-layout="a"] .hero-grid{grid-template-columns:1fr;gap:28px;align-items:start}
.hero[data-layout="a"] .hero-grid h1{font-size:clamp(40px,6.6vw,84px);max-width:18ch}
.hero[data-layout="a"] .lead{font-size:20px;max-width:70ch}
.hero[data-layout="a"] .explorer{display:grid;grid-template-columns:1.15fr 1fr;grid-template-areas:"t j" "s c" "s a" "f f";gap:14px 40px;align-items:start;background:#1f1f1e;border-radius:16px;padding:22px 26px}
.hero[data-layout="a"] #xtitle{grid-area:t}
.hero[data-layout="a"] #xsvg{grid-area:s;max-height:150px}
.hero[data-layout="a"] .xfoot{grid-area:f}
.hero[data-layout="a"] #xjob{grid-area:j}
.hero[data-layout="a"] .xrow{grid-area:c}
.hero[data-layout="a"] #xall{grid-area:a}
@media (max-width:820px){.hero[data-layout="a"] .explorer{grid-template-columns:1fr;grid-template-areas:"j" "c" "a" "t" "s" "f"}}
/* B: 60/40, right compact */
.hero[data-layout="b"] .hero-grid{grid-template-columns:1.35fr 1fr;gap:48px}
.hero[data-layout="b"] .hero-grid h1{font-size:clamp(36px,5.2vw,66px);max-width:14ch}
.hero[data-layout="b"] .explorer{gap:10px}
.hero[data-layout="b"] .xseg button{font-size:13.5px;padding:8px 6px;min-height:38px}
.hero[data-layout="b"] .xchips button,.hero[data-layout="b"] .xfind{font-size:13px;min-height:32px;padding:5px 10px}
.hero[data-layout="b"] .xfind{width:120px}
.hero[data-layout="b"] #xsvg{max-height:170px;width:100%}
.hero[data-layout="b"] .hist-title{font-size:16px}
.hero[data-layout="b"] .xfoot .btn{background:transparent;color:#ffc400;padding:0;min-height:auto;font-weight:700;box-shadow:none}
.hero[data-layout="b"] .xfoot .btn::after{content:"\00a0›"}
.hero[data-layout="b"] .xfoot .l{display:none}
/* C: chart faded behind headline */
.hero[data-layout="c"]{position:relative;overflow:hidden}
.hero[data-layout="c"] .hero-grid{grid-template-columns:1fr;gap:18px;position:relative;z-index:1}
.hero[data-layout="c"] .hero-grid h1{font-size:clamp(42px,7vw,92px);max-width:16ch}
.hero[data-layout="c"] .lead{max-width:62ch}
.hero[data-layout="c"] .explorer{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 22px}
.hero[data-layout="c"] #xjob{flex:0 1 460px}
.hero[data-layout="c"] .xrow{flex:1 1 320px}
.hero[data-layout="c"] #xall{flex-basis:100%}
.hero[data-layout="c"] #xsvg{position:absolute;left:0;right:0;bottom:0;width:100%;height:100%;max-height:none;opacity:.16;z-index:0;pointer-events:none}
.hero[data-layout="c"] #xsvg .lab,.hero[data-layout="c"] #xsvg .ax,.hero[data-layout="c"] #xsvg .med{display:none}
.hero[data-layout="c"] #xsvg .bars rect{fill:#fff}
.hero[data-layout="c"] #xsvg .bars rect.hi{fill:#ffc400}
.hero[data-layout="c"] #xtitle{flex-basis:100%;order:5}
.hero[data-layout="c"] .xbig{display:block;flex-basis:100%;order:6;font-family:var(--display);font-weight:800;font-size:clamp(34px,4.6vw,56px);line-height:1;letter-spacing:-.02em;color:#ffc400}
.hero[data-layout="c"] .xbig small{display:block;font-size:16px;color:#c9c9c4;font-weight:600;margin-top:8px;letter-spacing:0}
.hero[data-layout="c"] .xfoot{flex-basis:100%;order:7}
.hero[data-layout="c"] .xfoot .l{display:none}

/* section 3 variants */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.step{position:relative;border:1px solid #dcdcd7;border-radius:16px;padding:26px 22px 22px;display:flex;flex-direction:column;gap:10px}
.step .num{position:absolute;top:-14px;left:20px;background:#ffc400;font-family:var(--display);font-weight:800;font-size:15px;width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center}
.step.alt{border-style:dashed;background:#f7f7f4}
.step.alt .num{background:#111;color:#ffc400}
.step h3{margin:6px 0 0;font-size:19px}
.step p{margin:0;font-size:15.5px;color:var(--ink-2)}
@media (max-width:900px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.steps{grid-template-columns:1fr}}
.threenums{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:center}
.tn-text p{font-size:18px;color:var(--ink-2)}
.tn-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end}
.tn-card{border:1px solid #dcdcd7;border-radius:16px;padding:20px 16px;display:flex;flex-direction:column;gap:6px;color:var(--ink-2)}
.tn-card.main{background:#111;color:#c9c9c4;border-color:#111;padding:28px 18px;transform:translateY(-10px)}
.tn-card .k{font-weight:700;color:var(--ink);font-size:15px}
.tn-card.main .k{color:#fff}
.tn-card .v{font-family:var(--display);font-weight:800;font-size:30px;color:var(--ink);letter-spacing:-.02em}
.tn-card.main .v{color:#ffc400;font-size:36px}
.tn-card .d{font-size:13px}
@media (max-width:820px){.threenums{grid-template-columns:1fr}}
.band{background:#111;color:#fff;border-radius:20px;padding:30px 32px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.band-item{display:flex;flex-direction:column;gap:8px}
.band-item svg{color:#ffc400}
.band-item b{font-family:var(--display);font-weight:800;font-size:20px;line-height:1.2}
.band-item span{color:#c9c9c4;font-size:15.5px}
@media (max-width:820px){.band{grid-template-columns:1fr}}

.tn-card .v.empty{font-size:18px;color:var(--ink-2);font-weight:700;letter-spacing:0;line-height:1.25}
.tn-card .add{font-weight:700;color:#111;text-decoration:none;margin-top:4px;font-size:14.5px}
@media (hover:hover) and (pointer:fine){.tn-card .add:hover{text-decoration:underline}}

/* section 5 — Compare (locked 4b) */
#compare{display:block;text-align:left;padding:36px 40px}
#compare *,#compare *::before,#compare *::after{box-sizing:border-box}
#compare .cmp-head{font-size:19px;line-height:1.5;max-width:60ch;margin:0 0 24px}
#compare .cmp-grid{display:grid;grid-template-columns:1.1fr 1fr 1.35fr auto;gap:14px;align-items:end;margin:0}
#compare .cmp-grid.opt{grid-template-columns:1.1fr 1fr 2fr;margin-top:14px;padding-top:16px;border-top:1px solid #333}
#compare .f{display:flex;flex-direction:column;gap:7px;min-width:0;margin:0}
#compare .lt{font-size:13.5px;font-weight:600;color:#c9c9c4;line-height:1.2}
#compare .lt em{font-style:normal;font-weight:500;color:#8f8f8a;margin-left:6px}
#compare .ctl{position:relative;display:block}
#compare input,#compare select{width:100%;height:50px;margin:0;font:inherit;font-size:17px;line-height:1.2;padding:0 14px;border-radius:10px;border:1.5px solid #555;background:#1f1f1e;color:#fff;-webkit-appearance:none;appearance:none}
#compare input::placeholder{color:#7a7a76}
#compare input:focus,#compare select:focus{outline:2px solid #ffc400;outline-offset:2px;border-color:#ffc400}
#compare select{padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23c9c9c4' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}
#compare .pre,#compare .suf{position:absolute;top:50%;transform:translateY(-50%);color:#c9c9c4;pointer-events:none;font-size:16px}
#compare .pre{left:14px}#compare .suf{right:14px}
#compare .has-pre input{padding-left:30px}#compare .has-suf input{padding-right:62px}
#compare .btn{height:50px;padding:0 26px;margin:0;white-space:nowrap}
#compare .cmp-optnote{font-size:14.5px;color:#c9c9c4;line-height:1.45;margin:0;padding-bottom:12px;max-width:none}
#compare .cmp-result{background:#ffc400;color:#111;border-radius:12px;padding:16px 20px;font-size:18px;line-height:1.45;margin-top:18px}
#compare .cmp-result b{font-weight:800}
#compare .cmp-result.soft{background:#2a2a28;color:#fff;border:1px solid #555}
#compare .cmp-declared{font-size:15px;color:#ffc400;font-weight:600;margin:10px 0 0;max-width:none}
#compare .cmp-note{font-size:14.5px;color:#c9c9c4;margin:20px 0 0;max-width:none}
#compare .cmp-note a{color:#ffc400}
@media (max-width:900px){#compare{padding:28px 22px}#compare .cmp-grid,#compare .cmp-grid.opt{grid-template-columns:1fr 1fr}#compare .cmp-grid .btn{grid-column:1/-1}#compare .cmp-optnote{grid-column:1/-1;padding-bottom:0}}
@media (max-width:520px){#compare .cmp-grid,#compare .cmp-grid.opt{grid-template-columns:1fr}}


/* block 6 — how the data is made (variants) */
.mt-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;margin-bottom:26px}
.mt-head .h2{margin:0}
.mt-link{font-weight:700;color:#111;text-decoration:none;white-space:nowrap;border-bottom:2px solid #ffc400}
@media (hover:hover) and (pointer:fine){.mt-link:hover{background:#fff3c2}}
.steps.three{grid-template-columns:repeat(3,1fr);gap:22px}
.mt-split{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.mt-left .h2{margin:0 0 22px}
.mt-ol{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:18px}
.mt-ol li{display:grid;grid-template-columns:32px 1fr;gap:14px;align-items:start}
.mt-ol .num{background:#ffc400;font-family:var(--display);font-weight:800;font-size:15px;width:30px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;margin-top:1px}
.mt-ol b{display:block;font-size:19px;margin-bottom:3px}
.mt-ol span:not(.num){font-size:15.5px;color:var(--ink-2)}
.mt-row{background:#111;color:#fff;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px;transform:rotate(-1deg)}
.mt-rowlab{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#c9c9c4}
.mt-rowlab em{font-style:normal;text-transform:none;letter-spacing:0;font-weight:500;color:#8f8f8a}
.mt-rowgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 18px}
.mt-rowgrid div{display:flex;flex-direction:column;gap:3px}
.mt-rowgrid .l{font-size:13px;color:#c9c9c4}
.mt-rowgrid b{font-size:18px}
.mt-rowgrid b.hot{color:#ffc400;font-family:var(--display);font-size:28px;font-weight:800}
.mt-rowgrid a{color:#fff;text-decoration:underline;text-decoration-color:#ffc400;font-size:16px}
.mt-rownote{font-size:14px;color:#c9c9c4;border-top:1px solid #333;padding-top:12px}
.mt-pipe{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:16px;align-items:center;background:#f5f5f2;border-radius:16px;padding:26px 28px}
.mt-node{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start}
.mt-node .num{background:#111;color:#ffc400;font-family:var(--display);font-weight:800;font-size:14px;width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center}
.mt-node b{display:block;font-size:17px;margin-bottom:3px}
.mt-node span:not(.num){font-size:14.5px;color:var(--ink-2)}
.mt-arrow{font-size:26px;color:#ffc400;font-weight:800}
@media (max-width:900px){.steps.three{grid-template-columns:1fr}.mt-split{grid-template-columns:1fr;gap:32px}.mt-row{transform:none}.mt-pipe{grid-template-columns:1fr}.mt-arrow{transform:rotate(90deg);justify-self:start;margin-left:2px}}
[hidden]{display:none!important}
*{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--display);margin:0 0 .35em;line-height:1.08;letter-spacing:-.01em}
h1{font-size:var(--h1);font-weight:var(--h1w);max-width:20ch}
h2{font-size:var(--h2);font-weight:var(--h2w)}
h3{font-size:22px;font-weight:600}
p{margin:0 0 1em;max-width:64ch}
a{color:var(--accent);text-underline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.lead{font-size:21px;color:var(--ink-2);max-width:56ch}
.small{font-size:14.5px;color:var(--ink-2)}
section{padding:var(--section) 0 0}
section.tight{padding-top:36px}

/* switcher (demo only) */
.switch{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:#151719;color:#fff;font:14px/1 "Instrument Sans",system-ui,sans-serif;display:flex;align-items:center;gap:8px;padding:10px 16px;flex-wrap:wrap}
.switch span{margin-right:6px;opacity:.75}
.switch button{font:inherit;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:9px 14px;cursor:pointer;min-height:36px}
.switch button[aria-pressed="true"]{background:#fff;color:#151719;border-color:#fff}

/* header */
header.site{background:var(--bg);border-bottom:1px solid var(--line)}
body[data-look^="b"] header.site{border-bottom:2px solid #111}
.nav{display:flex;align-items:center;gap:16px;min-height:72px;flex-wrap:nowrap;padding:10px 0}
.brand{font-family:var(--display);font-weight:var(--h1w);font-size:26px;color:var(--ink);text-decoration:none;margin-right:auto;letter-spacing:-.01em}
.nav ul{list-style:none;margin:0 auto;padding:0;display:flex;gap:0;flex-wrap:nowrap;align-items:center}
.nav li{display:flex;align-items:center}
.nav details{display:flex;align-items:center}
.nav a.item,.nav summary{padding:10px 11px}
.nav a.item,.nav summary{display:flex;align-items:center;gap:6px;padding:0 14px;height:44px;box-sizing:border-box;line-height:1;color:var(--ink);text-decoration:none;border-radius:999px;font-weight:500;cursor:pointer;list-style:none}
.nav summary::-webkit-details-marker{display:none}
.nav details[open] summary{background:var(--soft)}@media (hover:hover) and (pointer:fine){.nav a.item:hover,.nav summary:hover{background:var(--soft)}}
.nav details{position:relative}
.nav .menu{position:absolute;left:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);min-width:240px;padding:8px;box-shadow:0 16px 40px rgba(0,0,0,.12);z-index:6}
.nav .menu a{display:block;padding:11px 14px;color:var(--ink);text-decoration:none;border-radius:var(--radius);min-height:44px}
@media (hover:hover) and (pointer:fine){.nav .menu a:hover{background:var(--soft)}}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--on-accent);text-decoration:none;font-weight:600;padding:13px 22px;border-radius:999px;border:0;font-family:inherit;font-size:16px;cursor:pointer;min-height:48px}
@media (hover:hover){.btn:hover{filter:brightness(1.1)}}
body[data-look^="b"] .btn{background:var(--hot);color:#111;border-radius:var(--radius);font-weight:800}
@media (hover:hover){body[data-look^="b"] .btn:hover{background:#e6b000;color:#111}}
.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
body[data-look^="b"] .btn.ghost{background:transparent;border:2px solid #111;color:#111}

/* cards */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:28px;margin-top:20px}
.card{background:var(--card-bg);border:var(--card-border);border-top:var(--card-rule);border-radius:var(--radius-lg);padding:26px 26px 26px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--card-shadow)}
body[data-look^="b"] .card{border-top:var(--card-rule)}
.card h3{margin:0}
.card .n{font-family:var(--display);font-size:40px;font-weight:var(--h1w);line-height:1;letter-spacing:-.02em}
body[data-look^="b"] .card .n{font-size:56px}
.card .m{color:var(--ink-2)}
.card .btn{align-self:flex-start;margin-top:14px}
.card.ghost{opacity:.55;border-style:dashed}
.stamp{display:inline-block;background:var(--stamp-bg);color:var(--stamp);border-radius:4px;padding:4px 10px;font-size:14px;font-weight:600;letter-spacing:.01em}
.readerchip{display:inline-block;background:var(--reader-bg);color:var(--reader);border-radius:4px;padding:4px 10px;font-size:14px;font-weight:600}

.explain{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:36px}
.explain p{margin:0;font-size:18px}
.explain p strong{display:block;font-family:var(--display);font-size:24px;font-weight:var(--h2w);margin-bottom:6px}
.compare{background:var(--soft);border-radius:var(--radius-lg);padding:32px;display:flex;gap:24px;align-items:center;flex-wrap:wrap;justify-content:space-between;margin-top:12px}
body[data-look^="b"] .compare{background:#111;color:#fff}
.compare p{margin:0;font-size:19px;max-width:52ch}

.crumbs{font-size:14.5px;color:var(--ink-2);margin-bottom:20px}
.crumbs a{color:inherit}

/* counter */
.counter{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:28px;margin:28px 0 36px}
.counter .n{font-family:var(--display);font-size:46px;font-weight:var(--h1w);line-height:1;letter-spacing:-.02em}
body[data-look^="b"] .counter .n{font-size:64px}
.counter .l{color:var(--ink-2);font-size:15px;margin-top:8px}
body[data-look^="b"]:not([data-look="b3"]) .counter > div{background:var(--card-bg);border-radius:var(--radius);padding:20px}

/* filters as chips */
.chips{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}
.chips .group{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-right:10px}
.chips .lab{font-size:14px;color:var(--ink-2);margin-right:4px}
.chip{font:inherit;font-size:15px;font-weight:500;background:var(--chip-bg);color:var(--ink);border:var(--chip-border);border-radius:999px;padding:9px 14px;cursor:pointer;min-height:40px}
.chip[aria-pressed="true"]{background:var(--chip-on);color:var(--chip-on-ink);border-color:var(--chip-on)}
body[data-look^="b"] .chip{border-radius:var(--radius)}

/* table */
.tablewrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;min-width:640px}
th,td{text-align:left;padding:0 16px;height:var(--row-h);border-bottom:var(--table-line);white-space:nowrap;vertical-align:middle}
th{font-weight:600;font-size:14.5px;color:var(--ink-2);height:48px;border-bottom:2px solid var(--ink)}
body[data-look^="b"] th{color:#111;text-transform:uppercase;letter-spacing:.04em;font-weight:800}
tbody tr:nth-child(even){background:var(--zebra)}
td.num,th.num{text-align:right}
td.val{font-weight:700;font-size:18px}
.src{font-size:14.5px}
.pager{display:flex;justify-content:space-between;align-items:center;padding:16px 4px;font-size:14.5px;color:var(--ink-2)}

/* summaries */
.sum{padding:0}
.sum ul{margin:10px 0 0;padding:0;list-style:none}
.sum li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:16.5px}
.sum li:last-child{border:0}
.sum li b{font-weight:700}

.readers{background:var(--reader-bg);border-radius:var(--radius-lg);padding:26px;margin-top:8px}
.form{background:var(--soft);border-radius:var(--radius-lg);padding:32px;margin-top:8px}
.form .fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:16px 0 22px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:14.5px;color:var(--ink-2);font-weight:500}
.form input,.form select{font:inherit;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);min-height:48px}
body[data-look^="b"] 
.result{margin-top:18px;padding:16px 18px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);font-size:17px}
body[data-look^="b"] .result{background:var(--hot);border:0;font-weight:600}

.faq details{border-bottom:1px solid var(--line);padding:6px 0}
.faq summary{cursor:pointer;font-weight:600;font-size:19px;padding:14px 0;min-height:44px;display:flex;align-items:center;justify-content:space-between;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:26px;font-weight:300;color:var(--ink-2)}
.faq details[open] summary::after{content:"–"}
.faq p{margin:0 0 14px;font-size:17px}
.related{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.related a{display:inline-flex;align-items:center;padding:11px 16px;border:1.5px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink);min-height:44px;font-weight:500}
body[data-look^="b"] .related a{border:2px solid #111;border-radius:var(--radius)}
@media (hover:hover) and (pointer:fine){.related a:hover{border-color:var(--ink)}}
.disclaimer{background:var(--soft);border-radius:var(--radius-lg);padding:22px 24px;font-size:15px;color:var(--ink-2);margin-top:8px}
.byline{display:flex;gap:20px;flex-wrap:wrap;font-size:15px;color:var(--ink-2);margin-top:22px}

.divider{margin:80px 0 0;padding:10px 16px;font:13px/1.4 "Instrument Sans",system-ui,sans-serif;color:#7a5f00;background:#fff6d6;text-align:center}

footer.site{border-top:1px solid var(--line);margin-top:96px;padding:56px 0 36px;background:var(--soft)}
body[data-look^="b"] footer.site{background:#111;color:#fff;border:0}
body[data-look^="b"] footer.site a,body[data-look^="b"] footer.site .legalline,body[data-look^="b"] footer.site h3{color:#fff}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px}
.cols h3{font-size:15px;font-weight:600;margin-bottom:12px;color:var(--ink-2);font-family:var(--body)}
.cols ul{list-style:none;margin:0;padding:0}
.cols li{padding:6px 0}
.cols a{color:var(--ink);text-decoration:none}
@media (hover:hover) and (pointer:fine){.cols a:hover{text-decoration:underline}}
.legalline{margin-top:36px;padding-top:22px;border-top:1px solid var(--line);font-size:14.5px;color:var(--ink-2);max-width:none}
body[data-look^="b"] .legalline{border-top:1px solid #333}
footer.site{padding:64px 0 32px}
.foot-grid{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:64px;align-items:start}
footer.site .foot-brand a.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;font-size:24px;color:#ffc400;text-decoration:none;letter-spacing:-.01em}
.foot-brand .mark{color:#ffc400;flex:none}
.foot-brand p{margin:16px 0 22px;color:#c9c9c4;font-size:15.5px;line-height:1.5;max-width:30ch}
.foot-btn{display:inline-flex;align-items:center;min-height:44px}
body[data-look^="b"] footer.site a.foot-btn{color:#111}
.foot-cols{display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;gap:40px 48px}
footer.site .foot-cols h3{font-family:var(--body);font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffc400;margin:0 0 14px}
.foot-cols ul{list-style:none;margin:0;padding:0}
.foot-cols li{margin:0}
.foot-cols a{display:inline-block;color:#fff;text-decoration:none;font-size:15.5px;line-height:1.3;padding:7px 0;white-space:nowrap}
@media (hover:hover) and (pointer:fine){.foot-cols a:hover{color:#ffc400}}
.foot-cols a small{display:inline-block;margin-left:6px;font-size:12px;color:#8f8f8a}
.legalline{display:flex;justify-content:space-between;gap:12px 32px;flex-wrap:wrap;margin-top:48px;padding-top:20px;font-size:13.5px;color:#8f8f8a}
@media (max-width:940px){.foot-grid{grid-template-columns:1fr;gap:40px}.foot-cols{grid-template-columns:1fr 1fr;justify-content:start}}
@media (max-width:520px){.foot-cols{grid-template-columns:1fr}}
/* ===== hub /roofing/ — section 1 variants D–H (demo) ===== */
.hub1{padding-top:0}
.hub1 .crumbs{margin-bottom:18px}
.hub1-p{max-width:68ch;margin-top:26px}
.hub1 h1{font-size:clamp(36px,5vw,60px)}
.hub1-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}
@media (max-width:820px){.hub1-grid{grid-template-columns:1fr;gap:26px}}
.hub1-stat .n{font-family:var(--display);font-size:56px;font-weight:800;line-height:1;letter-spacing:-.02em;color:#ffc400}
.hub1-stat .l{color:#c9c9c4;font-size:15px;margin-top:6px}
.hub1-stat .l b{color:#fff}
/* dark bands */
.hub1-e,.hub1-f{background:#111;color:#fff;padding:48px 0 56px;margin-bottom:8px}
.hub1-e .crumbs,.hub1-f .crumbs,.hub1-e .lead,.hub1-f .lead,.hub1-p-dark,.hub1-e .hub1-p{color:#c9c9c4}
.hub1-e .crumbs a,.hub1-f .crumbs a{color:#c9c9c4}
.hub1-e h1,.hub1-f h1{color:#fff}
.hub1-e .hub1-stat{margin-top:22px}
/* D */
.hub1-d{padding-top:40px}
.bigfind{margin-top:30px;max-width:640px}
.bigfind label{display:block;font-weight:700;font-size:18px;margin-bottom:10px}
.bigfind-row{position:relative}
.bigfind input{width:100%;font:inherit;font-size:20px;padding:0 56px 0 18px;height:56px;border:2px solid #111;border-radius:14px;background:#fff;color:#111}
.bigfind input:focus{outline:3px solid #ffc400;outline-offset:2px}
.bigfind-ic{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#111;display:flex}
.bigfind-hits{border:1.5px solid #dcdcd7;border-radius:12px;margin-top:8px;overflow:hidden;background:#fff}
.bigfind-hits a,.bigfind-hits .none{display:flex;justify-content:space-between;padding:12px 16px;text-decoration:none;color:#111;font-weight:600}
.bigfind-hits a+a{border-top:1px solid #ecece8}
@media (hover:hover) and (pointer:fine){.bigfind-hits a:hover{background:#f5f5f2}}
.bigfind-hits small{font-weight:400;color:var(--ink-2)}
.bigfind-hits .none{color:var(--ink-2);font-weight:400}
.bigfind .small{margin-top:12px}
.dpick{margin-top:26px;max-width:640px;border:1.5px solid #dcdcd7;border-radius:16px;padding:20px 22px}
.dpick-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.dpick-head .btn{margin-left:auto;min-height:40px;padding:8px 16px}
.dpick .hist .bars rect{fill:#c9c9c4}.dpick .hist .bars rect.hi{fill:#ffc400}.dpick .hist .med{stroke:#111}
/* E (locked 27. 9. 2026) */
.hub-find{height:50px;min-height:50px;width:240px;font-size:16px;padding:0 16px;border-radius:12px}
.hub-find:focus{outline:3px solid #ffc400;outline-offset:2px}
.usmap-wrap{background:#1f1f1e;border-radius:16px;padding:18px 18px 12px}
.usmap{width:100%;height:auto;display:block}
.usmap .usdots circle{fill:#3d3d3a}
.usmap a.city circle{fill:#ffc400;cursor:pointer}
.usmap a.city text{font:600 13px "Bricolage Grotesque",system-ui,sans-serif;fill:#fff}
@media (hover:hover) and (pointer:fine){.usmap a.city:hover circle{r:11}}
.usmap-wrap .small{color:#c9c9c4;margin-top:10px;font-size:13.5px}
/* F */
.threenum{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:34px;padding-top:26px;border-top:1px solid #333}
.threenum .n{font-family:var(--display);font-size:clamp(36px,4.4vw,58px);font-weight:800;line-height:1;letter-spacing:-.02em;color:#ffc400;white-space:nowrap}
.threenum .n span{color:#555;padding:0 .08em}
.threenum .l{color:#c9c9c4;font-size:15px;margin-top:10px}
@media (max-width:820px){.threenum{grid-template-columns:1fr;gap:18px}}
.fline{margin-top:34px;max-width:640px}
.fline label{display:block;font-weight:700;font-size:18px;margin-bottom:10px}
.fline-row{display:flex;gap:10px;flex-wrap:wrap}
.fline input{flex:1;min-width:220px;font:inherit;font-size:18px;padding:0 18px;height:52px;border:1.5px solid #555;border-radius:14px;background:#1f1f1e;color:#fff}
.fline input::placeholder{color:#8a8a86}
.fline input:focus{outline:3px solid #ffc400;outline-offset:2px}
.fline .btn{background:#ffc400;color:#111;height:52px}
/* G */
.hub1-g{padding-top:40px}
.gtop,.gfind{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:24px}
.gl{font-weight:700;margin-right:6px}
.gchip{display:inline-flex;flex-direction:column;text-decoration:none;color:#111;border:1.5px solid #111;border-radius:12px;padding:8px 14px;min-height:50px;justify-content:center}
.gchip b{font-size:15px;line-height:1.15}
.gchip small{font-size:12.5px;color:var(--ink-2)}
@media (hover:hover) and (pointer:fine){.gchip:hover{background:#ffc400;border-color:#ffc400}}
.gchip.ghost{border-style:dashed;border-color:#bbb;color:#8a8a86}
.gfind input{font:inherit;font-size:16px;padding:0 16px;height:50px;border:1.5px solid #111;border-radius:12px;width:240px;background:#fff}
.gfind input:focus{outline:3px solid #ffc400;outline-offset:2px}
/* H */
.hub1-h{padding-top:40px}
.hcount{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:24px;font-size:17px}
.hcount .sep{color:#bbb;margin:0 4px}
.hcount input{font:inherit;font-size:15px;padding:0 14px;height:44px;border:1.5px solid #111;border-radius:10px;width:220px;background:#fff}
.hcount input:focus{outline:3px solid #ffc400;outline-offset:2px}
.states{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:20px}
.st{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:#111;border:1.5px solid #dcdcd7;border-radius:12px;padding:14px 16px;background:#fff}
@media (hover:hover) and (pointer:fine){.st:hover{border-color:#111}}
.st .ab{font-family:var(--display);font-weight:800;font-size:26px;line-height:1;background:#ffc400;padding:6px 10px;border-radius:8px;align-self:flex-start}
.st .stn{font-weight:700;margin-top:8px}
.st .stm{font-size:13.5px;color:var(--ink-2)}
.st.ghost{opacity:.55;border-style:dashed}
.st.ghost .ab{background:#e5e5e0}
/* I–M: right card like the home explorer */
.hcard{background:#1f1f1e;border-radius:16px;padding:22px 24px;display:flex;flex-direction:column;gap:12px;color:#fff}
.hl{font-weight:600;font-size:14px;color:#c9c9c4}
.hfrow{position:relative}
.hin{width:100%;height:50px;font:inherit;font-size:16px;padding:0 48px 0 16px;border:1.5px solid #555;border-radius:12px;background:#111;color:#fff}
.hin::placeholder{color:#8a8a86}
.hin:focus{outline:3px solid #ffc400;outline-offset:2px}
.hic{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#c9c9c4;display:flex}
.hhits{background:#111;border:1.5px solid #555;border-radius:12px;overflow:hidden;margin-top:-4px}
.hhits a,.hhits .none{display:flex;justify-content:space-between;padding:12px 16px;text-decoration:none;color:#fff;font-weight:600;min-height:44px;align-items:center}
.hhits a+a{border-top:1px solid #333}@media (hover:hover) and (pointer:fine){.hhits a:hover{background:#2a2a2a}}
.hhits small{font-weight:400;color:#c9c9c4}.hhits .none{color:#c9c9c4;font-weight:400}
.hcard .hist-title{color:#fff;font-size:15px;margin-top:2px}
.hcard .hist .bars rect{fill:#5a5a56}.hcard .hist .bars rect.hi{fill:#ffc400}
.hcard .xfoot .l{color:#c9c9c4;font-size:13px}
.hcard .xfoot .btn.hlink{background:transparent;color:#ffc400;padding:0;min-height:auto;font-weight:700;box-shadow:none}
.hlink::after{content:"\00a0›"}
.hnote{font-size:13.5px;color:#c9c9c4;margin:0}
.htiles{display:grid;grid-template-columns:1.3fr .8fr 1.1fr;gap:10px}
.htiles>div{background:#111;border-radius:12px;padding:14px 14px 12px}
.htiles>div.y{background:#ffc400;color:#111}
.htiles .n{font-family:var(--display);font-weight:800;font-size:clamp(26px,2.6vw,34px);line-height:1;letter-spacing:-.02em;white-space:nowrap}
.htiles .l{font-size:12.5px;color:#c9c9c4;margin-top:6px;line-height:1.3}
.htiles>div.y .l{color:#5a4a00}
@media (max-width:480px){.htiles{grid-template-columns:1fr 1fr}.htiles>div:first-child{grid-column:1/-1}}
.hrows{display:flex;flex-direction:column;gap:8px}
.hrow{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-decoration:none;color:#fff;background:#111;border-radius:12px;padding:8px 12px;min-height:50px}
@media (hover:hover) and (pointer:fine){.hrow:not(.ghost):hover{outline:2px solid #ffc400}}
.hrow .badge{font-size:15px;padding:5px 10px;white-space:nowrap}
@media (max-width:600px){.hrow{grid-template-columns:1fr auto;padding:10px 12px}.hrow .badge{grid-column:1/-1;justify-self:start}.hrow .stamp,.hrow .hd{justify-self:end}}
.hrow .hn{font-size:13.5px;color:#c9c9c4}
.hrow .hd{font-size:13px;color:#c9c9c4;white-space:nowrap}
.hrow.ghost{opacity:.5;border:1px dashed #555;background:transparent}
.hrow.ghost .badge{background:#3d3d3a;color:#c9c9c4}
.hstates a,.hstates span{font:inherit;font-size:14px;font-weight:700;color:#fff;text-decoration:none;border:1.5px solid #555;border-radius:999px;padding:0 12px;min-height:44px;display:inline-flex;align-items:center;gap:6px}
.hstates a small{font-weight:400;color:#c9c9c4}
.hstates a.on{background:#ffc400;color:#111;border-color:#ffc400}.hstates a.on small{color:#5a4a00}
.hstates span.demo{color:#8a8a86;border-style:dashed}
/* N–R: same family, different layouts */
.hub1 h1.wide{max-width:22ch}
.toolbar{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin-top:30px;padding:14px 18px;background:#1f1f1e;border-radius:16px}
.tb-num{display:flex;flex-direction:column;padding-right:16px;border-right:1px solid #444}
.tb-num b{font-family:var(--display);font-weight:800;font-size:34px;line-height:1;letter-spacing:-.02em;color:#ffc400}
.tb-num span{font-size:13px;color:#c9c9c4;margin-top:4px;white-space:nowrap}
.tb-find{position:relative;min-width:240px}
.tb-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tb-l{font-size:13px;color:#c9c9c4;font-weight:600}
.tb-chips a{font-size:14px;font-weight:700;color:#fff;text-decoration:none;border:1.5px solid #555;border-radius:999px;padding:0 14px;min-height:44px;display:inline-flex;align-items:center}
@media (hover:hover) and (pointer:fine){.tb-chips a:hover{background:#ffc400;color:#111;border-color:#ffc400}}
@media (max-width:820px){.toolbar{grid-template-columns:1fr}.tb-num{border-right:0;border-bottom:1px solid #444;padding:0 0 12px}}
.bignum{font-family:var(--display);font-weight:800;font-size:clamp(72px,12vw,150px);line-height:.95;letter-spacing:-.04em;color:#ffc400}
.hub1-o h1.under{font-size:clamp(24px,3vw,36px);font-weight:600;max-width:32ch;margin-top:12px;color:#fff}
.hub1-o h1.under .y{color:#ffc400}
.orow{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:26px}
.orow .hfrow{width:min(100%,360px)}
.onote{font-size:13.5px;color:#c9c9c4;max-width:34ch}
.hub1-p2{padding-bottom:0}
.hub1-p2 .lead{margin-bottom:34px}
.yband{background:#ffc400;color:#111;padding:26px 0}
.yband-in{display:grid;grid-template-columns:auto auto 1fr;gap:36px;align-items:center}
.yb-num{display:flex;flex-direction:column}
.yb-num b{font-family:var(--display);font-weight:800;font-size:44px;line-height:1;letter-spacing:-.02em}
.yb-num span{font-size:14px;color:#5a4a00;margin-top:6px;white-space:nowrap}
.yb-find label{display:block;font-weight:700;margin-bottom:8px}
.yband .hin{background:#fff;color:#111;border-color:#111}
.yband .hin::placeholder{color:#777}.yband .hic{color:#111}
.yband .hin:focus{outline:3px solid #111}
.yband .hhits{background:#fff;border-color:#111}.yband .hhits a{color:#111}@media (hover:hover) and (pointer:fine){.yband .hhits a:hover{background:#f5f5f2}}.yband .hhits small,.yband .hhits .none{color:#5b5b57}
@media (max-width:820px){.yband-in{grid-template-columns:1fr 1fr}.yb-find{grid-column:1/-1}}
.pafter{background:#fff;color:#111;padding:8px 0 0}.pafter .hub1-p{color:#111;margin-top:24px}
.hub1-p2{margin-bottom:0}
.hub1-q{position:relative;overflow:hidden}
.bgmap{position:absolute;right:0;top:40px;height:calc(100% - 80px);width:48%;opacity:.6;pointer-events:none}
.bgmap .usdots circle{fill:#2e2e2c}.bgmap .on{fill:#ffc400}
.qin{position:relative;z-index:1}
.hub1-q h1{max-width:12ch}
.qrow{display:flex;align-items:flex-end;gap:28px;flex-wrap:wrap;margin-top:26px}
.qrow .hfrow{width:min(100%,340px)}
.qrow .hub1-stat{margin:0}
@media (max-width:820px){.bgmap{position:static;width:100%;height:auto;opacity:.8;display:block;margin:0 0 -30px}.hub1-q{padding-top:0}}
.prow{margin-top:30px;background:#1f1f1e;border-radius:16px;padding:18px 22px}
.prow-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.prow-l{font-size:13px;color:#c9c9c4}
.prow-grid{display:grid;grid-template-columns:auto 1.6fr auto auto 1.2fr;gap:12px 26px;margin-top:16px;padding-top:16px;border-top:1px solid #444}
.prow-grid div{display:flex;flex-direction:column;gap:4px}
.prow-grid small{font-size:12px;color:#ffc400;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.prow-grid b{font-weight:600;font-size:17px;white-space:nowrap}
.prow-grid .val b{font-family:var(--display);font-weight:800;font-size:28px;line-height:1;letter-spacing:-.02em;color:#ffc400}
.prow-foot{font-size:13.5px;color:#c9c9c4;margin-top:14px;padding-top:12px;border-top:1px solid #444}
.prow-foot b{color:#fff}
@media (max-width:820px){.prow-grid{grid-template-columns:1fr 1fr}.prow-grid .val{grid-column:1/-1}.prow-grid b{white-space:normal}}
.rrow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px}
.rrow .hfrow{width:min(100%,340px)}
/* ===== airy spacing (locked 28. 9. 2026, same as home) ===== */
body[data-space="airy"]{--section:150px}
body[data-space="airy"] .wrap{max-width:1040px;padding:0 32px}
body[data-space="airy"] header.site .wrap{max-width:1120px}
body[data-space="airy"] main>section.hero{padding-top:64px;padding-bottom:96px;margin-bottom:0}
body[data-space="airy"] .hero[data-layout="b"] .hero-grid{gap:72px}
body[data-space="airy"] .hero .lead{font-size:20px;line-height:1.5;max-width:44ch;margin-top:20px}
body[data-space="airy"] main section.tight{padding-top:150px}
body[data-space="airy"] main section+section{padding-top:150px}
body[data-space="airy"] main>section:last-of-type{padding-bottom:0}
body[data-space="airy"] h2{font-size:clamp(30px,3.4vw,40px);letter-spacing:-.015em;margin-bottom:14px}
body[data-space="airy"] h2+p,body[data-space="airy"] .tn-text p{font-size:19px;line-height:1.55;max-width:56ch}
body[data-space="airy"] .bento{gap:24px;margin-top:40px}
body[data-space="airy"] .bento .tile{padding:28px;gap:14px}
body[data-space="airy"] .bento .tile.big{padding:40px}
body[data-space="airy"] .tn-cards{gap:20px;margin-top:8px}
body[data-space="airy"] .tn-card{padding:26px 22px;gap:8px}
body[data-space="airy"] .tn-card.main{padding:36px 24px}
body[data-space="airy"] .steps{gap:28px}
body[data-space="airy"] .steps.three{gap:32px}
body[data-space="airy"] .compare{padding:44px 40px;gap:32px}
body[data-space="airy"] .form{padding:44px 40px;margin-top:16px}
body[data-space="airy"] footer.site{margin-top:72px;padding:88px 0 40px}
body[data-space="airy"] .foot-grid{gap:88px}
body[data-space="airy"] .legalline{margin-top:64px}
@media (max-width:820px){
  body[data-space="airy"]{--section:96px}
  body[data-space="airy"] main section.tight,body[data-space="airy"] main section+section{padding-top:96px}
  body[data-space="airy"] .wrap{padding:0 22px}
  body[data-space="airy"] main>section.hero{padding-top:36px;padding-bottom:64px}
  body[data-space="airy"] .bento .tile.big{padding:28px}
  body[data-space="airy"] .compare,body[data-space="airy"] .form{padding:28px 22px}
  body[data-space="airy"] footer.site{margin-top:96px;padding:64px 0 32px}
}

/* hub sections 2–4 (draft, 28. 9. 2026) */
.hub2 h2+p,.hub4 h2+p{max-width:60ch;color:var(--ink-2);font-size:19px;line-height:1.55}
.ccards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:40px}
.ccard{display:flex;flex-direction:column;gap:14px;padding:28px;border:1.5px solid #dcdcd7;border-radius:16px;text-decoration:none;color:#111;background:#fff}
@media (hover:hover) and (pointer:fine){.ccard:hover{border-color:#111}}
.ccard.ghost{border-style:dashed;color:var(--ink-2)}
.ccard.ghost .badge{background:#e5e5e0;color:#5b5b57}
.ct{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.cn{font-family:var(--display);font-weight:800;font-size:36px;line-height:1;letter-spacing:-.02em;display:flex;flex-direction:column;gap:6px}
.cn small{font-family:var(--body);font-weight:400;font-size:14px;color:var(--ink-2);letter-spacing:0;line-height:1.4}
.mini{width:100%;height:auto;display:block;margin-top:4px}
.mini rect{fill:#dcdcd7}.mini rect.hi{fill:#ffc400}.mini .med{stroke:#111;stroke-width:2;stroke-dasharray:3 3}
.cr{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;color:var(--ink-2);flex-wrap:wrap}
.cgo{font-weight:700;margin-top:auto}
.cwant{display:flex;flex-direction:column;gap:8px;margin-top:auto}
.ccard.ghost .hin{background:#fff;color:#111;border-color:#dcdcd7}.ccard.ghost .hic{color:#111}
.ccard.ghost .hhits{background:#fff;border-color:#dcdcd7}.ccard.ghost .hhits a{color:#111}@media (hover:hover) and (pointer:fine){.ccard.ghost .hhits a:hover{background:#f5f5f2}}.ccard.ghost .hhits small,.ccard.ghost .hhits .none{color:#5b5b57}
.hub2 .small{margin-top:20px}
.faq{margin-top:36px;border-top:1px solid #dcdcd7}
.faq details{border-bottom:1px solid #dcdcd7}
.faq summary{list-style:none;cursor:pointer;font-family:var(--display);font-weight:700;font-size:20px;padding:22px 44px 22px 0;position:relative;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:18px;font-size:28px;font-weight:400;color:#111;line-height:1}
.faq details[open] summary::after{content:"−"}
.faq details p{margin:0 0 24px;max-width:70ch;color:#333;font-size:17px;line-height:1.6}
.faq summary:focus-visible{outline:3px solid #ffc400;outline-offset:2px}
.keepgoing{margin-top:64px;display:block}
.keepgoing h3{font-family:var(--display);font-weight:800;font-size:24px;margin-bottom:18px}
.relgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:820px){.relgrid{grid-template-columns:1fr}}
.rel{display:flex;flex-direction:column;gap:6px;padding:24px;border:1.5px solid #dcdcd7;border-radius:16px;text-decoration:none;color:#111;background:#f5f5f2}
@media (hover:hover) and (pointer:fine){.rel:hover{border-color:#111}}
.rk{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7a6200}
.rel b{font-size:18px}.rel small{font-size:14.5px;color:var(--ink-2);line-height:1.45}
.byline{margin-top:48px;font-size:14.5px;color:var(--ink-2)}

/* hero: tighter (28. 9. 2026) */
.hub1-e{padding:40px 0 48px}
.hub1-e h1{font-size:clamp(32px,4vw,50px);max-width:16ch;margin-top:0}
.hub1-e .lead{font-size:18px;margin-top:14px;max-width:44ch}
.hub1-e .hub1-stat{margin-top:18px}
.hub1-e .hub1-stat .n{font-size:44px}
.hub1-grid{gap:40px;align-items:center}
.usmap-wrap{padding:14px 14px 10px}
.hub-intro{padding-top:56px}
.hub-intro .hub1-p{margin-top:0;color:#333;font-size:17px;line-height:1.6}
body[data-space="airy"] main .hub-intro+.hub2{padding-top:110px}

/* header: never wrap (28. 9. 2026) */
header.site .wrap{max-width:1280px;padding:0 24px}
.nav .brand,.nav .btn,.nav .hfind{flex-shrink:0}
.nav .btn{white-space:nowrap}
.nav a.item,.nav summary{white-space:nowrap}
@media (max-width:1180px){.hfind-box{width:170px}.nav a.item,.nav summary{padding-left:8px;padding-right:8px}.nav{gap:12px}}
@media (max-width:1180px){.nav ul{display:none!important}}

/* intro paragraph variants (demo) */
.hub-intro{padding-top:56px}
body[data-space="airy"] main .hub-intro+.hub2,body[data-space="airy"] main .hub-intro+section{padding-top:110px}
.hub-intro .ic{color:#111;flex-shrink:0}
/* A */
.inout{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.io{border:1.5px solid #dcdcd7;border-radius:16px;padding:24px 26px}
.io.in{background:#f5f5f2}
.io.out{border-style:dashed}
.io-k{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:19px;margin-bottom:12px}
.io ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:16px;color:#333}
.io li{display:flex;align-items:flex-start;gap:12px}
.io.in li::before{content:"";flex:0 0 10px;width:10px;height:10px;border-radius:999px;background:#ffc400;margin-top:8px}
.io.out li::before{content:"";flex:0 0 10px;width:10px;height:10px;border-radius:999px;border:1.5px solid #bbb;margin-top:8px;box-sizing:border-box}
.io-note{margin-top:20px;color:var(--ink-2);font-size:15.5px;max-width:70ch}
@media (max-width:820px){.inout{grid-template-columns:1fr}}
/* B */
.bigsay{position:relative;font-family:var(--display);font-weight:600;font-size:clamp(24px,2.8vw,34px);line-height:1.25;letter-spacing:-.01em;max-width:28ch;padding-left:26px;margin:0}
.bigsay .ybar{position:absolute;left:0;top:6px;bottom:6px;width:6px;border-radius:999px;background:#ffc400}
.intro-b .hub1-p{margin-top:22px;color:#333;font-size:17px;line-height:1.6}
/* C */
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pt{display:flex;flex-direction:column;gap:10px;padding:24px 22px;border:1.5px solid #dcdcd7;border-radius:16px}
.pt b{font-family:var(--display);font-weight:700;font-size:19px;line-height:1.25}
.pt small{font-size:15px;color:var(--ink-2);line-height:1.5}
@media (max-width:820px){.three{grid-template-columns:1fr}}
/* D */
.dsplit{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}
.dsplit .hub1-p{margin:0;color:#333;font-size:17px;line-height:1.6}
.dcard{background:#111;color:#fff;border-radius:16px;padding:26px 28px;display:flex;flex-direction:column;gap:8px}
.dk{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffc400}
.dn{font-family:var(--display);font-weight:800;font-size:clamp(30px,3.2vw,40px);line-height:1;letter-spacing:-.02em}
.dcard small{font-size:14.5px;color:#c9c9c4;line-height:1.5}
.dcard em{color:#8a8a86;font-style:normal}
@media (max-width:820px){.dsplit{grid-template-columns:1fr}}

/* in/out block: locked A, airy (28. 9. 2026) */
.hub-intro{padding-top:96px}
body[data-space="airy"] main .hub-intro+.hub2,body[data-space="airy"] main .hub-intro+section{padding-top:150px}
.inout{gap:32px}
.io{padding:36px 40px}
.io-k{font-size:22px;margin-bottom:20px}
.io ul{gap:14px;font-size:17px;line-height:1.5}
.io-note{margin-top:32px;font-size:17px;line-height:1.6;max-width:62ch}
@media (max-width:820px){.hub-intro{padding-top:64px}.io{padding:26px 24px}}

/* FAQ: two columns, all open (locked B, 28. 9. 2026) */
.h2s{font-size:clamp(26px,2.6vw,32px)!important;margin-bottom:8px!important}
.faq.compact{margin-top:20px;max-width:760px;border-top:1px solid #dcdcd7}
.faq.compact summary{font-size:17px;padding:14px 36px 14px 0;min-height:44px}
.faq.compact summary::after{font-size:22px;top:10px;right:2px;color:#8a8a86}
.faq.compact details p{font-size:15.5px;line-height:1.55;margin:0 0 16px;max-width:64ch;color:#444}
.faqgrid{display:grid;grid-template-columns:1fr 1fr;gap:28px 48px;margin-top:28px}
.qa b{display:block;font-family:var(--display);font-weight:700;font-size:17px;line-height:1.3;margin-bottom:6px}
.qa p{margin:0;font-size:15.5px;line-height:1.55;color:#444}
@media (max-width:820px){.faqgrid{grid-template-columns:1fr}}
.faqsplit{display:grid;grid-template-columns:1fr 1.6fr;gap:48px;align-items:start}
.faqsplit .faq.compact{margin-top:0;max-width:none}
.faqlead{font-size:16px;color:var(--ink-2);line-height:1.55;max-width:32ch;margin-top:10px}
@media (max-width:820px){.faqsplit{grid-template-columns:1fr;gap:16px}}

/* Keep going variants (demo) */
.keepgoing[hidden]{display:none}
.kgband{background:#111;color:#fff;border-radius:16px;padding:12px 32px 12px;display:flex;flex-direction:column}
.kgl{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffc400;padding:14px 0 6px}
.kgband a{display:flex;justify-content:space-between;align-items:center;gap:16px;text-decoration:none;color:#fff;padding:18px 0;border-top:1px solid #333;min-height:44px}
.kgband a b{font-family:var(--display);font-weight:700;font-size:clamp(20px,2.2vw,26px);letter-spacing:-.01em}
.kgband a span{color:#ffc400;display:flex}
@media (hover:hover) and (pointer:fine){.kgband a:hover b{color:#ffc400}}
.kglist{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:14px;max-width:640px}
.kglist a{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:700;font-size:19px;color:#111;text-decoration:none;min-height:44px}
@media (hover:hover) and (pointer:fine){.kglist a:hover{color:#7a6200}}
.kglist small{display:block;color:var(--ink-2);font-size:14.5px;margin-top:-6px}
.kgtwo{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.kgcard{display:flex;flex-direction:column;gap:8px;padding:32px;border:1.5px solid #dcdcd7;border-radius:16px;text-decoration:none;color:#111;background:#f5f5f2}
.kgcard b{font-family:var(--display);font-weight:700;font-size:22px}
.kgcard small{font-size:15px;color:var(--ink-2);line-height:1.5}
.kgmore{display:inline-flex;align-items:center;gap:6px;font-weight:700;margin-top:auto;padding-top:10px}
.kgcard.cta{background:#111;color:#fff}
.kgcard.cta small{color:#c9c9c4}
.kgcard.cta .btn{align-self:flex-start;margin-top:auto;background:#ffc400;color:#111}
@media (max-width:820px){.kgtwo{grid-template-columns:1fr}}
.kgp{max-width:60ch;color:var(--ink-2);font-size:16px;line-height:1.55;margin-top:8px}
.jobsrow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}
.job{display:flex;flex-direction:column;gap:4px;padding:20px 18px;border:1.5px dashed #bbb;border-radius:14px;color:#8a8a86;min-height:44px}
.job b{font-family:var(--display);font-weight:700;font-size:17px;color:#5b5b57}
.job small{font-size:13.5px}
@media (max-width:820px){.jobsrow{grid-template-columns:1fr 1fr}}
.kgp.small{margin-top:18px;font-size:14.5px}
.kgp.small a{color:#111}

/* Keep going, round 2 (demo) */
.icons3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.icons3 a{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-decoration:none;color:#111}
.icb{width:72px;height:72px;border-radius:18px;background:#f5f5f2;display:flex;align-items:center;justify-content:center;color:#111}
@media (hover:hover) and (pointer:fine){.icons3 a:hover .icb{background:#ffc400}}
.icons3 b{font-family:var(--display);font-weight:700;font-size:19px}
.icons3 small{font-size:14.5px;color:var(--ink-2)}
@media (max-width:820px){.icons3{grid-template-columns:1fr;gap:22px}}
.sitemap{display:flex;align-items:center;gap:0;flex-wrap:wrap;margin-top:22px}
.sm-node{display:inline-flex;flex-direction:column;justify-content:center;padding:10px 16px;border:1.5px solid #dcdcd7;border-radius:12px;text-decoration:none;color:#111;font-weight:700;min-height:50px;background:#fff}
.sm-node small{font-weight:400;font-size:12.5px;color:var(--ink-2)}
.sm-node.here{background:#111;color:#fff;border-color:#111}
.sm-node.here small{color:#ffc400}
.sm-node.ghost{border-style:dashed;color:#8a8a86}
.sm-line{width:28px;height:2px;background:#dcdcd7;flex-shrink:0}
.sm-branch{display:flex;flex-direction:column;gap:8px;padding-left:0}
@media (max-width:820px){.sitemap{flex-direction:column;align-items:flex-start}.sm-line{width:2px;height:20px;margin-left:24px}}
.oneline{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:nowrap;padding:36px 0}
@media (max-width:820px){.oneline{flex-wrap:wrap}}
.oneline p{margin:0;flex:1 1 auto;font-family:var(--display);font-weight:600;font-size:clamp(20px,2.2vw,26px);max-width:24ch;line-height:1.3}
.ol-btns{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end}
.ol-btns .btn.ghost{background:transparent;border:2px solid #111;color:#111}
.inlinelinks{max-width:64ch;font-size:18px;line-height:1.65;color:#333;margin-top:12px}
.inlinelinks a{color:#111;font-weight:700;text-decoration:underline;text-decoration-color:#ffc400;text-decoration-thickness:3px;text-underline-offset:4px}
@media (hover:hover) and (pointer:fine){.inlinelinks a:hover{background:#ffc400;text-decoration:none}}
.next3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:22px}
.next3 a{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:#111;padding-top:16px;border-top:2px solid #111}
.next3 .num{font-family:var(--display);font-weight:800;font-size:15px;background:#ffc400;width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}
.next3 b{font-family:var(--display);font-weight:700;font-size:19px}
.next3 small{font-size:14.5px;color:var(--ink-2);line-height:1.5}
@media (max-width:820px){.next3{grid-template-columns:1fr}}

/* city page (draft 28. 9. 2026) */
.citykick{font-size:14px;color:#c9c9c4;font-weight:600;margin-bottom:14px}
.citykick a{color:#ffc400;text-decoration:none}
#city-hero h1{max-width:18ch}
#city-hero .hcard{align-self:center}
#city-hero .hcard .btn.hlink{background:transparent;color:#ffc400;padding:0;min-height:auto;font-weight:700}
#permits h2+.chips{margin-top:22px}
.typenote{flex:1 1 160px;min-width:160px;margin:0 0 0 6px;font-size:13.5px;line-height:1.35;color:#777}
.typenote p{margin:0}
.typenote a{color:#111}
.nbwrap{position:relative;flex:0 1 360px;min-width:260px}
.nbin{width:100%;height:44px;border:1.5px solid #dcdcd7;border-radius:999px;padding:0 18px;font:inherit;font-size:14.5px;font-weight:600;background:#fff;color:#111}
.nbin::placeholder{font-weight:500;color:#777}
.nbin:focus{outline:3px solid #ffc400;outline-offset:2px}
.nbhits{position:absolute;left:0;right:0;top:50px;background:#fff;border:1px solid #dcdcd7;border-radius:12px;z-index:5;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.nbhits a,.nbhits .none{display:flex;justify-content:space-between;padding:12px 16px;text-decoration:none;color:#111;font-size:16px}
@media (hover:hover) and (pointer:fine){.nbhits a:hover{background:#f5f5f2}}
.nbhits small{color:#777}
.nbsel{display:flex;gap:8px;flex-wrap:wrap}
.nbsel .chip{background:#111;color:#fff;border-color:#111}
.demo-note{margin-bottom:18px}
.chips{display:flex;flex-direction:column;gap:10px}
.chips .group{display:flex;align-items:flex-start;gap:8px}
.chips .lab{font-size:14px;font-weight:600;color:var(--ink-2);min-width:88px;line-height:44px}
.chips .opts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}
.chip{font:inherit;font-size:14.5px;font-weight:600;min-height:44px;padding:0 14px;border:1.5px solid #dcdcd7;border-radius:999px;background:#fff;color:#111;cursor:pointer}
.chip[aria-pressed="true"]{background:#111;color:#fff;border-color:#111}
.chip:focus-visible{outline:3px solid #ffc400;outline-offset:2px}
.tablewrap{margin-top:28px;border:1.5px solid #dcdcd7;border-radius:16px;overflow:auto}
table{width:100%;border-collapse:collapse;font-size:16px}
th,td{padding:16px 18px;text-align:left;border-bottom:1px solid #ecece8;white-space:nowrap}
th{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffc400!important;background:#111!important}
tbody tr:last-child td{border-bottom:0}
td.num,th.num{text-align:right}
td.val{font-family:var(--display);font-weight:800;font-size:18px}
td.src a{color:#111;text-decoration:underline;text-decoration-color:#ffc400;text-decoration-thickness:2px;text-underline-offset:3px}
.pager{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;font-size:14.5px;color:var(--ink-2)}
.pager .pbtns{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pgap{color:#9a9a94;padding:0 2px}
.pbtn{font:inherit;font-size:14.5px;font-weight:600;min-height:44px;padding:0 16px;border:1.5px solid #dcdcd7;border-radius:999px;background:#fff;color:#111;cursor:pointer}
.pbtn[disabled]{color:#9a9a94;border-color:#ecece8;cursor:default}
.pbtn:focus-visible{outline:3px solid #ffc400;outline-offset:2px}
td.flag,th.flag{width:1%;padding-left:0;padding-right:12px}
td.val{white-space:nowrap}
.chip .cnt{font-weight:500;color:inherit;opacity:.7;margin-left:6px}
.chip[aria-pressed="true"] .cnt{opacity:.75}
.empty{padding:36px 24px;text-align:center;color:var(--ink-2);font-size:16px}
.empty b{display:block;font-family:var(--display);font-weight:800;font-size:20px;color:#111;margin-bottom:6px}
.empty .pbtn{margin-top:14px}
.demo-note{font-size:13.5px;color:#9a9a94;margin:10px 0 0;font-style:italic}
#sums h2+p,#readers h2+p,#form h2+p{max-width:60ch;color:var(--ink-2);font-size:19px;line-height:1.55}
.sums3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:36px}
.sum h3{font-family:var(--display);font-weight:700;font-size:19px;margin-bottom:12px}
.sum ul{list-style:none;margin:0;padding:0}
.sum li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #ecece8;font-size:15.5px}
.sum li b{font-family:var(--display);font-weight:800}
@media (max-width:820px){.sums3{grid-template-columns:1fr}}
.readers{margin-top:28px;background:#f5f5f2;border:0;border-radius:16px;padding:26px 28px}
.readerchip{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#fff;border:1px solid #dcdcd7;padding:6px 10px;border-radius:999px;color:#5b5b57}
.form{margin-top:28px}
.form .fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 22px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:14.5px;font-weight:600;color:#111}
.form input,.form select{height:50px;font:inherit;font-size:16px;padding:0 14px;border:1.5px solid #dcdcd7;border-radius:12px;background:#fff;color:#111}
.form input:focus,.form select:focus{outline:3px solid #ffc400;outline-offset:2px}
/* --- Reader reports: locked (R5 two columns) --- */
#readers .form{border:1px solid #dcdcd7;border-radius:16px;padding:32px 36px 36px;background:#fff}
#readers .wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:start}
#readers .rr-left p{max-width:none}
#readers .rr-right .addh{margin-top:14px}
#readers .form .has-pre input{padding-left:32px}#readers .form .has-pre .pre{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8a8a84;font-weight:600;pointer-events:none}
#readers .fgrid{grid-template-columns:1fr 1fr}
@media (max-width:900px){#readers .wrap{grid-template-columns:1fr}}

.form input,.form select{border:1px solid #dcdcd7;-webkit-appearance:none;appearance:none}
.form select{padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.form label em{font-style:normal;font-weight:500;color:#8a8a84;margin-left:4px}
.form .ctl{position:relative;display:block}.form .ctl input{width:100%;padding-right:56px}.form .ctl .suf{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#8a8a84;font-size:15px;pointer-events:none}
@media (max-width:820px){.form .fgrid{grid-template-columns:1fr 1fr}}
#faq .keepgoing{margin-top:64px}
.faq-city{max-width:860px;margin:28px auto 0}
.faq-city summary{font-size:20px;line-height:1.3;padding:16px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.faq-city summary::after{position:static;top:auto;right:auto;flex:none;line-height:26px;width:20px;text-align:right}.faq-city details{padding:0}
.faq-city details p{max-width:76ch}
.disclaimer{margin-top:64px;padding:22px 26px;background:#f5f5f2;border-radius:16px;font-size:14.5px;line-height:1.55;color:#333}

/* city hero variants (demo) */
.cityhero h1.wide{max-width:24ch}
.meter{margin-top:40px;position:relative}
.meter-top{position:relative;height:56px}
.mt-l,.mt-r{position:absolute;bottom:0;font-size:13px;color:#8a8a86}
.mt-r{right:0}
.mt-med{position:absolute;bottom:0;transform:translateX(-50%);text-align:center}
.mt-med b{display:block;font-family:var(--display);font-weight:800;font-size:40px;line-height:1;color:#ffc400;letter-spacing:-.02em}
.mt-med small{font-size:13px;color:#c9c9c4}
.meter-track{position:relative;height:16px;margin-top:10px;background:#2a2a2a;border-radius:999px}
.meter-track i{position:absolute;top:0;height:16px;background:#5a5a56;border-radius:999px}
.meter-track em{position:absolute;top:0;height:16px;background:#ffc400;border-radius:999px}
.meter-track b{position:absolute;top:-6px;width:4px;height:28px;background:#fff;border-radius:2px;transform:translateX(-2px)}
.meter-labels{position:relative;height:22px;margin-top:8px}
.meter-labels span{position:absolute;top:0;transform:translateX(-50%);font-size:12.5px;color:#c9c9c4;white-space:nowrap}
.meter-key{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:#c9c9c4;margin-top:14px}
.meter-key span{display:inline-flex;align-items:center;gap:6px}
.meter-key i{width:22px;height:8px;background:#5a5a56;border-radius:999px}.meter-key em{width:22px;height:8px;background:#ffc400;border-radius:999px}.meter-key b{width:4px;height:14px;background:#fff;border-radius:2px}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
.facts>div{background:#1f1f1e;border-radius:14px;padding:20px 20px 18px}
.facts>div.y{background:#ffc400;color:#111}
.facts .n{font-family:var(--display);font-weight:800;font-size:clamp(24px,2.4vw,32px);line-height:1;letter-spacing:-.02em;white-space:nowrap}
.facts .l{font-size:13.5px;color:#c9c9c4;margin-top:8px;line-height:1.35}
.facts>div.y .l{color:#5a4a00}
@media (max-width:820px){.facts{grid-template-columns:1fr 1fr}}
.cityhero .bignum{font-size:clamp(64px,10vw,120px)}
.cityhero h1.under{font-size:clamp(22px,2.6vw,30px);font-weight:600;max-width:36ch;margin-top:10px;color:#fff}
.cityhero h1.under .y{color:#ffc400}
.crow{margin-top:26px}
.cmini{display:flex;gap:10px;align-items:center;margin-top:8px;max-width:420px}
.cmini{position:relative}
.cmini .pre{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#c9c9c4;font-weight:600}
.cmini .hin{flex:1;padding-left:32px}
.cmini .btn{height:50px;flex-shrink:0;background:#ffc400;color:#111}
.peek{background:#1f1f1e;border-radius:16px;padding:14px 18px 12px;align-self:center;font-size:15px}
.peek-h,.peek-r{display:grid;grid-template-columns:.7fr 1.6fr .8fr 1fr;gap:12px;padding:10px 4px;align-items:center}
.peek-h{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffc400;border-bottom:1px solid #444}
.peek-r{border-bottom:1px solid #333}
.peek-r b{font-family:var(--display);font-weight:800;font-size:18px;text-align:right}
.peek-r span:nth-child(3){text-align:right}
.peek-more{display:flex;justify-content:space-between;align-items:center;padding:12px 4px 4px;font-size:13.5px;color:#c9c9c4}
.peek-more a{color:#ffc400;font-weight:700;text-decoration:none}
.cityhero.short{padding-bottom:0}
.stickybar{position:sticky;top:0;z-index:5;background:#111;border-top:1px solid #333;margin-top:36px}
.sb-in{display:flex;align-items:center;gap:22px;flex-wrap:wrap;min-height:56px;font-size:14.5px;color:#c9c9c4}
.sb-in b{color:#fff;font-family:var(--display);font-weight:800;font-size:17px}
.sb-in b.y{color:#ffc400}
.sb-sp{flex:1}
.sb-in a{color:#fff;text-decoration:none;font-weight:600;padding:8px 10px;border-radius:8px;min-height:44px;display:inline-flex;align-items:center}
@media (hover:hover) and (pointer:fine){.sb-in a:hover{background:#2a2a2a}}

/* year row (all city hero variants) */
.years{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:32px}
.yr{font:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:50px;padding:10px 16px;border:1.5px solid #555;border-radius:12px;background:transparent;color:#fff;cursor:pointer;text-align:left}
.yr .yl{font-size:13px;color:#c9c9c4;font-weight:600}
.yr .yl em{font-style:normal;color:#8a8a86;font-weight:400}
.yr b{font-family:var(--display);font-weight:800;font-size:22px;line-height:1.1}
.yr small{font-size:12px;color:#8a8a86}
.yr[aria-pressed="true"]{background:#ffc400;color:#111;border-color:#ffc400}
.yr[aria-pressed="true"] .yl,.yr[aria-pressed="true"] small,.yr[aria-pressed="true"] .yl em{color:#5a4a00}
.yr:focus-visible{outline:3px solid #ffc400;outline-offset:2px}
.ydelta{font-size:13px;font-weight:700;color:#c9c9c4;padding:0 2px}
.yall{margin-left:auto;font-size:13.5px;color:#8a8a86}
.years.compact{margin-top:18px}
.years.compact .yr{padding:8px 12px;min-height:44px}.years.compact .yr b{font-size:18px}
.years.compact .yall{flex-basis:100%;margin-left:0;margin-top:4px}
@media (max-width:820px){.yall{flex-basis:100%;margin-left:0}}
.addh{font-family:var(--display);font-weight:700;font-size:22px;margin-top:40px}
#readers .form{margin-top:16px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---- section 2 versions (demo switch) ---- */
.pvswitch{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:28px 0 20px;padding:0;font-size:13.5px;color:#9a9a94}
.pvswitch button{font:inherit;font-size:14px;font-weight:600;min-height:40px;padding:0 14px;border:1.5px solid #dcdcd7;border-radius:999px;background:#fff;color:#111;cursor:pointer}
.pvswitch button[aria-pressed="true"]{background:#ffc400;border-color:#ffc400}
.pv{display:none}
.g4 .grp{margin-top:48px}.g4 .howto{font-size:15px;line-height:1.5;color:#7a7a74;margin:6px 0 4px;max-width:760px}
.g4 h3{margin:0 0 8px}
.g4 .ans{font-size:17px;line-height:1.55;color:#333;max-width:640px;margin:0 0 18px}
.g4 .axis{display:grid;grid-template-columns:230px 1fr 230px;gap:20px;font-size:12.5px;color:#9a9a94;margin-bottom:6px}
.g4 .axis .ax{position:relative;height:16px}.g4 .axis .ax span{position:absolute;transform:translateX(-50%)}
.g4 .row{display:grid;grid-template-columns:150px 1fr 160px;align-items:center;gap:28px;padding:18px 24px;margin-bottom:12px;border:1px solid #dcdcd7;border-radius:14px}@media (hover:hover) and (pointer:fine){.g4 .row:not(.head):not(.ghost):hover{border-color:#dcdcd7}}
.g4 .row .bl{font-size:17px;font-weight:600}.g4 .row .bl small{display:block;color:#9a9a94;margin:3px 0 0;font-weight:400;font-size:14px}
.g4 .row > b{font-family:var(--display);font-weight:800;font-size:18px;text-align:right;justify-self:end}.g4 .row b small{display:block;font-family:"Instrument Sans",system-ui,sans-serif;font-weight:500;font-size:13.5px;color:#9a9a94}
.g4 .strip{position:relative;height:28px}
.g4 .strip .base{position:absolute;left:0;right:0;top:13px;height:2px;background:#e5e5e0}
.g4 .strip .iqr{position:absolute;top:8px;height:12px;background:#ffe89a;border-radius:999px}
.g4 .strip .dot{position:absolute;top:6px;width:16px;height:16px;border-radius:50%;background:#ffc400;border:2.5px solid #111;transform:translateX(-50%)}
.g4 .strip .city{position:absolute;top:-4px;width:2px;height:36px;background:#111;transform:translateX(-50%)}
.g4 .key{display:flex;gap:24px;flex-wrap:wrap;font-size:14px;color:#5a5a55;margin:10px 0 0}
.g4 .key i{display:inline-block;vertical-align:middle;margin-right:8px}.g4 .key .ki{width:26px;height:10px;border-radius:999px;background:#ffe89a}.g4 .key .kd{width:12px;height:12px;border-radius:50%;background:#ffc400;border:2px solid #111}.g4 .key .kc{width:2px;height:18px;background:#111}
.g4 .hist{height:56px;width:100%;display:block}.g4 .histwrap{min-width:0}.g4 .hn{display:grid;grid-template-columns:repeat(10,1fr);font-size:12px;color:#9a9a94;text-align:center;margin-top:6px}.g4 .hn span b{display:block;font-weight:600;color:#5a5a55;font-family:inherit;font-size:12.5px}.g4 .hn span small{font-size:10.5px}.g4 .hn span.pk b{color:#111}.g4 .row b .lab{display:block;font-family:"Instrument Sans",system-ui,sans-serif;font-weight:600;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#9a9a94;margin-bottom:2px}
.g4 .ladder{width:100%;max-width:820px;height:auto;display:block;margin-top:12px}
.g4 .ladder text{font-family:"Instrument Sans",system-ui,sans-serif;font-size:14px;fill:#111}
.g4 .ladder .amt{font-family:var(--display);font-weight:800;font-size:15px}
.g4 .ladder .grey{fill:#9a9a94;font-size:12.5px}
@media(max-width:1024px){.g4 .row,.g4 .axis{grid-template-columns:1fr;gap:6px}.g4 .axis .lbl{display:none}}

.chg{margin-top:120px}
.chg h3{font-family:var(--display);font-weight:800;font-size:clamp(28px,3vw,36px);margin:0 0 14px;letter-spacing:-.015em}
.chg .intro{color:#5a5a55;font-size:19px;line-height:1.5;margin:0 0 40px;max-width:640px}
.chg-prose p{font-size:17px;line-height:1.55;margin:0 0 14px;max-width:760px}
.chg-prose b{font-family:var(--display);font-weight:800}
.chg-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.chg-card{border:1px solid #dcdcd7;border-radius:16px;padding:36px 32px 34px;background:#fff}
.chg-card h4{font-family:var(--display);font-weight:800;font-size:22px;line-height:1.2;margin:0 0 14px;letter-spacing:-.01em}
.chg-card .big{font-family:var(--display);font-weight:800;font-size:34px;line-height:1.05;margin:8px 0 4px}
.chg-card .big small{font-size:15px;color:#5a5a55;font-weight:600;margin-left:6px}
.chg-card p{margin:0;font-size:16.5px;line-height:1.6;color:#333}.chg-card p b{font-family:var(--display);font-weight:800;color:#111}
.chg-tab{width:100%;border-collapse:collapse;font-size:16px;margin-bottom:22px}
.chg-tab th,.chg-tab td{padding:12px 10px;border-bottom:1px solid #dcdcd7;text-align:right}
.chg-tab th:first-child,.chg-tab td:first-child{text-align:left}
.chg-tab thead th{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:#9a9a94}
.chg-tab td.y{font-family:var(--display);font-weight:800}
.chg-tab .d{color:#9a9a94;font-size:13px;margin-left:4px}
.chg-tab .up{color:#111}.chg-tab .dn{color:#b0492b}
.chg-note{color:#9a9a94;font-size:13.5px;margin-top:24px}
/* --- "What changed" cards: locked (colors K12, layout L12 two numbers vs) --- */
.chg-card{border:0;border-radius:18px;padding:40px 36px;display:flex;flex-direction:column;min-width:0}
.chg-card:nth-child(3n+1){background:#ffc400}
.chg-card:nth-child(3n+2){background:#111;color:#fff}
.chg-card:nth-child(3n+2) .why{color:#ddd}
.chg-card:nth-child(3n+2) h4{color:#ffc400}
.chg-card:nth-child(3n){background:#f5f5f2}
.chg-card h4{font-size:13px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;margin:0 0 8px;opacity:.85;min-height:2.5em;line-height:1.3}
.chg-card .big{font-family:var(--display);font-weight:800;font-size:28px;line-height:1.1;letter-spacing:-.02em;margin:0 0 12px}
.chg-card .big small{font-size:18px;font-weight:700;letter-spacing:0}
.chg-card .why{font-size:16px;line-height:1.55;margin:0 0 24px;color:#222}
.chg-card .nvs{display:flex;align-items:stretch;gap:14px;margin-top:auto}
.chg-card .nv1{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;background:rgba(255,255,255,.6);border-radius:12px;padding:14px 10px;text-align:center}
.chg-card .vsx{align-self:center}
.chg-card:nth-child(3n+2) .nv1{background:#2a2a28}
.chg-card .nv1 b{display:block;font-family:var(--display);font-weight:800;font-size:21px;line-height:1.15;margin-bottom:4px;overflow-wrap:anywhere}
.chg-card .nv1 span{font-size:13px;opacity:.8}
.chg-card .vsx{font-size:13px;font-weight:700;opacity:.6}

@media(max-width:1000px){.chg-cards{grid-template-columns:1fr;gap:16px}}@media(max-width:700px){.chg{margin-top:80px}.chg-cards{grid-template-columns:1fr;gap:16px}.chg-card{padding:28px 24px}}
.pv.on{display:block}
.chip .chk{display:none;margin-right:6px}
.chip[aria-pressed="true"]:not([data-v="all"]) .chk{display:inline}
.applied{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-left:6px;min-height:44px;font-size:14.5px;color:var(--ink-2)}
.applied .tag{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;background:#f5f5f2;border-radius:999px;color:#111;font-weight:600}
.applied .tag span{font-weight:400;color:#9a9a94}
.applied a{color:#111;text-decoration:underline;text-decoration-color:#ffc400;text-decoration-thickness:2px;text-underline-offset:3px;margin-left:4px}
th.sort{cursor:pointer;user-select:none}
th.sort .arr{display:inline-block;margin-left:6px;opacity:.45;font-size:11px}
th[aria-sort] .arr{opacity:1}
.sortnote{font-size:13.5px;color:#9a9a94;margin-top:10px}
.filterhint{font-size:13.5px;color:#9a9a94;margin:18px 0 0}
#permits .chips{gap:16px}
#permits .chips .group{gap:10px}
.livesum{display:grid;grid-template-columns:1fr 1fr 1.25fr 1fr;min-width:0;gap:18px;margin-top:26px;background:#111;color:#fff;border-radius:16px;padding:24px 28px}
.livesum .k{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#ffc400;font-weight:700}
.livesum .v{font-family:var(--display);font-weight:800;font-size:26px;white-space:nowrap;min-height:56px;line-height:1.1;margin-top:6px;letter-spacing:-.02em}
.livesum .v small{display:block;font-family:inherit;font-weight:500;font-size:15px;color:#c9c9c4;margin:4px 0 0;letter-spacing:0;white-space:normal;line-height:1.35}
.livesum>div{min-width:0;display:flex;flex-direction:column}
.livesum .s{font-size:14px;color:#c9c9c4;margin-top:auto;padding-top:10px;line-height:1.4}
@media(max-width:820px){.livesum{grid-template-columns:1fr 1fr}}
td.valbar{min-width:260px}
.vb{display:flex;align-items:center;gap:12px}
.vb b{font-family:var(--display);font-weight:800;font-size:18px;min-width:78px;text-align:right}
.vb .track{position:relative;flex:1;height:10px;background:#f0f0ec;border-radius:999px;overflow:visible}
.vb .fill{position:absolute;left:0;top:0;height:100%;background:#ffc400;border-radius:999px}
.vb .fill.out{background:#111}
.vb .med{position:absolute;top:-4px;width:2px;height:18px;background:#111;left:34%}
.barkey{display:flex;gap:28px;flex-wrap:wrap;font-size:14.5px;color:#9a9a94;margin:22px 0 0}.barkey i{display:inline-block;width:26px;height:10px;border-radius:999px;background:#ffc400;vertical-align:middle;margin-right:8px}.barkey i.med{width:2px;height:20px;border-radius:0;background:#111}.vb b .vs,.bar b .vs{display:block;font-family:"Instrument Sans",system-ui,sans-serif;font-weight:500;font-size:13.5px;color:#9a9a94;letter-spacing:0}
.legend i{display:inline-block;width:22px;height:10px;border-radius:999px;background:#ffc400;vertical-align:middle;margin-right:6px}
.legend i.med{width:2px;height:16px;background:#111;border-radius:0}
.legend i.out{background:#111}
.pv5 th,.pv5 td{padding:11px 16px;font-size:15px}
.pv5 td.val{font-size:16.5px}
.pv5 thead th{position:sticky;top:0;z-index:1}
.pv5 .tablewrap{max-height:520px;overflow:auto}
.toolrow{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:22px}
.toolrow .find{position:relative;flex:1;min-width:240px;max-width:340px}
.toolrow .find input{width:100%;height:44px;border:1.5px solid #dcdcd7;border-radius:999px;padding:0 16px 0 42px;font:inherit;font-size:15px}
.toolrow .find input:focus{outline:3px solid #ffc400;outline-offset:2px}
.toolrow .find svg{position:absolute;left:15px;top:13px}
.chipsrow{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
.chipsrow .lab{font-size:13.5px;font-weight:600;color:#9a9a94;margin:0 4px 0 6px}
.pv5 .chip{min-height:40px;font-size:14px}
.pages{display:flex;gap:6px;align-items:center}
.pages .pbtn{min-width:44px;padding:0 10px}
.pages .pbtn[aria-current="page"]{background:#111;color:#fff;border-color:#111}
.pages .dots{padding:0 4px;color:#9a9a94}
.rpp{display:flex;gap:6px;align-items:center;font-size:14px;color:var(--ink-2)}
.rpp button{font:inherit;font-size:14px;font-weight:600;min-height:36px;padding:0 10px;border:1.5px solid #dcdcd7;border-radius:999px;background:#fff;cursor:pointer}
.rpp button[aria-pressed="true"]{background:#111;color:#fff;border-color:#111}

/* section 4 versions */
.sum li small,.bar .bl small{color:#9a9a94;font-weight:400;font-size:14px}
.bars{display:grid;grid-template-columns:1fr;gap:56px;margin-top:40px}.barg .ans{font-size:17px;line-height:1.55;color:#333;max-width:640px;margin:0 0 14px}
.barg h3{margin:0 0 14px}
.bar{display:grid;grid-template-columns:230px 1fr 230px;align-items:center;gap:20px;padding:8px 0}
.bar .bl{font-size:16px}
.bar .tr{position:relative;height:14px;background:#f0f0ec;border-radius:999px}
.bar .fi{height:100%;background:#ffc400;border-radius:999px}
.bar .cm{position:absolute;top:-5px;left:31.7%;width:2px;height:24px;background:#111}
.bar b{font-family:var(--display);font-weight:800;font-size:18px;text-align:right}
@media(max-width:820px){.bar{grid-template-columns:1fr;gap:6px}.bar b{text-align:left}}
.sumh{margin:40px 0 14px;font-size:20px}
.cards4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.scard{border:1.5px solid #dcdcd7;border-radius:16px;padding:20px 22px}
.scard .sk{font-weight:600;font-size:15px}
.scard .sv{font-family:var(--display);font-weight:800;font-size:28px;letter-spacing:-.02em;margin:6px 0 4px}
.scard .ss{font-size:14px;color:var(--ink-2);line-height:1.45}
.scard .sd{margin-top:10px;display:inline-block;font-size:13.5px;font-weight:600;padding:4px 10px;border-radius:999px;background:#f5f5f2}
.up{color:#111}.dn{color:#111}
.scard .sd.up{background:#ffc400}
tr.grp td{background:#f5f5f2;font-family:var(--display);font-weight:700;font-size:15px;padding:10px 18px}
.sents ul.sent{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:17px;line-height:1.55;max-width:70ch}
.sents li{padding-left:18px;border-left:4px solid #ffc400}
.sents .up{background:#ffc400;padding:1px 6px;border-radius:6px;font-weight:600}
.sents .dn{background:#f0f0ec;padding:1px 6px;border-radius:6px;font-weight:600}

.pm-tail{margin-top:40px;max-width:720px;color:#5a5a55;font-size:16px;line-height:1.55}
.pm-tail p{margin:0 0 12px}.pm-tail b{color:#111}.pm-tail a{color:#111;font-weight:600}
#in-out .intro{color:#5a5a55;font-size:19px;line-height:1.5;margin:0 0 40px;max-width:640px}#in-out .intro a{color:#111;font-weight:600}

.chg-card.a h4{font-family:var(--display);font-weight:800;font-size:22px;line-height:1.2;letter-spacing:0;text-transform:none;margin:0 0 26px;color:inherit;min-height:106px}
.nvs2{display:flex;align-items:flex-start;justify-content:center;gap:10px}
.nv2{min-width:0;flex:1 1 0;text-align:center}
.nv2 b{display:block;font-family:var(--display);font-weight:800;font-size:clamp(20px,1.6vw,26px);line-height:1.05;overflow-wrap:anywhere}
.nv2 span{display:block;margin-top:8px;font-size:14px;opacity:.75}
.nvs2 .vsx{font-size:18px;font-weight:600;opacity:.6;padding:0;flex:none;line-height:27px;align-self:flex-start;text-align:center;min-width:24px}
.chg-card .src{margin:22px 0 0;font-size:13.5px;color:inherit;opacity:.8}
.chg-card.a{display:flex;flex-direction:column}.chg-card.a .src{margin-top:auto;padding-top:22px}
@media(max-width:700px){.nvs2{flex-wrap:wrap}}

/* ===== MOBILE (8. čet, 30. 9.) ===== */
@media (max-width:600px){
  .chips .group{flex-direction:column;align-items:stretch;gap:8px}
  .chips .group .lab{width:auto;padding-top:0}
  .chips .group .opts{width:100%}
  #readers .wrap{grid-template-columns:minmax(0,1fr);gap:32px}
  #readers .form{padding:22px 18px 24px;min-width:0}
  #readers .fgrid{grid-template-columns:1fr 1fr;gap:14px 12px}
  #readers .fgrid label{min-width:0;white-space:nowrap}
  #readers .fgrid label em{font-size:12px;display:block;margin:0}
  #readers .fgrid label>span:first-child{display:block;white-space:normal}
  #readers .fgrid.req label:nth-child(3){grid-column:1/-1}
  #readers .fgrid.opt label:nth-child(5){grid-column:1/-1}
  #readers .fgrid select,#readers .fgrid input{font-size:15px;padding-left:12px;width:100%;min-width:0}
  #readers .fgrid select{padding-right:32px;text-overflow:ellipsis}
  #readers .form .btn{width:100%;box-sizing:border-box;text-align:center;justify-content:center}
  .form input,.form select{min-width:0;width:100%}
  td{padding:14px 12px;font-size:15px}
  th{font-size:12px;letter-spacing:.04em}
  td{white-space:nowrap}
  .tablewrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
}
/* --- MOBILE TABLE: A two-line rows (locked 30 Sep) --- */
.msort{display:none}
@media (max-width:600px){
  #msort+.tablewrap{margin-top:0}
  #msort{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;margin-top:28px;margin-bottom:12px}
  #msort .lab{font-size:14px;font-weight:600;color:#5a5a55;margin-right:2px}
  #msort .chip{min-height:40px;padding:0 12px;font-size:14px}
  #tw{overflow:visible!important}
  #tw thead{display:none}
  #tw table,#tw tbody{display:block;min-width:0}
  #tw tbody tr{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:0;padding:14px 16px;border-bottom:1px solid #ecece8}
  #tw tbody tr::before{content:"";flex-basis:100%;height:0;order:0}
  #tw td.cov,#tw td.area,#tw td.src,#tw td.flag{margin-top:6px}
  #tw tbody tr:last-child{border-bottom:0}
  #tw tbody td{display:block;padding:0;border:0;white-space:normal;text-align:left;height:auto}
  #tw td.src a{font-size:0;text-decoration:none}
  #tw td.src a::after{content:"Permit ↗";font-size:14px;color:#111;text-decoration:underline;text-decoration-color:#ffc400;text-decoration-thickness:2px;text-underline-offset:3px}
  #tw td.val{order:-2;flex:1 1 auto;font-size:22px;line-height:1.1}
  #tw td.py{order:-1;flex:0 0 auto;font-size:15px;color:#5a5a55}
  #tw td.cov,#tw td.area,#tw td.src{font-size:14px;color:#5a5a55;flex:0 0 auto}
  #tw td.area::before,#tw td.src::before{content:"·";margin-right:8px}
  #tw td.area:not(.noarea)::after{content:" sq ft"}
  #tw td.area.noarea{font-size:0}
  #tw td.area.noarea::before{font-size:14px}
  #tw td.area.noarea::after{content:"area not listed";font-size:14px}
  #tw td.flag{flex:0 0 100%;order:1;display:flex!important;gap:6px;flex-wrap:wrap}
  #tw td.flag:empty{display:none!important}
  #tw td.flag .stamp{font-size:12px;padding:2px 8px}
  #tw td.src a{color:#111}
}

/* --- FILTER BAR (V3, locked 30 Sep; desktop + tablet) --- */
.clearbar{display:none}
@media (min-width:601px){
  #permits .filterhint{display:none}
  #permits .chips{margin-top:28px!important}
  #permits .chip{border:1.5px solid transparent;background:#f2f2ee;min-height:40px;padding:0 14px;font-size:14px}
  #permits .chip[aria-pressed="true"]{background:#111;color:#fff;border-color:#111}
  #permits .nbin{border:1.5px solid transparent;background:#f2f2ee;height:40px}
  #permits .nbin:focus{outline:3px solid #ffc400;outline-offset:2px}
  #permits .chips{flex-direction:row;flex-wrap:wrap;gap:10px;position:relative;z-index:6}
  #permits .chips .group{position:relative;margin:0;display:block}
  #permits .chips .group .lab{display:inline-flex;align-items:center;gap:0;min-height:44px;line-height:1;padding:0 16px;min-width:0;border:1.5px solid #dcdcd7;border-radius:999px;background:#fff;color:#111;font-size:14.5px;font-weight:700;cursor:pointer;white-space:nowrap}
  @media (hover:hover) and (pointer:fine){#permits .chips .group .lab:hover{border-color:#111}}
  #permits .chips .group.open .lab{border-color:#111;background:#111;color:#fff}
  #permits .chips .group .lab .cur{display:inline;font-weight:500;color:inherit;opacity:.75}
  #permits .chips .group .lab .cur::before{content:": "}
  #permits .chips .group .lab .cur:empty{display:none}
  #permits .chips .group .lab::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-3px 0 0 10px}
  #permits .chips .group.open .lab::after{transform:rotate(225deg);margin-top:3px}
  #permits .chips .group .opts{display:none}
  #permits .chips .group.open .opts{display:flex;flex-wrap:wrap;gap:8px;position:absolute;top:calc(100% + 8px);left:0;z-index:30;background:#fff;border:1px solid #dcdcd7;border-radius:14px;padding:16px 18px 18px;box-shadow:0 14px 34px rgba(0,0,0,.14);width:max-content;max-width:min(560px,86vw)}
  #permits .chips .group .opts::before{content:"Pick one";flex:1 1 100%;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9a9a94}
  #permits .chips .group:nth-child(2) .opts::before,#permits .chips .group:nth-child(4) .opts::before,#permits .chips .group:nth-child(5) .opts::before{content:"Pick any"}
  #permits .typenote{flex:1 1 100%;min-width:0;margin:6px 0 0;font-size:13px}
  #permits .nbwrap{flex:1 1 320px;min-width:280px}
  #permits .chips .group.set .lab{border-color:#111}
  #permits .chips .group.set.open .lab{border-color:#111}
  #permits .nbgroup .applied{display:none!important}
  #permits .clearbar:not([hidden]){display:inline-flex;align-items:center;min-height:44px;padding:0 6px;font-size:14.5px;font-weight:600;color:#111;text-decoration:underline;text-decoration-color:#ffc400;text-decoration-thickness:2px;text-underline-offset:4px}
  #appliedrow .achip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px 0 14px;border:0;border-radius:999px;background:#111;color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
  #appliedrow .achip span{font-size:17px;line-height:1;opacity:.8}
  @media (hover:hover) and (pointer:fine){#appliedrow .achip:hover span{opacity:1;color:#ffc400}}
  #appliedrow .achip:focus-visible{outline:3px solid #ffc400;outline-offset:2px}
  #appliedrow .aclear{display:inline-flex;align-items:center;min-height:40px;padding:0 6px;font-size:14.5px;font-weight:600;color:#111;text-decoration:underline;text-decoration-color:#ffc400;text-decoration-thickness:2px;text-underline-offset:4px}
  #permits .nbgroup .nbhits{position:static;margin-top:8px;box-shadow:none;max-height:264px;overflow:auto}
  #permits .chips .nbgroup.open .opts{width:380px;max-width:86vw}
  #permits .nbgroup .nbwrap{flex:1 1 100%;min-width:0}
  /* 1 + 2 + 2 grid (30 Sep) */
  #permits .chips{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;max-width:640px}
  #permits .chips .group{min-width:0}
  #permits .chips .group:first-child{grid-column:1/-1;justify-self:center}
  #permits .chips .group:not(:first-child) .lab{display:flex;width:100%;box-sizing:border-box}
  #permits .chips .group .lab .cur{overflow:hidden;text-overflow:ellipsis;min-width:0}
  #permits .chips .group:not(:first-child) .lab::after{margin-left:auto;flex:none}
  #permits .chips .group:not(:first-child) .lab .cur{flex:0 1 auto;padding-right:8px}
  #permits .chips .clearbar{grid-column:1/-1;justify-self:center}
  /* options visible under each filter, centered (30 Sep) */
  #permits .chips{max-width:none;margin-left:auto;margin-right:auto;gap:30px 40px}
  #permits .chips .chip{padding:0 12px}
  #permits .typenote p{margin-left:auto;margin-right:auto}
  #permits .chips .group,#permits .chips .group:first-child{justify-self:stretch;text-align:center}
  #permits .chips .group .lab,#permits .chips .group:not(:first-child) .lab,#permits .chips .group.open .lab,#permits .chips .group.set .lab{display:block;width:auto;min-height:0;padding:0;margin:0 0 10px;border:0;background:transparent;color:#111;font-size:15px;font-weight:700;line-height:1.3;cursor:default;white-space:normal}
  #permits .chips .group .lab::after,#permits .chips .group:not(:first-child) .lab::after{display:none}
  #permits .chips .group .lab .cur{display:none!important}
  #permits .chips .group .opts,#permits .chips .group.open .opts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;position:static;box-shadow:none;border:0;padding:0;width:auto;max-width:none;background:transparent}
  #permits .chips .group .opts::before{display:none}
  #permits .typenote{flex:1 1 100%;text-align:center;margin:4px 0 0;font-size:13px}
  #permits .nbgroup .nbwrap{flex:0 1 380px;min-width:0}
  #permits .nbgroup .nbhits{position:absolute;left:0;right:0;top:46px;margin:0;z-index:20;box-shadow:0 8px 24px rgba(0,0,0,.1);text-align:left}
  #permits .nbgroup .nbsel{flex:1 1 100%;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
  #permits .nbgroup .nbsel:empty{display:none}
}
.applied-row{display:none}
/* --- FILTERS K1: five compact rows (locked 30 Sep, desktop/tablet) --- */
.kvnote{display:none}
@media (min-width:601px){
  body #permits .chips{display:flex;flex-direction:column;align-items:stretch;gap:8px;max-width:none}
  body #permits .chips .group,body #permits .chips .group:first-child{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;text-align:left;justify-self:stretch}
  body #permits .chips .group .lab,body #permits .chips .group:not(:first-child) .lab,body #permits .chips .group.open .lab,body #permits .chips .group.set .lab{flex:0 0 112px;width:112px;margin:0;font-size:14px;text-align:left;white-space:nowrap}
  body #permits .chips .group .opts,body #permits .chips .group.open .opts{justify-content:flex-start;gap:6px;flex-wrap:wrap;flex:1 1 auto;min-width:0}
  body #permits .chips .chip{min-height:36px;padding:0 10px;font-size:13.5px}
  body #permits .typenote,body #permits .kparen{display:none}
  body #permits .nbgroup .nbwrap{flex:0 1 300px}
  body #permits .nbin{height:36px;font-size:13.5px}
  body #permits .nbgroup .nbhits{top:42px}
  body #permits .nbgroup .nbsel{flex:1 1 0;min-width:0;flex-wrap:wrap;justify-content:flex-start;gap:6px}
  body #permits .chips .nbgroup .opts{flex-wrap:nowrap;align-items:flex-start}
  body #permits .chips .nbgroup{align-items:flex-start}
  body #permits .chips .group.nbgroup:not(:first-child) .lab{line-height:36px;padding:0;margin:0}
  body #permits .chips .clearbar{align-self:flex-start;margin-left:122px;min-height:32px}
  body #permits .kvnote{display:block;max-width:none;margin:12px 0 0 122px;font-size:13.5px;line-height:1.5;color:#777}
  body #permits .kvnote b{color:#111;font-weight:700}
  body #permits .kvnote a{color:#111;text-decoration:underline;text-decoration-color:#ffc400;text-decoration-thickness:2px;text-underline-offset:3px}
}



/* --- tablet portrait table (601–900): short Source link, no sideways scroll --- */
.tablewrap{position:relative}
@media (min-width:601px) and (max-width:900px){
  #tw table{min-width:0}
  #tw th,#tw td{padding-left:12px;padding-right:12px}
  #tw td.src a{font-size:0;white-space:nowrap}
  #tw td.src a::after{content:"Permit ↗";font-size:15px}
  #tw td.flag{white-space:normal}
  #tw th{white-space:normal;line-height:1.3;vertical-align:middle}
  #tw th .nw{white-space:nowrap}
  #tw td.flag .stamp{margin:2px 0}
}

@media (max-width:480px){
  .nav .btn-tail{display:none}
  .nav .btn{padding:11px 16px}
  .livesum{grid-template-columns:1fr;gap:22px;padding:22px 20px}
  .livesum .v{white-space:normal;min-height:0}
  .livesum .s{padding-top:6px}
  header.site .wrap{padding:0 16px}
  .nav{gap:8px}
  .oneline{flex-direction:column;align-items:stretch;gap:24px}
  .oneline p{max-width:none}
  .ol-btns{flex-direction:column;width:100%;flex-shrink:1}
  .ol-btns .btn{width:100%;text-align:center;box-sizing:border-box}
}

.foot-cta-m{display:none}
/* --- mobile nav (8. čet) --- */
.mnav-btn{display:none;width:44px;height:44px;border:0;border-radius:999px;background:transparent;color:#fff;cursor:pointer;align-items:center;justify-content:center;flex-shrink:0}
@media (hover:hover) and (pointer:fine){.mnav-btn:hover{background:#2a2a2a}}
.mnav-btn .ic-close{display:none}
.mnav-btn[aria-expanded="true"] .ic-open{display:none}
.mnav-btn[aria-expanded="true"] .ic-close{display:block}
.mnav{background:#111;border-top:1px solid #333;color:#fff}
header.site .mnav .wrap{padding:24px 24px 28px;display:flex;flex-direction:column;gap:6px;max-width:none}
.mnav-link:last-child{border-bottom:0}
.mnav-cta{display:none;justify-content:center;text-align:center;min-height:50px;margin-top:22px;width:100%;box-sizing:border-box}
.mnav-link{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 4px;color:#fff;text-decoration:none;font-weight:600;font-size:18px;border-bottom:1px solid #2a2a2a}
.mnav-link.sub{padding-left:16px;font-weight:500}
.mnav-link small{color:#c9c9c4;font-weight:400;font-size:14px}
.mnav-group{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#ffc400;font-weight:700;padding:14px 4px 4px}
.hdr-o{background:transparent!important;color:#ffc400!important;border:1.5px solid #ffc400!important}
@media (min-width:1181px){.nav{gap:18px}.nav ul{gap:6px}.nav .btn{padding:11px 18px;font-size:15px}.nav a.item,.nav summary{padding-left:12px;padding-right:12px}}
.mnav-cta2{margin-top:12px;background:transparent!important;color:#ffc400!important;border:1.5px solid #ffc400!important}
@media (max-width:1180px){.mnav-btn{display:flex}}
@media (max-width:780px){
  .nav .btn{display:none}
  .mnav-cta{display:flex}
}
@media (max-width:600px){
  .hbtns{width:100%}
  .hbtns .btn{width:100%;box-sizing:border-box}
}
@media (max-width:600px){
  .meter-wrap.dark .meter-top{height:84px}
  .meter-wrap.dark .mt-med{left:50% !important;bottom:28px}
  .meter-wrap.dark .mt-med small{white-space:nowrap}
}

@media (max-width:600px){
  .cityhero .hv-h{display:flex;flex-direction:column;gap:0}
  .cityhero .hv-h .hv-l{display:contents}
  .cityhero .hv-h .hv-r{order:5;margin-top:28px}
  .cityhero .hv-h .hbtns{order:10;margin-top:28px}
}

/* --- mobile filters (8. čet): vrstica na skupino --- */
@media (min-width:601px){.chips .group .lab .cur{display:none}.chips .group .lab{cursor:default}}
@media (max-width:600px){
  .chip{font-size:14px;min-height:40px;padding:0 12px}
  .typenote{flex:1 1 100%;min-width:0;margin:2px 0 0}
}

@media (max-width:600px){
  /* C: vrstica na skupino */
  .filterhint{display:none}
  .chips{margin-top:20px;gap:0;border:1.5px solid #dcdcd7;border-radius:12px;overflow:visible}
  .chips .group{gap:0;border-top:1px solid #dcdcd7;padding:0 4px}
  .chips .group:first-child{border-top:0}
  .chips .group .lab{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;line-height:1.25;padding:0 10px;margin:0;font-size:16px;font-weight:700;color:#111;cursor:pointer;width:auto}
  .chips .group .lab .cur{font-weight:400;color:#666;flex:1;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:10px}
  .chips .group .lab::after{content:"";flex:none;width:9px;height:9px;border-right:2px solid #111;border-bottom:2px solid #111;transform:rotate(45deg);margin:-4px 6px 0 2px}
  .chips .group.open .lab::after{transform:rotate(225deg);margin-top:4px}
  .chips .group .opts{display:none}
  .chips .group.open .opts{display:flex;padding:4px 10px 16px}
  .chips .group .lab .cur:empty::before{content:"All";}
  .livesum{margin-top:16px}
}

/* --- mobile livesum (8. čet): 2×2 črni kvadratki --- */
.s-short{display:none}
@media (max-width:600px){
  .livesum{grid-template-columns:1fr 1fr;gap:10px;padding:0;margin-top:12px;background:transparent;border-radius:0}
  .livesum>div{background:#111;color:#fff;border-radius:14px;padding:16px 14px 14px;min-width:0}
  .livesum .k{font-size:11px;letter-spacing:.05em;min-height:0;display:block}
  .livesum .v{font-size:22px;white-space:normal;min-height:0;overflow-wrap:normal;margin-top:8px}
  .livesum .v small{font-size:13px}
  .livesum .s{display:none}
  .livesum .s-short{display:block;font-size:13px;color:#c9c9c4;margin-top:6px;line-height:1.35}
}

@media (max-width:1024px){
  .g4 .row > b{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:10px;width:100%;justify-self:stretch;border-top:1px solid #ecece8;padding-top:12px}
  .g4 .row > b .g4st{display:block;min-width:0;text-align:left;padding-right:12px}
  .g4 .row > b .g4st2{text-align:right;padding:0 0 0 12px;border-left:1px solid #ecece8}
}
@media (min-width:1025px){.g4 .row > b .g4st{display:block}.g4 .row > b .g4st2{margin-top:10px}}

@media (max-width:700px){
  .chg-card.a h4{min-height:0;margin-bottom:22px}
  .nv2 b{font-size:clamp(22px,6.4vw,34px);white-space:nowrap;overflow-wrap:normal}
  .nv2 span{font-size:15px;margin-top:8px}
  .nvs2 .vsx{font-size:17px;line-height:clamp(22px,6.4vw,34px);align-self:flex-start}
  .chg-card.a .src{padding-top:22px}
}

@media (max-width:1000px){.chg-card.a h4{min-height:0;margin-bottom:22px}}
.nv2 b .pd{display:block;font-style:normal;font-size:15px;font-weight:700;opacity:.8;margin-top:4px;letter-spacing:0}

/* --- mobile + tablet compare: 2 v vrsti, gumb zadnji --- */
@media (max-width:900px){
  #compare.compare{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;align-items:end;padding:24px 20px 26px}
  #compare .cmp-grid,#compare .cmp-grid.opt{display:contents}
  #compare .cmp-grid .f{min-width:0}
  #compare .cmp-grid:not(.opt) .f:nth-child(3){grid-column:1/-1}
  #compare .lt{white-space:nowrap}
  #compare .lt em{font-size:12px;margin-left:6px}
  #compare select,#compare input{font-size:15px;padding-left:12px}
  #compare select{padding-right:32px;text-overflow:ellipsis}
  #compare .cmp-optnote{grid-column:1/-1;order:1;margin:0}
  #compare .cmp-grid .btn{grid-column:1/-1;order:2;width:100%;margin-top:6px}
  #compare .cmp-result{grid-column:1/-1;order:3}
  #compare .cmp-declared{grid-column:1/-1;order:4}
  #compare .cmp-note{grid-column:1/-1;order:5;margin:0}
}

#compare input.fixed{cursor:default;color:#c9c9c4;background:#161615;border-style:dashed}
#compare input.fixed:focus{outline:none}

.fopt-h{margin:22px 0 12px;padding-top:18px;border-top:1px solid #dcdcd7;font-weight:700;font-size:15px;color:#111}
.fopt-h em{font-style:normal;font-weight:500;color:#8a8a84;margin-left:6px}
#readers .fgrid.req{margin-bottom:0}
#readers .fgrid.opt label em{display:none}

#compare .cmp-opth{grid-column:1/-1;margin:0;padding:0;border:0;color:#fff}
#compare .cmp-opth em{color:#c9c9c4}
@media (max-width:900px){#compare .cmp-opth{order:0;margin-top:6px;padding-top:14px;border-top:1px solid #333}}

#faq .h2s{text-align:center}
@media (max-width:600px){
  .faq-city summary{font-size:17px;padding:14px 0;gap:16px;line-height:1.3}
  .faq-city summary::after{font-size:24px;line-height:22px}
  .faq-city details p{font-size:16px}
}

@media (max-width:600px){
  footer.site .foot-grid{display:block}
  footer.site .foot-brand{display:block;margin:0 0 32px}
  footer.site .foot-brand .brand{font-size:22px;gap:8px;white-space:nowrap}
  footer.site .foot-brand p{font-size:15px;line-height:1.5;margin:12px 0 0;max-width:34ch}
  footer.site .foot-brand .foot-btn{display:none}
  footer.site .foot-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px 16px}
  footer.site .foot-cols>div{min-width:0;margin:0}
  footer.site .foot-cols>div:nth-child(1){order:1;grid-column:1/-1}
  footer.site .foot-cols>div:nth-child(2){order:2}
  footer.site .foot-cols>div:nth-child(3){order:3}
  footer.site .foot-cols>div{text-align:center}
  footer.site .foot-cols a{display:inline-block}
  footer.site .foot-cols a{white-space:normal;font-size:15px;line-height:1.3}
  footer.site .foot-cols a small{display:block;margin:2px 0 0}
  footer.site .foot-cols h3{margin-bottom:10px}
  footer.site .foot-cta-m{display:none}
  footer.site .legalline{margin-top:36px}
  footer.site .foot-cols a{white-space:normal;font-size:15px;line-height:1.3}
  footer.site .foot-cols a small{display:block;margin:2px 0 0}
}

#rules .chg,#pb-head .chg{margin-top:0}#pb-head .chg .intro{margin-bottom:0}#rules .chg-card p{color:inherit}#rules .chg-card .src a{color:inherit}
.mc-bin.hit{fill:#fff}.mc-ask{margin-top:18px}h1,h2{text-wrap:balance}.hub1-e .mc-ask{font-size:18px;max-width:44ch}@media (min-width:901px){#city-hero .hv-l .mc-ask{margin-top:28px}#city-hero .hv-l .mc-ask + .hbtns{margin-top:24px}}@media (max-width:900px){#city-hero .hv-l .mc-ask{margin-top:28px}}

.hgx .mc-bin{fill:#4a4a47}.hgx .mc-bin.mid{fill:#ffc400}.hgx .mc-bin.hit{fill:#fff}
.mc-in-wrap.sfx{flex:1 1 140px}.mc-in-wrap.sfx i{left:auto;right:16px}.mc-in-wrap.sfx .mc-in{padding:0 64px 0 16px}
.mc-bin.hit{fill:#fff}.mc-ask{margin-top:18px}
.hub1-e .mc-ask{font-size:18px;max-width:44ch}
h1,h2{text-wrap:balance}
@media (min-width:901px){#city-hero .hv-l .mc-ask{margin-top:28px}#city-hero .hv-l .mc-ask + .hbtns{margin-top:24px}}
@media (max-width:900px){#city-hero .hv-l .mc-ask{margin-top:28px}}
#covers .intro{color:#5a5a55;font-size:19px;line-height:1.5;margin:0 0 40px;max-width:640px}#covers .intro a,#in-out .intro a{color:#111;font-weight:600}
.cityh{font-size:28px;margin:56px 0 0}
.seeall{margin:40px 0 0;font-size:18px}.seeall a{color:#111;font-weight:700;text-underline-offset:3px}
.vsw{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:999;display:flex;gap:6px;align-items:center;background:#111;border:1px solid #555;border-radius:999px;padding:6px 8px 6px 14px;color:#fff;font-size:14px;box-shadow:0 6px 24px rgba(0,0,0,.25);max-width:calc(100vw - 16px);white-space:nowrap}
.vsw button{font:inherit;font-weight:600;border:0;border-radius:999px;padding:8px 12px;min-height:40px;background:#2a2a2a;color:#fff;cursor:pointer}
.vsw button[aria-pressed="true"]{background:#ffc400;color:#111}
@media (max-width:480px){.vsw{padding:5px;gap:4px;font-size:13px}.vsw>span{display:none}.vsw button{padding:8px 9px}}


.ill .roofill{display:block;width:100%;height:auto;margin-top:10px}
.ill-stamp{display:inline-flex;flex-direction:column;align-items:flex-start;margin:6px 0 0;padding:12px 18px;border:2px solid #ffc400;border-radius:14px;color:#fff}
.ill-stamp .lab{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffc400}
.ill-stamp b{font-size:30px;font-weight:800;line-height:1.1}.ill-stamp small{font-size:13px;color:#c9c9c4}
.ill-key{margin:18px 0 0;padding:0;list-style:none;counter-reset:k;color:#e7e7e2;font-size:15px;line-height:1.45}
.ill-key li{counter-increment:k;position:relative;padding-left:34px;margin:0 0 8px}
.ill-key li::before{content:counter(k);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:#ffc400;color:#111;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.ill-key b{color:#fff}
.divbox{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:14px 0 0;padding:14px 16px;border:1px solid #555;border-radius:14px;color:#fff;font-size:17px}
.divbox .t{display:inline-flex;flex-direction:column;line-height:1.15}.divbox .t b{font-size:20px;font-weight:800}.divbox .t small{font-size:12px;color:#9a9a94}
.divbox .op{font-size:22px;color:#9a9a94;font-weight:600}.divbox .t.res b{color:#ffc400}

/* HEADER B — locked 3. 10. 2026 (18. čet): name left · Jobs + How the data is made + visible "Find your city" field right; up to 1180 px: magnifier + menu button */
.nav .brand{margin-right:auto}
.nav ul{margin:0}
@media (min-width:1181px){
  .nav .hfind{margin-left:8px}
  .hfind-btn{display:none}
  .hfind-box{display:block;position:relative;right:auto;top:auto;width:260px;max-width:none}
  .hfind-hits{left:0;right:auto;min-width:100%}
}

/* header search fix (18. čet): on phones/tablets the opened field is as wide as the screen allows (was 170 px, results got cut); on desktop the results list lines up with the right edge of the field */
@media (max-width:1180px){
  header.site .nav{position:relative}
  .nav .hfind{position:static}
  .hfind-box{left:auto;right:24px;top:calc(100% - 4px);width:calc(100% - 48px);max-width:420px}
}
@media (max-width:480px){.hfind-box{right:16px;width:calc(100% - 32px)}}
@media (min-width:1181px){.hfind-hits{left:auto;right:0}}


#sizes .szb+.szb{margin-top:96px}
#sizes .szb>.ans{font-size:19px;line-height:1.55;color:#333;max-width:640px;margin:0 0 10px}
#sizes .szb>.howto{font-size:15px;line-height:1.5;color:#7a7a74;margin:0 0 4px;max-width:760px}
#sizes .g4 .grp{margin-top:20px}
.sztw{margin-top:24px}
.sztw table{min-width:600px}
.mock-note{font-size:15px;color:#7a7a74;margin:6px 0 0}
@media (max-width:600px){#sizes .szb+.szb{margin-top:72px}}


/* check -> add, locked C (24. cet) */
#ck [hidden],#readers [hidden],#ckHb[hidden]{display:none!important}
#ck .ck-row1,#ck .ck-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#ck .ck-row2{margin-top:10px}
#ck .ck-row2 .city .mc-in{padding:0 16px}
#ck .ck-row2 .mc-go{width:100%}
#ck .mc-res{min-height:5.8em}
#ck .mc-res p{margin:0}
#ck .mc-res .sm{margin-top:4px;font-size:14.5px;color:#c9c9c4}
#ck .ck-next{margin-top:14px}
#ck .ck-next .btn{min-height:50px}
.ck-err{margin:0;font-weight:600;font-size:16px;color:#b3261e}
.ck-done{border:0;padding:0;font-size:17px;line-height:1.5;color:#111;background:#fff}
.ck-done:focus{outline:none}
.ck-done p{margin:0}
.ck-done>p:first-child{padding-left:14px;border-left:3px solid #ffc400}
.ck-done .acts{display:flex;column-gap:22px;row-gap:0;align-items:center;flex-wrap:wrap;margin-top:6px}
.ck-done a,.ck-again{color:#111;font-weight:600;text-underline-offset:3px}
.ck-again{background:none;border:0;padding:0;min-height:44px;font:inherit;font-size:16px;font-weight:600;text-decoration:underline;cursor:pointer}
.ck-done a{font-size:16px;display:inline-flex;align-items:center;min-height:44px}
.ck-done .ck-mock{font-size:14px;color:#6b6b66;margin-top:6px;padding:0;border:0}
#readers .rr-from{margin:0 0 20px;background:#ffc400;color:#111;border-radius:12px;padding:12px 16px;font-size:16px;line-height:1.45}
#readers .rr-from p{margin:0}
#readers .rr-from .ab{margin-top:6px;font-size:14.5px}
#readers .ck-err{margin:0 0 16px}
#readers .fgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}
#readers .fgrid.opt label em.pft{display:inline}
#readers .form .ctl.nosuf input{padding-right:14px}
#rrAdd{scroll-margin-top:24px}
/* fix 5: where your amounts land */
.ck-done .yb{margin-top:16px;border:1px solid #dcdcd7;border-radius:12px;padding:16px 18px;display:grid;gap:14px}
.ck-done .yb h4{margin:0;font-size:17px;font-weight:700;line-height:1.3}
.ck-done .yb-row{display:grid;gap:4px;padding-top:12px;border-top:1px solid #ecece8}
.ck-done .yb-k{font-size:14.5px;font-weight:600;color:#5b5b57}
.ck-done .yb ul{list-style:none;margin:0;padding:0}
.ck-done .yb li{margin:0;font-size:16px;line-height:1.5}
.ck-done .yb p{font-size:16px;line-height:1.5}
.ck-done .yb .sm{font-size:14.5px;line-height:1.45;color:#4a4a46}
.ck-done .dots{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:4px 0 2px}
.ck-done .dots i{width:14px;height:14px;border-radius:50%;border:2px solid #dcdcd7;box-sizing:border-box}
.ck-done .dots i.on{background:#ffc400;border-color:#ffc400}
.ck-done .dots i.you{border-color:#111;background:#fff}
.ck-done .dots span{margin-left:8px;font-size:14.5px;font-weight:600}
@media (max-width:520px){.ck-done .dots span{width:100%;margin:2px 0 0}}
/* several estimates (popravek 4) */
#readers .rr-amts{display:grid;gap:14px;margin:0 0 22px}
#readers #rrEsts{display:grid;gap:14px}
#readers .rr-est{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:end}
#readers .rr-fld{display:flex;flex-direction:column;gap:6px;min-width:0}
#readers .rr-fld>label{display:block;margin:0}
#readers .rr-inrow{display:flex;gap:10px;align-items:center}
#readers .rr-inrow .ctl{flex:1;min-width:0}
#readers .rr-delsp{flex:none;width:44px}
#readers .rr-side .rr-pos b{color:#111}
#readers .rr-side{display:flex;align-items:center;gap:10px;min-height:50px}
#readers .rr-pos{margin:0;font-size:14.5px;line-height:1.35;color:#4a4a46;flex:1}
#readers .rr-pos b{color:#111}
#readers .rr-del{flex:none;width:44px;height:44px;border:1px solid #dcdcd7;border-radius:999px;background:#fff;color:#111;font:inherit;font-size:20px;line-height:1;cursor:pointer}
#readers .rr-del:focus-visible,#readers .rr-add:focus-visible{outline:3px solid #ffc400;outline-offset:2px}
#readers .rr-add{justify-self:start;background:none;border:0;padding:0;min-height:44px;font:inherit;font-size:16px;font-weight:600;color:#111;display:inline-flex;align-items:center;gap:10px;cursor:pointer}
#readers .rr-add::before{content:"+";width:26px;height:26px;border:1px solid #dcdcd7;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:400;font-size:18px;line-height:1}
#readers .rr-add[disabled]{opacity:.45;cursor:default}
#readers .rr-bill{padding-top:14px;border-top:1px solid #dcdcd7}
#readers .rr-note{margin:0;font-size:14.5px;line-height:1.45;color:#4a4a46}
@media (max-width:600px){#readers .fgrid.req>label{grid-column:1/-1}#readers .fgrid.opt label em.pft{display:block}#readers .rr-est{grid-template-columns:minmax(0,1fr);gap:6px}#readers .rr-side{min-height:0}#readers .rr-bill .rr-side{min-height:0}}
@media (max-width:520px){
  #ck .ck-next .btn{width:100%}
  .readerchip{white-space:nowrap;letter-spacing:0;font-size:12px}
}


/* ===== v22: grafika uvoda (demo data-hero a/b/c) ===== */
#city-hero .hv-l .lead{font-size:18px;line-height:1.55}
.hgfx{margin-bottom:14px}
.hg-t{margin:0 0 8px;font-size:13.5px;color:#c9c9c4;max-width:none}
.hg-hist{width:100%;height:auto;display:block;overflow:visible}
.hg-hist .bars rect{fill:#4a4a47}.hg-hist .bars rect.hi{fill:#ffc400}
.hg-hist .med{stroke:#ffc400;stroke-width:2;stroke-dasharray:4 3}
.hg-hist .you{stroke:#fff;stroke-width:2.5}
.hg-hist .lab{font:600 13px var(--display);fill:#ffc400;paint-order:stroke;stroke:#111;stroke-width:5px;stroke-linejoin:round}.hg-hist .lab.you{fill:#fff}
.hg-hist .ax{font:12px var(--body);fill:#8a8a86}
/* B: trakovi namesto kartic */
.n3s[hidden]{display:none!important}
.hg-row{padding:12px 0 10px;border-top:1px solid #333}
.hg-row:first-of-type{border-top:0;padding-top:4px}
.hg-lab{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:26px}
.hg-lab b{font-size:15px;color:#ffc400;font-weight:600}
.hg-lab span{font-size:13px;color:#c9c9c4}
.hg-track{position:relative;height:12px;border-radius:999px;background:#2e2e2c}
.hg-track .hg-band{position:absolute;top:0;bottom:0;background:#ffc400;border-radius:999px;opacity:.9}
.hg-track .hg-band.open{background:linear-gradient(90deg,rgba(255,196,0,.15),#ffc400)}
.hg-track .hg-tick{position:absolute;top:-5px;width:4px;height:22px;background:#111;border:1.5px solid #ffc400;border-radius:2px;transform:translateX(-50%)}
.hg-track .hg-num{position:absolute;top:-28px;transform:translateX(-50%);font:800 17px var(--display);color:#fff;white-space:nowrap;font-style:normal}
.hg-track .hg-num.none{left:0;transform:none;color:#c9c9c4;font-size:15px}
.hg-track .hg-you{position:absolute;top:-9px;width:3px;height:30px;background:#fff;border-radius:2px;transform:translateX(-50%);box-shadow:0 0 0 2px #111}
.hg-row.hg-empty .hg-track{background:repeating-linear-gradient(90deg,#2e2e2c 0 8px,transparent 8px 14px)}
.hg-r{margin:10px 0 0;font-size:14px;line-height:1.4;color:#8a8a85;max-width:none}
.hg-r.on{color:#fff}.hg-r b{color:#ffc400;font-weight:700}
.hg-axis{display:flex;justify-content:space-between;font-size:12px;color:#8a8a86;margin-top:8px}
/* C: hiša z oblački + kompaktne kartice (C1 črte · C2 ploskve · C3 kot) */
.hg-house{width:100%;height:auto;display:block;overflow:visible}
.hg-house .ln path,.hg-house .ln circle{fill:none;stroke:#c9c9c4;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.hg-house .ln path.roof{stroke:#ffc400;stroke-width:3.5}
.hg-house .ln path.shg{stroke:#ffc400;stroke-width:1.5;opacity:.8}
.hg-house .ln path.gut{stroke:#8a8a86}
.hg-house .fl .chim{fill:#3a3a38}.hg-house .fl .wall{fill:#2a2a28}.hg-house .fl .gable{fill:#1f1f1e}
.hg-house .fl .roofb{fill:#ffc400}.hg-house .fl .dark{fill:#111}.hg-house .fl .knob{fill:#ffc400}
.hg-house .fl .mul{fill:none;stroke:#3a3a38;stroke-width:2}.hg-house .fl .gnd{stroke:#555;stroke-width:2;fill:none}
.hg-house .iso .wallf{fill:#2a2a28}.hg-house .iso .walls{fill:#1f1f1e}.hg-house .iso .gable{fill:#333331}
.hg-house .iso .roofp{fill:#ffc400}.hg-house .iso .edge{fill:none;stroke:#ffc400;stroke-width:4;stroke-linejoin:round;stroke-linecap:round}
.hg-house .iso .edge2{fill:none;stroke:#e6b000;stroke-width:3;stroke-linecap:round}
.hg-house .iso .dark{fill:#111}.hg-house .iso .gnd{stroke:#555;stroke-width:2;fill:none}
.hg-house .lead{fill:none;stroke:#ffc400;stroke-width:1.5;stroke-dasharray:3 3}
.hg-house .tag rect{fill:#1a1a19;stroke:#555;stroke-width:1}
.hg-house .tag.c rect{stroke:#ffc400}
.hg-house .tag .k{font:600 12px var(--body);fill:#ffc400}
.hg-house .tag .v{font:800 19px var(--display);fill:#fff}
.hg-house .tag.you rect{fill:#111;stroke:#ffc400;stroke-width:1.5}
.hg-house .tag.you .k{fill:#ffc400}.hg-house .tag.you .v{fill:#fff;font-size:17px}
@media (max-width:700px){body[data-hero="a"] .n3s,body[data-hero="c"] .n3s{grid-template-columns:1fr}}

/* ===== v3 (26. čet): city page, new concept ===== */
body{padding-bottom:110px}
@media (max-width:600px){body{padding-bottom:140px}}
#city-hero .mc-row{flex-wrap:nowrap}
#city-hero .mc-row .mc-go{flex:none}
#ck .mc-res{min-height:0}   /* v21: brez rezerviranega prostora pred gumbom */
#ck .mc-res p{margin:0}
#ck .mc-res .sm{margin-top:4px;font-size:14.5px;color:#c9c9c4}
#ckNext{margin-top:14px}
#ckNext .btn{min-height:50px}
#ckNext[hidden],#ckHb[hidden]{display:none!important}
.cityhero .hv-h{align-items:start}
.n3s{display:grid;gap:12px;grid-auto-rows:1fr}   /* v21: enako visoke kartice */
.n3{display:flex;flex-direction:column}.n3 .r{margin-top:auto}.nw{white-space:nowrap}
.n3{border:1px solid #555;border-radius:14px;padding:16px 18px 14px;background:#1a1a19}
.n3 .k{display:block;font-size:15px;font-weight:600;color:#ffc400;margin:0 0 6px}
.n3 .vs{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px}
.n3 .v{font-size:32px;font-weight:800;line-height:1.05;letter-spacing:-.02em;color:#fff;white-space:nowrap}
.n3 .v.none{font-size:24px;color:#c9c9c4}
.n3 .s{flex:1 1 150px;font-size:14px;line-height:1.4;color:#c9c9c4}
.n3 .r{margin:10px 0 0;padding-top:10px;border-top:1px solid #333;font-size:15px;line-height:1.4;color:#8a8a85;min-height:0}
.n3 .r.on{color:#fff}
.n3 .r b{color:#ffc400;font-weight:700}
@media (max-width:600px){
  .cityhero .hv-h .hv-r{order:5;margin-top:24px}
  .cityhero .hv-h #ckNext{order:6;margin-top:16px}
  #ckNext .btn{width:100%}
  .n3{padding:14px 16px 12px}
  .n3 .v{font-size:28px}
}
.v3-lead{font-size:19px;line-height:1.55;color:#333;max-width:640px;margin:0}
.v3-lead b{color:#111}
.v3-h3{font-size:24px;font-weight:800;margin:56px 0 12px;letter-spacing:-.01em}   /* v27: podnaslov manjši od H2 (34–40 px) */
.v3-p{font-size:17px;line-height:1.6;color:#333;max-width:640px;margin:0 0 24px}
.v3-p a{color:#111;font-weight:400;text-decoration-thickness:1px;text-underline-offset:3px}   /* v27: mirnejše povezave */
.v3-pair{border:1px solid #dcdcd7;border-radius:16px;padding:28px 24px 22px;max-width:560px;background:#fff}
.v3-pair .src{margin:18px 0 0;font-size:13.5px;color:#6b6b66;text-align:center}
.v3-src{margin:28px 0 0;font-size:14.5px;line-height:1.5;color:#6b6b66;max-width:720px}
#survey .inout{margin-top:8px}
#survey-in .meter-wrap,#permits-in .meter-wrap{margin-top:32px}
#readers .rr-st{margin:12px 0 0}
#readers .rr-rows{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
#readers .rr-rows li{border:1px solid #dcdcd7;border-radius:12px;padding:12px 14px;background:#fff;font-size:15.5px;line-height:1.45}
#readers .rr-rows li b{font-size:18px;font-weight:800}
#readers .rr-rows small{display:block;color:#6b6b66;font-size:14px}
#readers .rr-more{margin:12px 0 0;font-size:15px;color:#5b5b57}
.n3 .v.inv{font-size:26px}
#readers .rr-st b{color:#111}
#readers .rr-st0{margin-top:0}
#readers .fo{margin-top:28px;padding-top:24px;border-top:1px solid #dcdcd7}
#readers .fo-h{font-size:20px;font-weight:800;margin:0 0 6px;letter-spacing:-.01em}
#readers .fo-p{font-size:15.5px;line-height:1.5;color:#4a4a46;margin:0}
#readers .fo-rows li{border-style:dashed;background:#fafaf8}
#readers .fo-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0 12px;margin-top:6px}
#readers .fochip{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px dashed #9a9a94;border-radius:999px;padding:5px 9px;color:#5b5b57;background:#fff;white-space:nowrap}
#readers .fo-src{display:inline-flex;align-items:center;min-height:44px;font-size:14.5px;font-weight:600;color:#111;text-underline-offset:3px}
#readers .fo-mock{margin:12px 0 0;font-size:14px;color:#6b6b66}
#city-hero .lead+.proofline{margin-top:24px}
#city-hero .hv-l .lead{max-width:48ch}
#facts-in .facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:36px}
#facts-in .fact{border:1px solid #dcdcd7;border-radius:16px;padding:28px 28px 24px;background:#fff;display:flex;flex-direction:column}
#facts-in .fact h3{font-size:21px;font-weight:800;line-height:1.25;margin:0 0 12px;letter-spacing:-.01em}
#facts-in .fact p{margin:0;font-size:17px;line-height:1.6;color:#333}
#facts-in .fact .src{margin-top:auto;padding-top:16px;font-size:13.5px;line-height:1.45;color:#6b6b66}
@media (max-width:760px){#facts-in .facts{grid-template-columns:1fr}#facts-in .fact{padding:22px 20px 20px}}
.cnt10{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:12px 0 2px}
.cnt10 i{width:14px;height:14px;border-radius:50%;border:2px solid #dcdcd7;box-sizing:border-box}
.cnt10 i.on{background:#ffc400;border-color:#ffc400}
.cnt10 i.you{border-color:#111;background:#fff}
.cnt10 span{margin-left:8px;font-size:14.5px;font-weight:600}
@media (max-width:520px){.cnt10 span{width:100%;margin:2px 0 0}}
.dbar{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:999;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:center;background:#111;border:1px solid #555;border-radius:18px;padding:6px 10px;color:#fff;font-size:14px;box-shadow:0 6px 24px rgba(0,0,0,.25);width:max-content;max-width:calc(100vw - 16px);box-sizing:border-box}
.dbar .g{display:flex;gap:4px;align-items:center}
.dbar .g>span{color:#c9c9c4;margin-right:4px;font-size:13px}
.dbar button{font:inherit;font-weight:600;border:0;border-radius:999px;padding:0 12px;min-height:40px;background:#2a2a2a;color:#fff;cursor:pointer}
.dbar button[aria-pressed="true"]{background:#ffc400;color:#111}
.dbar button:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media (max-width:600px){.dbar{font-size:13px;gap:4px 8px;padding:6px 8px}.dbar button{padding:0 9px;min-height:38px}.dbar .lc{display:none}}
#faq .mock-note{font-size:15px;line-height:1.5;color:#7a7a74;text-align:center;max-width:none;margin:6px auto 0}
/* ===== v5 (32. čet): meter labels never overlap or leave the track ===== */
/* v5 (32. čet): line breaks in the survey section */
.nw{white-space:nowrap}
.v3-h3{text-wrap:balance}   /* v27: seznami brez balance (lomili so 'outside the household') */
.meter-key span{align-items:flex-start;line-height:20px;text-wrap:balance}
.meter-key span>em{flex:none;margin-top:6px}
.meter-key span>b{flex:none;margin-top:3px}
.meter-labels span.ml-0{left:0!important;transform:none}
.meter-labels span.ml-e{left:auto!important;right:0;transform:none}
.meter-labels span.ml-l{transform:translateX(calc(-100% - 3px))}
.meter-labels span.ml-r{transform:translateX(3px)}
/* ===== v4 (29. čet): 10 cities ===== */
.mock-note{font-size:15px;line-height:1.5;color:#7a7a74;margin:16px 0 0;max-width:720px}
.s-note{color:#5b5b57}
.yrs{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;max-width:760px;margin:8px 0 0}
.yr{border:1px solid #dcdcd7;border-radius:12px;padding:14px 16px 12px;background:#fff}
.yr b{display:block;font-size:24px;font-weight:800;letter-spacing:-.01em;color:#111;line-height:1.15}
.yr span{display:block;margin-top:2px;font-size:14.5px;color:#5b5b57}
.dbar .g.cities{flex-wrap:wrap;justify-content:center;max-width:min(1000px,calc(100vw - 32px))}
.dbar button:disabled{opacity:.35;cursor:not-allowed}
body{padding-bottom:150px}
@media (max-width:600px){.dbar .g.cities{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;max-width:calc(100vw - 36px);scrollbar-width:none}.dbar .g.cities button{flex:none}body{padding-bottom:150px}}
/* ===== v14 (41. čet): size histogram (LA) ===== */
.hist{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:4px;align-items:end;height:220px;max-width:760px;margin:24px 0 0;padding:0 0 46px;position:relative;border-bottom:1px solid #dcdcd7}
.hist .hb{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;position:relative;min-width:0}
.hist .hb i{display:block;width:100%;height:var(--h);background:#dcdcd7;border-radius:4px 4px 0 0;min-height:2px}
.hist .hb.md i{background:#ffc400}
.hist .hb b{font-size:12px;font-weight:700;color:#5b5b57;margin-bottom:4px;line-height:1;white-space:nowrap}
.hist .hb span{position:absolute;top:100%;margin-top:8px;font-size:12px;color:#6b6b66;white-space:nowrap;line-height:1.2}
.hist .hb.md span{color:#111;font-weight:700}
.hist-key{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:14.5px;color:#5b5b57;max-width:760px}
.hist-key em{display:inline-block;width:14px;height:14px;border-radius:3px;background:#ffc400;flex:none}
@media (max-width:600px){.hist{height:170px;gap:2px}.hist .hb b{display:none}.hist .hb span{font-size:10px}.hist .hb:nth-child(even) span{display:none}}
/* v23: kartice uvoda kot vrstice pod hišo (na koncu, da prepiše .n3 zgoraj) */
.hgfx{margin:0 0 28px}   /* v24: prostor med hišo in vrsticami */
.hg-house{max-width:none;margin:0}
.n3s{gap:0;grid-auto-rows:auto}
.n3{border:0;border-top:1px solid #333;border-radius:0;background:transparent;padding:10px 0 9px;display:block}
.n3:first-child{border-top:0;padding-top:0}
@media (min-width:901px){.cityhero .hv-h{align-items:center}}   /* v24: desni stolpec na sredino levega */
#city-hero .mc-in,#city-hero .mc-go{height:50px;min-height:50px;max-height:50px;padding-top:0;padding-bottom:0;line-height:48px;box-sizing:border-box}   /* v24: enaka višina polja in gumba v vseh brskalnikih */
.n3 .k{display:block;font-size:14px;margin:0 0 2px}
.n3 .vs{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px}
.n3 .v{font-size:24px}.n3 .v.inv{font-size:20px}.n3 .v.none{font-size:18px}
.n3 .s{flex:1 1 180px;font-size:13.5px;line-height:1.35}
.n3 .r{margin:5px 0 0;padding:0;border:0;font-size:14px;line-height:1.35}
@media (max-width:600px){.n3{padding:10px 0 9px}.n3 .v{font-size:22px}}
/* ===== v30: sekcija ankete = K (štirje lastniki), zaklenjeno ===== */
.sv{margin-top:36px}
.sv-cap{margin:18px 0 0;font-size:14.5px;line-height:1.5;color:#5b5b57;max-width:none}
.sv-stamp{display:inline-flex;flex-direction:column;align-items:center;gap:3px;background:#ffc400;color:#111;border-radius:12px;padding:8px 16px 9px;line-height:1;white-space:nowrap}
.sv-stamp small{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.sv-stamp b{font-size:28px;font-weight:800;letter-spacing:-.02em}
.sva-in{max-width:880px}
.sva-top{text-align:center;padding-bottom:16px}
.sva-houses{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:end;border-bottom:2px solid #111;padding:0 8px}
.sva-mid{position:absolute;left:50%;top:-16px;bottom:-2px;border-left:2px dashed #111;transform:translateX(-1px)}
.sva-lbls{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:12px 8px 0}
.sva-l{margin:0;text-align:center;display:flex;flex-direction:column;gap:2px;max-width:none}
.sva-l.w2{grid-column:span 2}
.sva-l b{font-size:20px;font-weight:800;color:#111;letter-spacing:-.01em;line-height:1.2}
.sva-l span{font-size:14.5px;color:#4a4a46;line-height:1.3}
.sva-halves{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:18px;padding:0 8px}
.sva-halves span{position:relative;text-align:center;font-size:14.5px;font-weight:600;color:#111;padding-top:10px;border-top:2px solid #111}
.sva-halves span::before,.sva-halves span::after{content:"";position:absolute;top:-8px;width:2px;height:8px;background:#111}
.sva-halves span::before{left:0}.sva-halves span::after{right:0}
.sv-k .sva-in{max-width:760px}
.svk-row{justify-items:center}
.svp{display:block;width:min(104px,72%);height:auto}
.svp .hd,.svp .bd{fill:#2a2a28}
.svp .sh{fill:#ffc400}
.svp .sl{fill:#111;opacity:.55}
@media (max-width:600px){
  .sv-stamp b{font-size:24px}
  .sva-houses,.sva-lbls,.sva-halves{gap:10px;padding-left:2px;padding-right:2px}
  .sva-l b{font-size:15px}
  .sva-l span{font-size:12.5px}
  .sva-halves span{font-size:13px}
}
/* ===== v32: zavarovalnica = možnost 2 (trakovi), zaklenjeno ===== */
.ins{margin-top:4px}
.ins-src{margin:14px 0 0;font-size:13.5px;color:#6b6b66;max-width:none}
.ins2-bar{height:18px;border-radius:999px;background:#ededea;overflow:hidden;max-width:640px}
.ins2-bar i{display:block;height:100%;background:#ffc400;box-shadow:inset 0 0 0 1.5px #111;border-radius:999px}
.ins2-cap{margin:10px 0 0;font-size:15.5px;color:#333;max-width:640px}
.ins2-cap b{font-weight:800;color:#111}
.ins2-cap{text-wrap:pretty}
.ins2-rows{display:flex;flex-direction:column;gap:14px;margin-top:30px;max-width:640px}
.ins2-row{display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:center}
.ins2-row .l{font-size:15px;color:#333}
.ins2-row .t{display:flex;align-items:center;gap:10px;min-width:0}
.ins2-row .t i{flex:none;display:block;height:24px;border-radius:6px;background:#2a2a28}
.ins2-row .t i.y{background:#ffc400;box-shadow:inset 0 0 0 1.5px #111}
.ins2-row .t b{font-size:18px;font-weight:800;color:#111;white-space:nowrap}
@media (max-width:600px){
  .ins2-row{grid-template-columns:1fr;gap:6px}
}

/* ===== v34: dovoljenja = histogram + vrstici, zaklenjeno ===== */
.pm{margin-top:32px;max-width:720px}
.pm-t{margin:0 0 14px;font-size:14.5px;color:#4a4a46;max-width:none}
.pm-src,.pq-src{margin:16px 0 0;font-size:13.5px;color:#6b6b66;max-width:none}
.pm-key{display:flex;gap:22px;flex-wrap:wrap;margin:14px 0 0;font-size:14px;color:#4a4a46;max-width:none}
.pm-key span{display:inline-flex;align-items:center;gap:8px}
.pm-key em{flex:none;width:22px;height:12px;border-radius:3px;background:#ffc400;opacity:.55}
.pm-key b{flex:none;width:3px;height:16px;background:#111;border-radius:2px}
.hs{position:relative}
.hs-plot{position:relative;height:190px;border-bottom:1.5px solid #111}
.hs-band{position:absolute;top:56px;bottom:0;background:#ffc400;opacity:.45;border-radius:4px 4px 0 0}
.hs-bars{position:absolute;inset:56px 0 0;display:flex;align-items:flex-end;gap:4px;padding:0 2px}
.hs-bars i{flex:1 1 0;display:block;background:#2a2a28;border-radius:4px 4px 0 0;min-height:0}
.hs-med{position:absolute;top:0;bottom:0;width:3px;background:#111;transform:translateX(-50%);border-radius:2px}
.hs-lab{position:absolute;top:0;transform:translate(10px,0);line-height:1.1}
.hs-lab b{display:block;font-size:22px;font-weight:800;letter-spacing:-.01em;color:#111}
.hs-lab small{display:block;font-size:12.5px;color:#4a4a46;margin-top:2px}
.hs-ax{position:relative;height:22px;margin-top:6px}
.hs-ax span{position:absolute;top:0;transform:translateX(-50%);font-size:12.5px;color:#6b6b66;white-space:nowrap}
.hs-ax span:first-child{transform:none}
.hs-ax span:last-child{transform:translateX(-100%)}
.pq{margin-top:4px;max-width:640px}
.led{border:1px solid #dcdcd7;border-radius:12px;overflow:hidden;background:#fff}
.led-h,.led-r{display:grid;grid-template-columns:1fr 110px 150px;gap:12px;align-items:center;padding:0 18px}
.led-h{height:40px;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#4a4a46;background:#f5f5f2}
.led-h span:nth-child(n+2),.led-r span,.led-r em{text-align:right}
.led-r{min-height:64px;border-top:1px solid #e5e5e0;font-size:16px}
.led-r b{font-weight:600;color:#111}
.led-r span{color:#4a4a46;font-variant-numeric:tabular-nums}
.led-r em{font-style:normal;font-size:22px;font-weight:800;letter-spacing:-.01em;color:#111;justify-self:end;background:#ffc400;padding:4px 10px;border-radius:8px;line-height:1.2;white-space:nowrap}
.seeall a{text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-skip-ink:auto}
.seeall a .arr{display:inline-block;font-size:1.25em;line-height:1;vertical-align:-.08em;white-space:pre;text-decoration:none}
@media (max-width:600px){
  .hs-plot{height:170px}
  .hs-lab b{font-size:18px}
  .hs-ax span.alt{display:none}
  .led-h,.led-r{grid-template-columns:1fr 70px 110px;gap:8px;padding:0 12px}
  .led-r em{font-size:18px;padding:3px 8px}
}

/* ===== v36: pravila = R2 (mehke sive, ikona v rumenem krogu), zaklenjeno ===== */
.rl{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:8px}
.rl.c3{grid-template-columns:repeat(3,1fr)}
.rl-card{display:flex;flex-direction:column;min-width:0}
.rl-card .rl-h{display:flex;align-items:center;gap:12px;margin:0 0 14px}
.rl-card h4,.rl-card h3{margin:0;font-family:var(--display);font-weight:800;font-size:22px;line-height:1.2;letter-spacing:-.01em;color:#111}
.rl-card p{margin:0;font-size:16.5px;line-height:1.6;color:#333}
.rl-card .src{margin-top:auto;padding-top:18px;font-size:13.5px;line-height:1.5;color:#6b6b66}
.rl-card .src a{color:#111}
.rl-ic{flex:none;width:30px;height:30px;color:#111}
.rl-2 .rl-card{background:#f5f5f2;border-radius:16px;padding:26px}
.rl-2 .rl-card .rl-h{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:12px}
.rl-2 .rl-ic{width:48px;height:48px;padding:11px;border-radius:999px;background:#ffc400;box-sizing:border-box}
@media (max-width:900px){
  .rl,.rl.c3{grid-template-columns:1fr;gap:16px}
}

/* ===== v39: ugotovitve = mini stolpci v kartici, zaklenjeno ===== */
.fx{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
.fx-item{display:flex;flex-direction:column;min-width:0;border:1px solid #e5e5e0;border-radius:16px;padding:24px 24px 22px;background:#fff}
.fx-item h3{font-size:21px;font-weight:800;line-height:1.25;margin:0 0 14px;letter-spacing:-.01em;color:#111}
.fx-item p{margin:0;font-size:17px;line-height:1.6;color:#333}
.fx-item p b{font-weight:700;color:#111}
.fx-item .src{margin:0;padding-top:14px;font-size:13.5px;line-height:1.45;color:#6b6b66}
.fx-item .src a{color:#111}
.fx.odd .fx-item:last-child{grid-column:1/-1}
.fg-chart{display:flex;gap:28px;margin:4px 0 18px;padding:0 0 10px;border-bottom:1px solid #dcdcd7}
.fg-grp{flex:1 1 0;min-width:0;display:flex;flex-direction:column}
.fg-grp em{font-style:normal;font-size:13px;font-weight:600;color:#4a4a46;margin-top:6px;text-align:center}
.fg-cols{flex:1;display:flex;align-items:stretch;gap:12px}
.fg-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column}
.fg-area{position:relative;height:120px;margin-top:24px}
.fg-col b{position:absolute;left:50%;transform:translateX(-50%);font-size:14px;font-weight:800;color:#111;white-space:nowrap;line-height:1}
.fg-col i{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:64px;background:#2a2a28;border-radius:6px 6px 0 0}
.fg-col i.hi{background:#ffc400;box-shadow:inset 0 0 0 1.5px #111}
.fg-col span{font-size:12.5px;line-height:1.25;color:#4a4a46;text-align:center;margin-top:8px}
.fg-col span small{display:block;font-size:12px;color:#6b6b66;font-weight:600;margin-top:2px}
.fx .fg-chart{border-bottom:0;padding-bottom:0}
@media (max-width:760px){
  .fx{grid-template-columns:1fr}
  .fx-item{padding:22px 20px 20px}
  .fg-area{height:100px}.fg-cols{gap:8px}
  .fg-grp .fg-cols{gap:5px}.fg-grp .fg-col b{font-size:11px}.fg-chart{gap:12px}
  .fg-col b{font-size:13px}
  .fg-chart{gap:16px}
}

/* ===== v41: FAQ = možnost 1 (»+« v krogu), zaklenjeno ===== */
#faq .h2s{text-align:left}
#faq .mock-note{text-align:left;margin:6px 0 0}
.faq-city{max-width:860px;margin:24px 0 0}
.faq-city summary{font-family:var(--body);font-weight:600;font-size:18.5px;line-height:1.35;padding:16px 0;gap:20px;align-items:center}
.faq-city details p{font-size:17px;max-width:70ch;margin:2px 0 20px}
.faq-city details[open] summary{color:#111}
.fq-1 summary::after{content:"+";width:32px;height:32px;line-height:30px;text-align:center;border:1.5px solid #111;border-radius:999px;font-size:22px;font-weight:500;color:#111;box-sizing:border-box}
.fq-1 details[open] summary::after{content:"−";background:#ffc400}
@media (max-width:600px){
  .faq-city summary{font-size:17px;padding:14px 0;gap:14px}
  .fq-1 summary::after{width:28px;height:28px;line-height:26px;font-size:20px}
}

/* ===== v43: »More ways …« = kartice z ikono, zaklenjeno ===== */
#faq .keepgoing{margin-top:56px}
.kg-t{margin:0 0 16px;font-family:var(--display);font-weight:800;font-size:24px;letter-spacing:-.01em;max-width:none}
.kg-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.kg-card{display:flex;align-items:center;gap:14px;min-height:64px;padding:16px 18px;border:1px solid #dcdcd7;border-radius:16px;color:#111;text-decoration:none;font-weight:600;font-size:16.5px;background:#fff}
@media (hover:hover) and (pointer:fine){.kg-card:hover{border-color:#111}}
.kg-card .kg-ic{flex:none;width:28px;height:28px;color:#111}
.kg-card span{flex:1}
.kg-card .kg-arr{flex:none;width:20px;height:20px;color:#ffc400}
#faq .disclaimer{margin-top:40px}
#faq .byline{margin-top:28px}

/* ===== v44: noga — telefon levo, gumb viden, 3 stolpci od 700 px ===== */
@media (max-width:940px){
  footer.site .foot-cols>div{text-align:left}
  footer.site .foot-cols{grid-template-columns:1fr 1fr;gap:28px 24px}
  footer.site .foot-cols>div:nth-child(1){grid-column:auto}
  footer.site .foot-brand .foot-btn{display:inline-flex;margin-top:18px}
}
@media (min-width:700px) and (max-width:940px){footer.site .foot-cols{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){footer.site .foot-cols{grid-template-columns:1fr 1fr}footer.site .foot-brand .foot-btn{width:100%;justify-content:center}}

/* ===== v46: ENA LESTVICA RAZMIKOV (8-px osnova) — med sekcijami 150/96 ostane; znotraj sekcij povsod enako ===== */
#survey-in>h2,#permits-in>h2,#facts-in>h2,#rules-in>h2,#faq-in>h2{margin-bottom:16px}          /* H2 → uvodni stavek 16 */
#faq h2.h2s{font-size:var(--h2x,40px)!important;margin-bottom:16px!important}                  /* FAQ H2 enak ostalim */
#rules-in .rl{margin-top:32px}                                                                   /* H2 → vsebina brez uvoda 32 (robova se zlijeta) */
#survey-in .sv,#permits-in .pm,#facts-in .fx,#faq-in .faq-city{margin-top:32px}                 /* uvodni stavek → prvi blok 32 */
#faq .mock-note+.faq-city{margin-top:24px}                                                        /* demo opomba vmes: 8 + 24 */
.v3-h3{margin:64px 0 16px}                                                                        /* H3 64 nad, 16 pod */
#survey-in .ins,#permits-in .pq{margin-top:0}                                                     /* blok → blok 24 (= odstavek) */
#permits-in .pm-tail{margin-top:32px}                                                             /* razlaga za grafiko 32 */
.v3-src,#survey-in .v3-src{margin-top:24px}                                                       /* opomba vira 24 */
#permits-in .seeall,#faq .keepgoing,#faq .disclaimer{margin-top:48px}                            /* zaključni elementi 48 */
#faq .byline{margin-top:24px}
@media (max-width:600px){
  .v3-h3{margin:48px 0 12px}
  #survey-in .sv,#permits-in .pm,#facts-in .fx,#faq-in .faq-city{margin-top:24px}
  #faq .mock-note+.faq-city{margin-top:20px}
  #permits-in .pm-tail{margin-top:24px}
  #rules-in .rl{margin-top:24px}
  .v3-src,#survey-in .v3-src{margin-top:20px}
  #permits-in .seeall,#faq .keepgoing,#faq .disclaimer{margin-top:40px}
}

/* ===== v47: Safari/telefon ===== */
#city-hero .mc-in-wrap{min-width:0}
#city-hero .mc-in{min-width:0;width:100%}
#city-hero .mc-row{min-width:0;width:100%}
@media (max-width:600px){.dbar{width:auto;max-width:none;left:8px;right:8px;transform:none}.dbar .g.cities{max-width:none}}

/* ===== v49: UVOD NA TELEFONU = možnost 1 (zaklenjeno), samo ≤ 600 px ===== */
@media (max-width:600px){
  .cityhero .hv-h{display:flex;flex-direction:column}
  .cityhero .hv-h #h1{order:1}
  .cityhero .hv-h .hgfx{margin:0 0 14px}
  .cityhero .hv-h .hgfx svg{width:62%;max-width:230px;margin:0 auto;display:block}
  .cityhero .hv-h .n3s{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
  .cityhero .hv-h .n3{border-top:1px solid #333;padding:9px 0 8px}
  .cityhero .hv-h .n3:nth-child(-n+2){border-top:0;padding-top:0}
  .cityhero .hv-h .n3:nth-child(3){grid-column:1/-1}
  .cityhero .hv-h .n3 .k{font-size:13px;margin-bottom:3px}
  .cityhero .hv-h .n3 .v{font-size:24px}
  .cityhero .hv-h .n3 .v.inv{font-size:20px}
  .cityhero .hv-h .n3 .s{font-size:12.5px;flex-basis:100%}
  .cityhero .hv-h .lead{font-size:16px;line-height:1.5;color:#c9c9c4}
  .cityhero .hv-h .proofline{margin-top:0}
  .cityhero .hv-h .mc-ask{margin-top:12px}
  .cityhero .hv-h .hbtns{order:5;margin-top:18px}
  .cityhero .hv-h #ckNext{order:5;margin-top:14px}
  .cityhero .hv-h .hv-r{order:2;margin:18px 0 0}
  .cityhero .hv-h .proofline{order:3;margin-top:22px}
  .cityhero .hv-h .mc-ask{order:4}
  .cityhero .hv-h .lead{order:7;margin-top:22px}
}

/* ===== v50: uvod na telefonu — črni pas en zaslon, odstavek na belo ===== */
@media (max-width:600px){
  .cityhero.hub1-e{background:#fff;padding:0;margin-bottom:0}
  .cityhero.hub1-e .wrap{background:#111;padding-top:28px;padding-bottom:0}
  .cityhero .hv-h .hgfx svg{width:52%;max-width:200px}
  .cityhero .hv-h .hv-r{margin-top:14px}
  .cityhero .hv-h .n3:nth-child(3) .s{flex-basis:auto}
  .cityhero .hv-h .proofline{margin-top:18px;font-size:19px}
  .cityhero .hv-h .mc-ask{margin-top:10px}
  #ck .mc-res{margin-top:10px;min-height:0;font-size:14.5px;line-height:1.4;color:#c9c9c4}
  #ck .mc-res p{display:inline;margin:0}
  #ck .mc-res p.sm{font-size:14.5px}
  #ck .mc-res p.sm::before{content:" "}
  .cityhero .hv-h .hbtns{margin-top:16px;padding-bottom:28px}
  .cityhero .hv-h #ckNext{margin-top:12px}
  .cityhero .hv-h .lead{order:7;margin:0 calc(50% - 50vw);padding:28px calc(50vw - 50%) 0;box-sizing:border-box;width:100vw;max-width:100vw;background:#fff;color:#333;font-size:17px;line-height:1.6}
  body[data-look="b3"] main>section.cityhero{margin-bottom:0}
}

#faq .disclaimer a{color:#111}

/* ===== v53 (45. čet): Chicagov videz za vse bloke dovoljenj ===== */
.led.led-2 .led-h,.led.led-2 .led-r{grid-template-columns:1fr 150px}
.led-r em.sq{font-size:18px}
#permits-in .pq+.v3-src,#permits-in .pq+.pq-src{margin-top:24px}
#permits-in .v3-h3+.pq{margin-top:0}
.pm-sq{margin-top:32px}
.led.led-c .led-r{min-height:44px;font-size:15px}.led.led-c .led-r em{font-size:17px;padding:3px 9px}
@media (max-width:900px){.fg-n5 .fg-col:nth-child(even) .fg-area b{margin-bottom:15px}.fg-n5 .fg-col b{font-size:11.5px}}
@media (max-width:600px){.cityhero .hv-h .n3s{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cityhero .n3{min-width:0}.cityhero .n3 .v.none{white-space:normal}}

/* ===== v55 (45. čet): LA histogram = B, zaklenjeno (število streh nad stolpcem, velikost pod njim; telefon: števila skrita, vsaka druga velikost) ===== */
.pm-sq .hs-plot{height:214px}
.pm-sq .hs-bars{inset:80px 0 0}
.pm-sq .hs-band{top:80px}
.pm-sq .hs-bars i{position:relative}
.pm-sq .hs-bars i s{display:block;position:absolute;left:50%;bottom:100%;transform:translateX(-50%);margin-bottom:4px;font-size:12px;font-weight:700;font-style:normal;color:#5b5b57;text-decoration:none;white-space:nowrap;line-height:1}
.pm-sq .hs-bars i.md s{transform:translateX(calc(-100% - 2px))}   /* število koša z mediano levo od črte mediane */
.pm-sq .hs-ax2{position:relative;height:22px;margin-top:6px}
.pm-sq .hs-ax2 span{position:absolute;top:0;transform:translateX(-50%);font-size:12.5px;color:#6b6b66;white-space:nowrap}
.pm-sq .hs-ax2 span.md{color:#111;font-weight:700}
@media (max-width:600px){
  .pm-sq .hs-plot{height:190px}
  .pm-sq .hs-bars{inset:56px 0 0}
  .pm-sq .hs-band{top:56px}
  .pm-sq .hs-bars i s{display:none}
  .pm-sq .hs-ax2 span{font-size:11.5px}
  .pm-sq .hs-ax2 span:nth-child(even){display:none}
}
@media (max-width:900px){.fg-n5 .fg-col b{white-space:normal;text-align:center;line-height:1.1}}
@media (max-width:359px){.fg-n5 .fg-cols{gap:3px}.fg-n5 .fg-col{min-width:0;flex:1 1 0}.fg-n5 .fg-col b{font-size:10px;letter-spacing:-.2px}.fg-n5 .fg-col span{font-size:11px;overflow-wrap:anywhere}}

/* v25: obrazec */
#readers .rr-amts{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 16px;align-items:start}
#readers .rr-amts #rrEsts,#readers .rr-amts #rrAddEst{grid-column:1}
#readers .rr-amts .rr-bill{grid-column:2;grid-row:1;padding-top:0;border-top:0}
#readers .rr-amts .rr-note{grid-column:1/-1}
#readers .rr-est{grid-template-columns:minmax(0,1fr);gap:6px}
#readers .rr-side{min-height:0}
#readers .rr-opt-btn{margin:22px 0 0;padding-top:18px;border-top:1px solid #dcdcd7;border-radius:0;width:100%;justify-content:flex-start;min-height:62px}
#readers .rr-opt-btn em{font-style:normal;font-weight:500;color:#8a8a84;margin-left:2px}
#readers .rr-opt-btn[aria-expanded="true"]::before{content:"\2013"}
#readers #rrOpt{margin-top:12px}
#readers #rrSave{margin-top:20px}
#readers .rr-right .addh{margin-top:20px}
#readers .rr-amts .rr-delsp{display:none}
@media (max-width:600px){#readers .rr-amts{grid-template-columns:minmax(0,1fr)}#readers .rr-amts .rr-bill{grid-column:1;grid-row:auto;padding-top:14px;border-top:1px solid #dcdcd7}}

/* Safari: skrij gumb AutoFill (kontakti/gesla) v poljih */
input::-webkit-contacts-auto-fill-button,input::-webkit-credentials-auto-fill-button,input::-webkit-strong-password-auto-fill-button{visibility:hidden!important;display:none!important;pointer-events:none!important;position:absolute;right:0;width:0;height:0}


.brand{display:inline-flex;align-items:center;gap:9px;color:#fff}
.brand .mark{width:30px;height:30px;flex:none;display:block;color:#fff}
.brand .wm{font-weight:800;letter-spacing:-.015em;line-height:1}
.brand .wm b{color:#ffc400;font-weight:800}
body[data-look="b3"] .brand{color:#fff}
footer.site .foot-brand a.brand{color:#fff;gap:9px}
@media (max-width:480px){.brand{font-size:22px}.brand .mark{width:26px;height:26px}}

/* v78 (66. čet): homeowner reports — full width under the form; left column L1/L2/L3 */
body[data-reports="100"] #readers .wrap:not(.rr-allw){align-items:stretch}
body[data-reports="100"] #readers .rr-left{display:flex;flex-direction:column}
body[data-reports="100"] #readers #rrList{flex:1}
#readers .rr-allw{display:block;margin-top:56px}
#readers .br-h{font-size:28px;font-weight:800;margin:0}
#readers .br-chip{margin-top:10px}
#readers .br-intro{margin:10px 0 20px;color:#5b5b57;font-size:16px;max-width:none}
#readers .br-top{display:block}
#readers .br-chips{margin:0}
#readers .br-chips .lab{min-width:132px}
#readers .br-res{display:grid;grid-template-columns:auto 1fr;grid-template-areas:'v k' 'v s';column-gap:28px;row-gap:2px;align-items:center;background:#111;color:#fff;border-radius:16px;padding:18px 24px;margin-top:20px}
#readers .br-res .br-v{grid-area:v}#readers .br-res .br-k{grid-area:k;align-self:end}#readers .br-res .br-s{grid-area:s;align-self:start}
#readers .br-res:not(:has(.br-v)){grid-template-columns:1fr;grid-template-areas:'k' 's'}
#readers .br-k{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffc400}
#readers .br-v{font-family:var(--display);font-size:44px;font-weight:800;line-height:1.1;letter-spacing:-.02em}
#readers .br-s{font-size:15px;color:#c9c9c4;line-height:1.45}
#readers .rr-tw{margin-top:24px}
#readers .rr-tw td{padding:13px 18px}
#readers .br-note{margin:14px 0 0;font-size:14px;color:#6b6b66;max-width:none}
#readers .rr-morebar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px}
#readers .rr-cnt{font-size:14.5px;color:#5b5b57}
#readers .br-pager{margin-top:16px}
#readers .br-morebtn{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:12px 0 0;padding:0 16px;border:1.5px solid #dcdcd7;border-radius:999px;background:#fff;color:#111;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
#readers .br-morebtn[aria-expanded="true"] svg{transform:rotate(180deg)}
#readers .br-morebtn:focus-visible{outline:3px solid #ffc400;outline-offset:2px}
#readers .br-more{margin-top:12px}
#readers .br-mnote{margin:10px 0 0;font-size:14px;color:#6b6b66;max-width:none}
#readers .rr-tw td small.br-det{display:block;font-size:14px;color:#6b6b66;margin-top:2px;white-space:normal}
#readers .br-pg{min-width:44px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center}
#readers .br-next svg{transform:rotate(180deg)}
#readers .br-pg[aria-current="page"]{background:#111;color:#fff;border-color:#111}
#readers .br-pg[disabled] svg{opacity:.4}
@media (max-width:600px){#readers .br-pager{flex-direction:column;align-items:flex-start}#readers .br-pager .pbtns{gap:6px;flex-wrap:nowrap}#readers .br-pager .pgap{padding:0}}
#readers .rr-more a{color:#111;font-weight:600;text-decoration:underline;text-decoration-color:#ffc400;text-decoration-thickness:2px;text-underline-offset:3px}
#readers .rr-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
#readers .rr-two>div{background:#111;color:#fff;border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:2px}
#readers .rr-two b{font-family:var(--display);font-size:32px;font-weight:800;line-height:1.1;letter-spacing:-.02em}
#readers .rr-two small{font-size:14px;color:#c9c9c4}
#readers .rr-ht{margin:10px 0 4px;font-size:15px}
#readers .rr-new{list-style:none;margin:12px 0 0;padding:0}
#readers .rr-new li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:6px 0;border-top:1px solid #dcdcd7;font-size:15.5px}
#readers .rr-new li b{font-size:17px;font-weight:800}
#readers .rr-new li span{color:#6b6b66;font-size:14px;margin-left:auto}
#readers .rr-hist{display:block;width:100%;height:auto}
#readers .rr-hist text{font:600 12px var(--display);fill:#111}
#readers .rr-hist text.ax{font-weight:500;fill:#6b6b66}
@keyframes rrIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
#readers .rr-in{animation:rrIn .25s ease-out}
@media (prefers-reduced-motion:reduce){#readers .rr-in{animation:none}}
@media (min-width:601px){#readers .br-chips .lab{pointer-events:none}}
@media (max-width:600px){
 #readers .rr-allw{margin-top:40px}
 #readers .br-chips .lab{min-width:0}
 #readers .br-v{font-size:34px}
 #readers .br-res{grid-template-columns:1fr;grid-template-areas:'k' 'v' 's';padding:16px 18px}
 #readers .rr-tw td,#readers .rr-tw th{padding:12px 10px;font-size:15px;white-space:normal}
 #readers .rr-tw td.val{white-space:nowrap;font-size:16px}
 #readers .rr-tw th{font-size:11.5px;letter-spacing:.03em}
 #readers .rr-tw table{min-width:0}
 #readers .rr-ar{display:none}
 #readers .rr-two b{font-size:26px}
}


/* 1: as hub v28 - yellow focus ring on black header/footer/hero, footer hover yellow, phone search band */
header.site a:focus-visible,header.site button:focus-visible,footer.site a:focus-visible,footer.site button:focus-visible,#city-hero a:focus-visible,#city-hero button:focus-visible{outline-color:#ffc400}
.hfind-hits a:focus-visible{outline-color:#111}
@media (hover:hover) and (pointer:fine){body[data-look^="b"] footer.site .foot-cols a:hover{color:#ffc400}}
.hfind[data-open="true"] .hfind-box{background:#111;padding:12px;border-radius:16px;box-shadow:0 14px 34px rgba(0,0,0,.45)}
.hfind[data-open="true"] .hfind-hits{position:static;margin-top:10px;box-shadow:none}
.hfind[data-open="true"] .hfind-box .lupa{top:34px;left:24px}
.foot-brand p{font-size:16px}
/* 2: buttons and source links answer the mouse (hover) and the press (active) */
@media (hover:hover){
 body[data-look^="b"] #city-hero .btn.btn-o:hover{background:rgba(255,196,0,.14)}
 #city-main a:not(.btn):not(.kg-card):hover{text-decoration-thickness:2px}
}
body[data-look^="b"] .btn:active{transform:translateY(1px);filter:brightness(.92)}
body[data-look^="b"] #city-hero .btn.btn-o:active{background:rgba(255,196,0,.24)}
/* 5: "optional" grey 3.5:1 -> 5.3:1 */
.form label em,#readers .rr-opt-btn em{color:#6b6b66}
/* yellow focus on white: add a dark inner line so it shows */
#readers input:focus-visible,#readers select:focus-visible,#readers button:focus-visible,#faq summary:focus-visible{box-shadow:inset 0 0 0 1.5px #111}
/* running text 16 px */
#rrApart{font-size:16px}
/* phone: source links big enough to tap */
@media (max-width:600px){.rl-card .src a{display:inline-block;padding:13px 0}}
/* tablet: house no longer fills the whole screen */
@media (min-width:601px) and (max-width:1023px){#city-hero .hg-house{max-width:380px;margin:0 auto}}
/* "Add another estimate" on one line; byline on one line */
#readers .rr-add{white-space:nowrap}
.hub4 p.byline{max-width:none}


/* 4 (fix of v97): on phones each source link sits on its own line; the "·" between them is hidden */
@media (max-width:600px){.rl-card .src{font-size:0;max-width:none}.rl-card .src a{display:block;padding:11px 0;font-size:13.5px}}
/* chart with groups: a group gets room by its number of bars (US 3 bars, Houston 1) */
.fg-grp:has(.fg-col:nth-child(2)){flex-grow:2}
.fg-grp:has(.fg-col:nth-child(3)){flex-grow:3}

/* WordPress: the City field is fixed to the page's city (no typing). */
#readers #rrCity[readonly]{border-style:dashed;background:#f5f5f2;color:#111;cursor:default}
#readers #rrCity[readonly]:focus{outline:none;border-color:#dcdcd7}
/* Long official area names: cut with "…" instead of clipping (v0.6.1). */
#readers #rrHood{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
/* Turnstile box: takes no space unless Cloudflare asks for a click (v0.6.3). */
#readers .rr-ts:empty{display:none}
#readers .rr-ts{margin-top:20px;min-height:0}
#readers .rr-ts iframe{max-width:100%}