/* City guide hubs. On top of login.css + wanderin.css + blog.css + blog-index.css. */
.gd{margin-top:18px}
.gd .kick{display:inline-flex;margin-bottom:14px}
.gd-stats{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:20px 0 0;padding:0}
.gd-stats li{font:500 14px "DM Mono",monospace;background:var(--paper);border:2px solid var(--ink);border-radius:14px;padding:5px 14px;box-shadow:3px 3px 0 var(--ink)}
.gd-stats li:nth-child(odd){rotate:-1.2deg}.gd-stats li:nth-child(even){rotate:1deg}
.gd-stats b{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;font-size:17px}
.gd-sheet{background:var(--paper);border:3px solid var(--ink);border-radius:26px;box-shadow:7px 7px 0 var(--ink);padding:clamp(18px,3vw,38px);margin-top:28px;max-width:860px;display:grid;gap:40px}
.gd-cat h2{font-weight:800;font-size:clamp(25px,3vw,34px);line-height:1.08;letter-spacing:-.02em;margin:0 0 8px}
.gd-big{font-weight:800;font-size:clamp(38px,6vw,64px);line-height:1;letter-spacing:-.03em;margin:6px 0 4px}
.gd-big small{font:500 15px "DM Mono",monospace;letter-spacing:0;margin-left:8px}
.gd-range{font:500 13px/1.45 "DM Mono",monospace;margin:0 0 14px}
.gd .bl-pr{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.gd .bl-eq{font:500 11.5px/1.3 "DM Mono",monospace;text-align:right;overflow-wrap:anywhere}
.gd-eq{display:block;font:500 13px/1.35 "DM Mono",monospace;margin:0 0 8px}
.gd-eq.gd-eq-range{font-size:12px;margin:2px 0}
.gd-city .gd-eq{font-size:11px;font-weight:500;margin:2px 0 0;text-align:right}
.gd-rates{margin-top:12px}
.gd .bl-rank{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.gd .bl-rk{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff;border:2px solid var(--ink);border-radius:16px;padding:10px 12px;box-shadow:3px 3px 0 var(--ink)}
.gd .bl-rk>b{width:34px;height:34px;border-radius:50%;background:var(--sun);border:2px solid var(--ink);display:grid;place-items:center;font-size:15px;font-weight:800}
.gd .bl-rk a,.gd .bl-rk strong{font-weight:800;font-size:18px;line-height:1.15;display:block;color:var(--ink)}
.gd .bl-rk-m{display:block;font:500 12px/1.4 "DM Mono",monospace;margin-top:3px}
.gd .bl-rk em{font:500 13px "DM Mono",monospace;font-style:normal;background:var(--lagoon);border:2px solid var(--ink);border-radius:99px;padding:2px 10px;white-space:nowrap}
.gd .bl-go{margin:40px auto 0;max-width:460px}
.gd-list{margin-top:28px}
.gd-card{padding:18px 18px 16px}
.gd-card strong{font-size:32px}
@media (max-width:560px){.gd .bl-rk{grid-template-columns:30px minmax(0,1fr)}.gd .bl-rk em,.gd .bl-pr{grid-column:2;justify-self:start}.gd .bl-pr{align-items:flex-start}.gd .bl-eq{text-align:left}}
.bl-crumb{font:500 13px "DM Mono",monospace;margin-bottom:14px}
.bl-crumb a{color:inherit}
.bl-h1{font-weight:800;font-size:clamp(34px,5vw,72px);line-height:1;letter-spacing:-.025em;margin:6px 0 0;max-width:19ch;paint-order:stroke fill;-webkit-text-stroke:8px var(--sky)}
.bl-h1 mark{display:inline;color:var(--ink);background:var(--sun);padding:0 .12em;border:3px solid var(--ink);border-radius:.18em;box-decoration-break:clone;-webkit-box-decoration-break:clone;-webkit-text-stroke:0;line-height:1.14;white-space:normal;position:static}
.bl-h1 mark::after{display:none}
.bl-sub{font-size:clamp(18px,2vw,26px);line-height:1.25;letter-spacing:-.01em;max-width:36ch;margin:18px 0 0;paint-order:stroke fill;-webkit-text-stroke:6px var(--sky)}
.gd .bl-rk-m a.gd-map{display:inline;font:inherit;color:var(--ink)}
.gd-note{font:500 12px "DM Mono",monospace;margin:10px 0 0}
.gd-aw{display:inline-block;font:500 11px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.04em;background:var(--sun);border:2px solid var(--ink);border-radius:99px;padding:0 8px;margin:3px 5px 0 0}

.gd-photo{margin:24px 0 0;max-width:860px}.gd-photo img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;border:3px solid var(--ink);border-radius:22px;box-shadow:5px 5px 0 var(--ink)}.gd-photo figcaption,.gd-credit{font:500 11.5px "DM Mono",monospace;margin-top:9px}.gd-photo a,.gd-credit a{color:inherit}
.gd-index .bl-sub{max-width:44ch}
.gd-cities{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(380px,100%),1fr));gap:26px;margin-top:30px}
.gd-city{display:flex;flex-direction:column;background:var(--paper);color:var(--ink);text-decoration:none;border:3px solid var(--ink);border-radius:26px;box-shadow:7px 7px 0 var(--ink);overflow:hidden;transition:transform .14s,box-shadow .14s}
.gd-city:hover{transform:translate(-2px,-2px) rotate(-.3deg);box-shadow:10px 10px 0 var(--ink)}
.gd-city:focus-visible{outline:4px solid var(--ink);outline-offset:4px}
.gd-city-img{display:block;aspect-ratio:3/2;background:var(--lagoon);border-bottom:3px solid var(--ink)}.gd-city-img img{display:block;width:100%;height:100%;object-fit:cover}
.gd-city-txt{display:grid;gap:10px;padding:20px 22px 22px;align-content:start}
.gd-city strong{font-weight:800;font-size:clamp(38px,5vw,60px);line-height:.95;letter-spacing:-.03em}
.gd-city-m{font:500 12.5px/1.4 "DM Mono",monospace}
.gd-city ul{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:6px}
.gd-city li{display:flex;justify-content:space-between;gap:12px;align-items:baseline;border-bottom:2px dotted rgba(13,43,74,.3);padding-bottom:5px;font-size:16px}.gd-city li b{font:500 14px "DM Mono",monospace;white-space:nowrap}
.gd-city em{font-style:normal;font-weight:800;justify-self:start;background:var(--sun);border:2px solid var(--ink);border-radius:99px;padding:5px 16px;box-shadow:3px 3px 0 var(--ink);margin-top:6px}
.gd-cities.is-one{grid-template-columns:minmax(0,1fr);max-width:1040px}
@media (min-width:800px){.gd-cities.is-one .gd-city{flex-direction:row}.gd-cities.is-one .gd-city-img{flex:0 0 46%;aspect-ratio:auto;border-bottom:0;border-right:3px solid var(--ink)}.gd-cities.is-one .gd-city-txt{flex:1;padding:26px 30px}}
.gd-next,.gd-rule{margin-top:44px;position:relative}
.gd-next h2,.gd-rule h2{font-weight:800;font-size:clamp(25px,3vw,36px);letter-spacing:-.02em;margin:0 0 14px;paint-order:stroke fill;-webkit-text-stroke:6px var(--sky)}
.gd-next ul,.gd-rule ul{list-style:none;display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0}
.gd-next li{background:var(--paper);border:2px solid var(--ink);border-radius:16px;padding:8px 16px;box-shadow:3px 3px 0 var(--ink);font-weight:800;font-size:18px}.gd-next small{display:block;font:500 11.5px "DM Mono",monospace}
.gd-next li:nth-child(odd){rotate:-1.2deg}.gd-next li:nth-child(even){rotate:1deg}
.gd-rule li{background:var(--sun);border:2px solid var(--ink);border-radius:14px;padding:6px 14px;box-shadow:3px 3px 0 var(--ink);font:500 14px "DM Mono",monospace}.gd-rule b{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-size:19px;font-weight:800}

