/* The where to build page, /gb/atlas/where-to-build/. Every rule is scoped to .wtb so the
   page cannot restyle the site header, footer or navigation it sits inside. */
/* site.css already styles some of these class names for other pages; neutralise what would leak in */
.wtb .panel{background:none;border:0;border-radius:0;padding:0;display:block;gap:0}
.wtb .chip{border:0}
.wtb .tag{border:0;border-radius:999px}
.wtb .band{padding:0}
.wtb .sub{display:block}
.wtb .fig{padding:0}
.wtb .rk{letter-spacing:0;text-transform:none;font-weight:400}
.wtb .src{margin:0}
.wtb summary{display:block;color:var(--ink);font-size:15px}
.wtb summary:hover{background:none}
.wtb summary::after{content:none}
.wtb{color-scheme:light;
  --canvas:#ffffff;--paper:#ffffff;--ink:#1b2327;--muted:#6b6357;--faint:#6e665a;
  --wash:#e9e3d7;--hair:#dbd4c6;--grid:#e6e0d4;--accent:#0061a3;--brand:#005871;
  --btn:#efa00b;--btn-ink:#1b2327;--green-ink:#007456;--idle:#7c8a93;
  --dvn2:#4a90c4;--dvn1:#9bc8e7;--dv0:#ecefec;--dvp1:#f2d6da;--dvp2:#dca3ae;--dvp3:#be6d7e;--dvp4:#a93a4b;
  --watch-bg:#f3e7bd;--watch-ink:#6e5a16;--none-bg:#e8e7e2;--none-ink:#5a5a54;--sea:#f6f8f9;
  --display:'Schibsted Grotesk',Inter,'Helvetica Neue',Arial,sans-serif;
  --sans:Inter,'Helvetica Neue',Arial,sans-serif;
  --wrap:74rem;--gut:28px;--measure:44rem;}
