.breadcrumb{padding-block:var(--sp-4)}.breadcrumb ol{list-style:none;padding:0;margin:0;display:flex;gap:var(--sp-2);font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-mute)}.breadcrumb li:not(:last-child):after{content:"·";margin-left:var(--sp-2);color:var(--ink-faint)}.breadcrumb a{color:var(--ink-mute);text-decoration:none}.breadcrumb a:hover{color:var(--terra)}.breadcrumb [aria-current=page]{color:var(--ink)}.city-hero{padding-block:var(--sp-12) var(--sp-12)}.city-hero__inner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--sp-16);align-items:end}.city-hero h1{font-size:clamp(40px,5.5vw,72px);font-weight:400;letter-spacing:-.025em;line-height:1;margin:var(--sp-4) 0 var(--sp-5);text-wrap:balance}.city-hero h1 em{font-family:var(--font-serif);font-style:italic;color:var(--terra)}.city-hero .lede{font-size:var(--fs-md);color:var(--ink-soft);line-height:var(--lh-loose);max-width:60ch;text-wrap:pretty}.city-hero .coord{display:block;margin-top:var(--sp-4);font-size:11px;letter-spacing:var(--tracking-eyebrow)}.city-stats{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--ink);border-radius:var(--r-3);overflow:hidden}.city-stats__item{padding:var(--sp-5);background:var(--paper);border-right:1px solid var(--paper-edge);border-bottom:1px solid var(--paper-edge);display:flex;flex-direction:column;gap:var(--sp-2)}.city-stats__item:nth-child(2n){border-right:0}.city-stats__item:nth-last-child(-n+2){border-bottom:0}.city-stats__item .coord{font-size:10px;letter-spacing:var(--tracking-eyebrow);color:var(--ink-mute)}.city-stats__item strong{font:500 var(--fs-2xl)/1 var(--font-sans);letter-spacing:-.02em;color:var(--ink)}.city-tool{background:var(--paper-deep);border-block:1px solid var(--paper-edge)}.city-tool .tool{height:640px;min-height:0;max-width:var(--container);margin:0 auto;border-top:0}.city-tool .tool__panel{border-left:1px solid var(--paper-edge)}.city-chips{margin-top:var(--sp-3)}.chip-label{font-size:10px;letter-spacing:var(--tracking-eyebrow);margin-bottom:var(--sp-2)}.city-chips__row{display:flex;flex-wrap:wrap;gap:4px}.city-chip{height:28px;padding:0 var(--sp-3);border:1px solid var(--paper-edge);background:var(--paper);font:500 var(--fs-xs)/1 var(--font-sans);color:var(--ink);cursor:pointer;border-radius:var(--r-pill);transition:all var(--dur) var(--ease)}.city-chip:hover{border-color:var(--ink)}.city-chip.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.city-context{padding-block:var(--sp-24);position:relative}.city-context:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent 0 78px,rgba(138,117,96,.05) 78px 79px);pointer-events:none}.city-context__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--sp-16);position:relative}.city-context__intro h2{margin-top:var(--sp-3);text-wrap:balance;font-size:var(--fs-2xl);font-weight:400;letter-spacing:-.02em}.prose{font-size:var(--fs-md);line-height:var(--lh-loose);color:var(--ink);max-width:var(--container-prose)}.prose p{margin-bottom:var(--sp-5);color:var(--ink-soft)}.prose p strong{color:var(--ink)}.prose blockquote{border-left:2px solid var(--terra);padding:var(--sp-3) 0 var(--sp-3) var(--sp-6);margin:var(--sp-8) 0;font-family:var(--font-serif);font-style:italic;font-size:var(--fs-lg);line-height:var(--lh-base);color:var(--ink)}.prose blockquote p{color:var(--ink);margin-bottom:var(--sp-3)}.prose blockquote footer{font-family:var(--font-mono);font-style:normal;font-size:10px;letter-spacing:var(--tracking-eyebrow);color:var(--ink-mute)}.internal-links{padding-bottom:var(--sp-16)}.related-articles{margin-top:var(--sp-8)}.related-articles h3{margin-bottom:var(--sp-4)}.related-articles ul{list-style:none;padding:0;margin:0}.related-articles li{border-bottom:1px solid var(--paper-edge)}.related-articles li:first-child{border-top:1px solid var(--paper-edge)}.related-articles a{display:flex;gap:var(--sp-3);padding-block:var(--sp-4);font-size:var(--fs-md);color:var(--ink);text-decoration:none}.related-articles a:hover,.related-articles .coord{color:var(--terra)}.time-nav{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;font-size:var(--fs-sm);color:var(--ink-mute)}.time-nav__link{display:inline-block;padding:4px 10px;border:1px solid var(--paper-edge);border-radius:var(--r-2);font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-wide);color:var(--ink-mute);text-decoration:none;transition:all var(--dur) var(--ease)}.time-nav__link:hover{border-color:var(--ink);color:var(--ink)}.time-nav__link.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.time-nav__link--city{color:var(--terra);border-color:transparent}.time-nav__link--city:hover{border-color:var(--terra)}.time-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-3);margin-top:var(--sp-6)}.time-card{display:flex;flex-direction:column;align-items:center;padding:var(--sp-4) var(--sp-3);border:1px solid var(--paper-edge);border-radius:var(--r-3);background:var(--paper);text-decoration:none;color:var(--ink);transition:all var(--dur) var(--ease);text-align:center}.time-card:hover{border-color:var(--ink);transform:translateY(-2px)}.time-card.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.time-card__min{font:600 var(--fs-2xl)/1 var(--font-mono);letter-spacing:-.02em}.time-card__label{font-size:10px;letter-spacing:var(--tracking-eyebrow);opacity:.6;margin-top:2px}.time-card__desc{font-size:10px;letter-spacing:var(--tracking-eyebrow);margin-top:var(--sp-2);opacity:.7;text-transform:uppercase}.related-articles h3{font-size:var(--fs-lg);margin-bottom:var(--sp-4)}.related-articles ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--sp-3)}.related-articles a{color:var(--ink-soft);text-decoration:none;font-size:var(--fs-sm)}.related-articles a:hover{color:var(--terra)}@media(max-width:1024px){.city-hero__inner,.city-context__grid{grid-template-columns:1fr}.city-tool .tool{height:auto}.time-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.time-cards{grid-template-columns:repeat(2,1fr)}}