/* Section pages (open late, price band, city stats): lib/sections-render.mjs. Same sheet, same stickers. */
.gd-sec .gd-sheet{gap:44px}
.gd-ans{font-size:clamp(17px,2vw,21px);line-height:1.35;font-weight:600;margin:0 0 16px;max-width:60ch}
.gd-h3{font:500 13px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.05em;margin:20px 0 10px}
.gd-dist{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px;padding:0}
.gd-dist li{font:500 13px "DM Mono",monospace;background:#fff;border:2px solid var(--ink);border-radius:99px;padding:3px 12px}
.gd-dist b{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;font-size:16px;margin-right:4px}
.gd-sibs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:30px 0 0;max-width:860px}
.gd-sibs>span{font:500 13px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.05em}
.gd-sib{display:inline-block;color:var(--ink);text-decoration:none;font-weight:800;font-size:16px;background:var(--paper);border:2px solid var(--ink);border-radius:99px;padding:5px 16px;box-shadow:3px 3px 0 var(--ink)}
.gd-sib:hover{transform:translate(-1px,-1px)}
.gd-strip{margin:18px 0 0}
.gd-qs .bl-sub{margin:0 0 18px;max-width:52ch}
.gd-qlist{display:grid!important;gap:12px!important;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}
.gd-qlist li{background:var(--paper);border:2px solid var(--ink);border-radius:16px;padding:10px 14px;box-shadow:3px 3px 0 var(--ink);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.gd-qlist li strong{flex:1 0 100%;font-weight:800;font-size:20px}
.gd-qlist .gd-sib{font-size:14px;padding:3px 12px;box-shadow:2px 2px 0 var(--ink)}
.gd-stat-grid{list-style:none;margin:0;padding:0;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr))}
.gd-stat{background:#fff;border:2px solid var(--ink);border-radius:18px;padding:14px 16px;box-shadow:4px 4px 0 var(--ink);display:grid;gap:7px;align-content:start}
.gd-stat strong{font-weight:800;font-size:20px}
.gd-stat .gd-big{font-size:clamp(34px,5vw,48px);margin:0}
.gd-stat-m,.gd-stat-h,.gd-stat small{font:500 12px/1.45 "DM Mono",monospace}
.gd-bar{display:flex;height:12px;border:2px solid var(--ink);border-radius:99px;overflow:hidden;background:#fff}
.gd-bar i{display:block;height:100%}.gd-bar .b1{background:var(--lagoon)}.gd-bar .b2{background:var(--sun)}.gd-bar .b3{background:var(--coral)}
.gd-stat-h{border-top:2px dotted rgba(13,43,74,.3);padding-top:7px}
@media (max-width:560px){.gd-sheet{padding:16px}.gd-sib{font-size:14px}}