.wtb *{box-sizing:border-box}
.wtb{color:var(--ink);font:400 16.5px/1.6 var(--sans);-webkit-font-smoothing:antialiased;}
.wtb a{color:var(--accent);text-decoration:underline;text-decoration-color:rgba(0,97,163,.45);text-underline-offset:2px;text-decoration-thickness:1px}
.wtb .wrap{padding-top:0;max-width:var(--wrap);margin:0 auto;padding-inline:var(--gut)}
.wtb .kicker{font:600 11px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:34px 0 18px}
.wtb .kicker b{color:var(--ink)}
.wtb h1{font:600 42px/1.12 var(--display);letter-spacing:-.022em;margin:0 0 16px;max-width:46rem;text-wrap:balance}
.wtb .lede{font:400 19px/1.55 var(--display);color:var(--muted);max-width:var(--measure);margin:0 0 30px;text-wrap:pretty}
.wtb h2{font:600 25px/1.22 var(--display);letter-spacing:-.012em;margin:0 0 10px;max-width:46rem;text-wrap:balance}
.wtb h3{font:600 16px/1.35 var(--display);margin:0 0 6px}
.wtb p{margin:0 0 16px;text-wrap:pretty}
.wtb .note{font-size:14px;line-height:1.55;color:var(--muted)}
.wtb .band{border-top:1px solid var(--ink);padding-top:26px;margin-top:80px}
.wtb .sub{max-width:var(--measure);color:var(--muted);font-size:15.5px;margin-bottom:22px}
.wtb .controls{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;border-top:1px solid var(--ink);padding-top:16px}
.wtb .lab{font:600 11px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-right:8px}
.wtb .seg{display:inline-flex;border:1px solid var(--hair);border-radius:6px;padding:3px;gap:3px;background:var(--paper)}
.wtb .seg button{font:500 14px/1 var(--display);border:0;background:transparent;color:var(--ink);padding:9px 13px;border-radius:4px;cursor:pointer}
.wtb .seg button[aria-pressed="true"]{background:var(--ink);color:#fff}
.wtb button:focus-visible,.wtb select:focus-visible,.wtb .area:focus-visible,.wtb .rk:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wtb select{font:500 14px/1 var(--sans);color:var(--ink);border:1px solid var(--hair);border-radius:8px;padding:9px 30px 9px 10px;background:var(--paper);max-width:100%}
.wtb .frame-note{font-size:14px;color:var(--muted);flex-basis:100%;margin:0;max-width:60rem}
.wtb .stage{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;margin-top:24px;align-items:start}
.wtb .mapcol{min-width:0}
.wtb .mapcol svg{display:block;width:100%;height:auto}
.wtb .area{cursor:pointer;stroke:rgba(27,35,39,.16);stroke-width:.45;stroke-linejoin:round}
.wtb .area:hover{stroke:var(--ink);stroke-width:1.1}
.wtb .bline{fill:none;stroke:var(--ink);stroke-width:1.8;stroke-dasharray:7 5;pointer-events:none}
.wtb .bhalo{fill:none;stroke:#fff;stroke-width:4.5;stroke-linecap:round;pointer-events:none}
.wtb .blab{font:600 14px/1 var(--sans);fill:var(--ink);paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}
.wtb .blab2{font:400 11px/1 var(--sans);fill:var(--muted)}
.wtb .gen{fill:none;stroke:var(--ink);stroke-width:1.1;pointer-events:none}
.wtb .gen.on{stroke-dasharray:2 2}
.wtb .co .t1{font:600 16px/1 var(--sans);fill:var(--ink)}
.wtb .co .t2{font:400 14.5px/1 var(--sans);fill:var(--muted)}
.wtb .co path{fill:none;stroke:var(--ink);stroke-width:.9}
.wtb .inset{fill:none;stroke:var(--hair);stroke-width:1}
.wtb .key{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin-top:8px;font-size:13px;color:var(--muted)}
.wtb .ramp{display:flex;align-items:center;gap:8px}
.wtb .ramp .sw{display:flex}
.wtb .ramp .sw i{width:30px;height:10px;display:block;box-shadow:inset 0 0 0 .5px rgba(0,88,113,.3)}
.wtb .hatch{width:14px;height:10px;border-radius:2px;display:inline-block;vertical-align:-1px;margin-right:6px;background:repeating-linear-gradient(45deg,#fff 0 2px,var(--hair) 2px 3.4px);box-shadow:inset 0 0 0 .5px rgba(0,88,113,.3)}
.wtb .kline{display:inline-block;width:22px;border-top:1.4px dashed var(--ink);vertical-align:3px;margin-right:6px}
.wtb .kcirc{display:inline-block;width:12px;height:12px;border:1.1px solid var(--ink);border-radius:50%;vertical-align:-1px;margin-right:6px}
.wtb .side{min-width:0;position:sticky;top:76px}
.wtb .panel{border-top:1px solid var(--hair);padding-top:14px}
.wtb .eyebrow{font:600 11px/1.3 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.wtb .aname{font:600 24px/1.15 var(--display);letter-spacing:-.012em;margin:0 0 14px}
.wtb .score{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:4px}
.wtb .score .fig{font:600 58px/.92 var(--display);letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.wtb .score .fig small{font-size:15px;font-weight:500;color:var(--muted);letter-spacing:0;margin-left:5px}
.wtb .chip{display:inline-flex;align-items:center;gap:7px;font:600 13px/1 var(--display);padding:7px 10px;border-radius:999px;background:var(--wash);color:var(--ink)}
.wtb .chip i{width:10px;height:10px;border-radius:2px;box-shadow:inset 0 0 0 .5px rgba(0,88,113,.4)}
.wtb .rank{font-size:14px;color:var(--muted);margin:6px 0 14px}
.wtb .fp{border-top:1px solid var(--hair);padding:10px 0 11px}
.wtb .fp .row1{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.wtb .fp .q{font:500 14.5px/1.35 var(--sans)}
.wtb .fp .v{font:600 14.5px/1.35 var(--sans);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.wtb .fp svg{display:block;width:100%;height:16px;margin:7px 0 5px}
.wtb .fp .src{font-size:12.5px;line-height:1.45;color:var(--muted)}
.wtb .tag{font:600 10px/1 var(--display);letter-spacing:.09em;text-transform:uppercase;padding:3px 6px;border-radius:999px;margin-right:6px;vertical-align:1px}
.wtb .tag.m{background:#e2f0ea;color:var(--green-ink)}
.wtb .tag.p{background:#e6eef6;color:var(--accent)}
.wtb .tag.d{background:#efe6f0;color:#6a3d74}
.wtb .tag.i{background:var(--none-bg);color:var(--none-ink)}
.wtb .grey{font-size:14px;border:1px solid var(--hair);border-radius:4px;padding:11px 13px;margin:6px 0 12px}
.wtb .atl .q2{font-size:14.5px;margin:0 0 8px}
.wtb .pl{list-style:none;margin:0 0 6px;padding:0}
.wtb .pl li{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;padding:5px 0;border-top:1px solid var(--grid)}
.wtb .pl li span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wtb .pl .pm{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.wtb .ranks{margin-top:26px;border-top:1px solid var(--ink);padding-top:12px}
.wtb .rk{display:grid;grid-template-columns:1.6rem minmax(0,1fr) 7.5rem 2rem;gap:10px;align-items:center;padding:5px 0;border-bottom:1px solid var(--grid);cursor:pointer;font-size:14px;background:none;border-left:0;border-right:0;border-top:0;width:100%;text-align:left;color:var(--ink);font-family:var(--sans)}
.wtb .rk:hover{background:#faf8f4}
.wtb .rk .i{color:var(--muted);font-variant-numeric:tabular-nums}
.wtb .rk .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wtb .rk .nm small{color:var(--muted);margin-left:6px}
.wtb .rk .b{height:8px;background:var(--wash);border-radius:2px;position:relative}
.wtb .rk .b i{position:absolute;left:0;top:0;bottom:0;border-radius:2px 0 0 2px}
.wtb .rk .s{font:600 14px/1 var(--display);font-variant-numeric:tabular-nums;text-align:right}
.wtb .bcharts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 48px;max-width:68rem}
.wtb .bcharts figure{margin:0;min-width:0}
.wtb .bcharts svg{display:block;width:100%;height:auto;overflow:visible}
.wtb .bcharts h3{font-size:15.5px;margin-bottom:2px}
.wtb .bcharts .bsub{font-size:13px;color:var(--muted);margin:0 0 6px}
.wtb .gap{max-width:56rem}
.wtb .gap .row{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:18px;align-items:center;padding:14px 0;border-top:1px solid var(--hair)}
.wtb .gap .row:last-child{border-bottom:1px solid var(--hair)}
.wtb .gap .nm{font:600 15px/1.3 var(--display)}
.wtb .gap .nm small{display:block;font:400 13px/1.4 var(--sans);color:var(--muted);margin-top:3px}
.wtb .gap svg{display:block;width:100%;height:auto;overflow:visible}
.wtb .spread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 48px;max-width:68rem}
.wtb .spread figure{margin:0;min-width:0}
.wtb .spread svg{display:block;width:100%;height:auto;overflow:visible}
.wtb .spread figcaption{font-size:13px;color:var(--muted);line-height:1.5;margin-top:6px}
.wtb .spread figcaption b{color:var(--ink);font-weight:600}
.wtb .pos{max-width:var(--measure);border-left:0;margin:30px 0 0;padding:16px 0 0;border-top:1px solid var(--hair)}
.wtb .pos h3{font-size:17px}
.wtb .slope svg{display:block;width:100%;max-width:56rem;height:auto}
.wtb .multi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 34px;max-width:62rem}
.wtb .multi figure{margin:0;min-width:0}
.wtb .multi h3{font-size:14px;line-height:1.35;min-height:2.7em}
.wtb .multi svg{width:100%;height:auto;display:block}
.wtb .multi path{stroke:rgba(27,35,39,.12);stroke-width:.4}
.wtb .multi figcaption{font-size:12px;line-height:1.45;color:var(--muted);margin-top:6px}
.wtb .multi figcaption b{color:var(--ink);font-weight:600}
.wtb .method{max-width:var(--measure)}
.wtb .method ol{padding-left:1.2em;margin:0 0 16px}
.wtb .method li{margin-bottom:9px}
.wtb details{border-top:1px solid var(--hair);margin-top:26px}
.wtb summary{cursor:pointer;font:600 15px/1 var(--display);padding:14px 0;list-style:none}
.wtb summary::before{content:"";display:inline-block;border:4px solid transparent;border-left:5px solid var(--ink);margin-right:8px;vertical-align:1px}
.wtb details[open] summary::before{transform:rotate(90deg)}
.wtb .tbl{overflow-x:auto;max-height:520px;overflow-y:auto}
.wtb table{border-collapse:collapse;width:100%;font-size:13px;font-variant-numeric:tabular-nums}
.wtb th{position:sticky;top:0;background:var(--paper);font:600 11.5px/1.3 var(--display);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);text-align:right;padding:8px 9px;border-bottom:1px solid var(--ink);vertical-align:bottom}
.wtb td{padding:6px 9px;border-bottom:1px solid var(--hair);text-align:right;white-space:nowrap}
.wtb th:first-child,.wtb td:first-child{text-align:left;padding-left:0}
.wtb td .dot{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:7px;box-shadow:inset 0 0 0 .5px rgba(0,88,113,.4)}
.wtb .sources{font-size:13.5px;color:var(--muted);max-width:52rem;padding-left:1.1em}
.wtb .sources li{margin-bottom:6px}
@media (max-width:980px){
.wtb .stage{grid-template-columns:minmax(0,1fr);gap:26px}
.wtb .side{position:static}
.wtb .multi{grid-template-columns:repeat(3,minmax(0,1fr))}
.wtb .spread{grid-template-columns:minmax(0,1fr)}
.wtb .bcharts{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
.wtb{--gut:18px}
.wtb h1{font-size:30px}
.wtb .lede{font-size:17px}
.wtb h2{font-size:21px}
.wtb .multi{grid-template-columns:repeat(2,minmax(0,1fr))}
.wtb .gap .row{grid-template-columns:minmax(0,1fr)}
.wtb .co .t2{display:none}
}
@media (max-width:560px){
.wtb .controls>div{width:100%;display:flex;align-items:center;min-width:0}
.wtb select{flex:1 1 auto;min-width:0;width:100%}
}