:root{--ink:#17212b;--muted:#5c646c;--red:#b62c36;--red-dark:#90212a;--gold:#e5b72b;--paper:#f5f5f1;--line:#dce0df;--blue:#eaf0f1;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #237eb1;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.04em}h1{font-size:clamp(40px,5vw,74px);font-weight:730}h2{font-size:clamp(29px,3.2vw,44px);font-weight:700}h3{font-size:23px;letter-spacing:-.025em}.wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.section{padding:78px 0}.eyebrow{display:flex;gap:10px;align-items:center;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:750;margin-bottom:20px}.eyebrow:before{content:"";height:7px;width:7px;background:var(--red)}.muted,small{color:var(--muted)}.small{font-size:13px}.lead{font-size:20px;line-height:1.6;max-width:690px}.skip{position:absolute;left:20px;top:-100px;z-index:100;background:#fff;padding:15px}.skip:focus{top:10px}.flagline{height:5px;background:linear-gradient(to right,#17212b 0 33.333%,#b62c36 33.333% 66.666%,#e5b72b 66.666%)}.utility{background:var(--paper);font-size:11px;letter-spacing:.05em}.utility .wrap{display:flex;justify-content:space-between;padding:8px 0}.site-header{background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line)}.header-main{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:87px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;flex-shrink:0}.brand-icon{width:43px;height:49px;border-left:3px solid var(--red);padding-left:7px}.brand strong{display:block;font-size:20px;letter-spacing:-.05em;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:.18em;text-transform:uppercase;margin-top:7px}.nav{display:flex;gap:23px;align-items:center}.nav a{font-size:13px;font-weight:650;text-decoration:none}.nav a:hover{color:var(--red)}.nav .saved{border:1px solid var(--line);padding:10px 14px}.nav .saved span{background:var(--gold);border-radius:50%;font-size:11px;padding:2px 6px;margin-left:5px}.menu-toggle{display:none;background:#fff;border:1px solid var(--line);padding:9px 12px}.hero{background:var(--paper);padding:44px 0 0}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.hero-copy{padding:10px 0 28px}.hero h1{margin-bottom:22px}.hero h1 em{font-style:normal;color:var(--red)}.hero p{max-width:500px;color:#4c565d;font-size:17px}.hero-image{height:480px;position:relative;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover}.image-caption{position:absolute;bottom:17px;left:20px;right:20px;color:white;font-size:12px;display:flex;justify-content:space-between;z-index:1}.hero-image:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0009)}.hero-search{display:flex;border:1px solid #c8ccca;box-shadow:0 4px 14px #14232b06;background:#fff;margin:26px 0 18px;max-width:550px}.hero-search label{flex:1;min-width:0}.hero-search input{width:100%;border:0;padding:17px 16px;background:transparent;font-size:14px;outline-offset:-4px}.hero-search button{border:0;color:#fff;background:var(--red);padding:12px 20px;font-weight:650;font-size:14px}.quick-links{display:flex;gap:8px;flex-wrap:wrap}.quick-links a,.chip{font-size:12px;text-decoration:none;border:1px solid #cfd3d0;padding:5px 11px;background:#fff;display:inline-flex;align-items:center;gap:7px}.quick-links a:hover{border-color:var(--red);color:var(--red)}.trust-row{display:flex;gap:40px;padding:23px 0;border-top:1px solid #d9dcd6;margin-top:35px;font-size:12px;font-weight:650}.trust-row span:before{content:"✓";color:var(--red);margin-right:9px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-heading h2{margin-bottom:7px}.section-heading p{margin:0;color:var(--muted)}.text-link{font-size:13px;font-weight:700;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-tile{min-height:162px;background:var(--paper);border:1px solid transparent;padding:22px 22px 18px;text-decoration:none;display:flex;flex-direction:column;position:relative;transition:background .2s,border-color .2s}.category-tile:hover{background:#fff;border-color:var(--red)}.category-tile .cat-icon{font-size:28px;line-height:1.2;margin-bottom:20px;color:var(--red)}.category-tile strong{font-size:17px;letter-spacing:-.02em}.category-tile small{font-size:11px;margin-top:4px}.category-tile .arrow{position:absolute;right:20px;top:21px;font-size:22px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.activity-card{position:relative;border:1px solid var(--line);background:#fff;min-width:0;transition:box-shadow .2s,transform .2s}.activity-card:hover{box-shadow:0 12px 25px #17212b0d;transform:translateY(-3px)}.card-image{position:relative;overflow:hidden;display:block;aspect-ratio:1.65;background:var(--paper)}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.activity-card:hover .card-image img{transform:scale(1.035)}.card-body{padding:21px 22px 19px}.card-meta{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:10px;display:flex;gap:9px;flex-wrap:wrap}.card-meta .red{color:var(--red)}.card-title{font-size:22px;margin-bottom:12px}.card-title a{text-decoration:none}.card-title a:hover{text-decoration:underline}.card-excerpt{font-size:13px;line-height:1.65;color:var(--muted);margin-bottom:18px}.card-bottom{display:flex;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.save-button{position:absolute;top:12px;right:12px;border:0;box-shadow:0 2px 9px #0001;background:#fff;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-size:20px;z-index:2}.save-button[aria-pressed=true]{background:var(--red);color:#fff}.label{position:absolute;bottom:12px;left:12px;background:#fff;padding:4px 9px;font-size:10px;letter-spacing:.04em;font-weight:700}.spotlight{background:var(--ink);color:#fff}.spotlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.spotlight img{width:100%;height:380px;object-fit:cover}.spotlight .eyebrow{color:#f2d77d}.spotlight p{color:#d1d6d9}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 20px;border:1px solid var(--ink);background:var(--ink);color:#fff;text-decoration:none;font-size:13px;font-weight:700;line-height:1.3}.button:hover{background:#354551}.button.red{background:var(--red);border-color:var(--red)}.button.red:hover{background:var(--red-dark)}.button.light{background:#fff;color:var(--ink);border-color:#c7cdce}.button.light:hover{background:var(--paper)}.button.gold{background:var(--gold);color:#222;border-color:var(--gold)}.button-row{display:flex;gap:12px;flex-wrap:wrap}.route-section{background:#f1f3f1}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.route-card{background:#fff;border-top:3px solid var(--gold);padding:27px}.route-number{font-size:11px;letter-spacing:.12em;color:var(--red);font-weight:700}.route-card h3{margin:17px 0 13px}.route-card p{font-size:14px;color:var(--muted)}.route-stops{font-size:13px;border-top:1px solid var(--line);padding-top:14px;margin:20px 0}.route-card .button{width:100%}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px}.intro-grid p{color:var(--muted)}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-weight:650;cursor:pointer;font-size:16px}.faq details p{margin:15px 0 0;font-size:14px}.site-footer{background:#17212b;color:#f5f6f7;padding:50px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:50px}.footer-grid strong{display:block;margin-bottom:15px}.footer-grid a{display:block;font-size:13px;color:#d5dade;text-decoration:none;margin:8px 0}.footer-grid p{font-size:12px;color:#bec7cc;max-width:300px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #46505a;margin-top:30px;padding-top:20px;font-size:11px;color:#bec7cc}.link-button{border:0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:3px;padding:0;font-size:inherit}.breadcrumb{padding:22px 0;font-size:11px;color:var(--muted)}.breadcrumb a{text-decoration:none}.breadcrumb span{padding:0 9px;color:#9ba1a5}.page-heading{padding:23px 0 30px;max-width:900px}.page-heading h1{font-size:clamp(38px,4.8vw,62px);margin-bottom:18px}.page-heading .lead{font-size:18px}.filter-panel{background:var(--paper);padding:23px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:15px;margin:14px 0 20px}.filter-panel label{font-size:11px;font-weight:700;letter-spacing:.02em}.filter-panel input,.filter-panel select{display:block;width:100%;min-width:0;padding:12px 10px;border:1px solid #c9ceca;background:#fff;border-radius:0;margin-top:7px;font-size:13px;color:var(--ink)}.filter-meta{display:flex;justify-content:space-between;gap:15px;margin:22px 0;font-size:13px}.filter-categories{display:flex;gap:8px;flex-wrap:wrap}.filter-categories button{border:1px solid var(--line);background:#fff;padding:7px 12px;font-size:12px}.filter-categories button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.empty-state{padding:40px;background:var(--paper);text-align:center}.article-top{display:grid;grid-template-columns:1.08fr 1fr;gap:48px;align-items:center;margin:10px 0 40px}.article-top h1{font-size:clamp(37px,4.4vw,59px);margin-bottom:20px}.article-top .lead{font-size:17px}.article-hero{width:100%;height:395px;object-fit:cover}.meta-row{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 22px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:60px;padding:10px 0 65px}.article-content{min-width:0}.article-content h2{font-size:30px;margin:44px 0 20px}.article-content h3{font-size:21px;margin:30px 0 14px}.article-content p{line-height:1.85;font-size:16px}.article-content .toc{background:var(--paper);padding:18px 22px;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:12px}.article-content .toc strong{width:100%}.info-box{padding:23px 25px;background:#f3f5f2;border-left:3px solid var(--gold);margin:25px 0}.info-box p{font-size:14px;margin:0}.info-box strong{display:block;margin-bottom:8px}.side-card{border:1px solid var(--line);padding:25px;position:sticky;top:110px}.side-card h2{font-size:24px}.side-card dl{margin:0}.side-card dt{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:18px}.side-card dd{font-size:14px;font-weight:600;margin:4px 0 0}.side-card .button{width:100%;margin-top:12px}.side-card .small{margin-top:14px;line-height:1.6;font-size:11px}.rating-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:12px 0;font-size:14px}.stars{color:#8c6700;letter-spacing:3px;white-space:nowrap}.rating-note{font-size:12px!important;color:var(--muted);line-height:1.6!important;margin-top:15px}.embed{border:1px solid var(--line);background:var(--paper);margin:22px 0;overflow:hidden}.embed-placeholder{padding:34px 28px;text-align:center}.embed-symbol{font-size:35px;line-height:1;margin-bottom:16px;color:var(--red)}.embed-placeholder h3{font-size:20px;margin:0 0 10px}.embed-placeholder p{font-size:12px;max-width:440px;margin:10px auto 17px;line-height:1.6}.embed-placeholder .button{font-size:12px}.embed-frame iframe{display:block;width:100%;height:390px;border:0}.embed[data-provider=instagram] .embed-frame iframe{height:620px}.embed-source{padding:10px 18px;font-size:11px;border-top:1px solid var(--line);background:#fff}.sources{padding:22px;background:var(--paper);margin-top:30px}.sources h3{margin-top:0}.sources ul{padding-left:18px;font-size:12px}.editor-box{display:flex;gap:18px;border-top:1px solid var(--line);padding-top:25px;margin-top:35px}.editor-avatar{height:45px;width:45px;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:13px;flex-shrink:0}.editor-box p{font-size:12px;line-height:1.6;margin:5px 0}.article-cta{padding:34px;background:var(--blue);margin-top:35px}.article-cta h3{margin-top:0}.legal{max-width:840px;padding-bottom:70px}.legal h2{font-size:26px;margin:32px 0 15px}.legal h3{font-size:19px;margin:25px 0 12px}.legal p,.legal li{font-size:14px;line-height:1.9}.consent-banner{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:min(980px,calc(100% - 32px));z-index:70;background:#fff;box-shadow:0 6px 45px #13212c2b;border:1px solid var(--line);padding:20px 24px;display:flex;gap:28px;align-items:center}.consent-banner p{font-size:12px;line-height:1.6;margin:5px 0 0}.consent-copy{flex:1}.consent-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;flex:0 0 330px}.consent-actions .button{font-size:11px;min-height:40px;padding:10px 13px;flex:1;white-space:nowrap}.consent-actions .link-button{width:100%;font-size:11px}dialog{color:var(--ink);border:1px solid var(--line);width:min(580px,calc(100% - 32px));max-height:90vh;padding:30px;box-shadow:0 20px 60px #0003}dialog::backdrop{background:#17212b80}dialog h2{font-size:27px}dialog p{font-size:13px}dialog label{display:flex;gap:12px;border-top:1px solid var(--line);padding:15px 0;font-size:14px}dialog input{width:19px;height:19px}.dialog-close{position:absolute;right:14px;top:10px;background:transparent;border:0;font-size:22px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 20px;background:var(--ink);color:#fff;z-index:100;font-size:13px;max-width:90vw}.wishlist-layout{display:grid;grid-template-columns:1fr 330px;gap:40px;padding:20px 0 70px}.wishlist-list{list-style:none;padding:0;margin:0}.wishlist-item{display:flex;gap:20px;border:1px solid var(--line);padding:18px;margin-bottom:18px;align-items:center}.wishlist-item img{width:115px;aspect-ratio:1.25;object-fit:cover}.wishlist-item h2,.wishlist-item h3{font-size:21px;margin:0 0 8px}.wishlist-item p{font-size:12px;margin:5px 0}.wishlist-item button{font-size:11px;padding:5px 10px;background:#fff;border:1px solid var(--line)}.plan-controls{background:var(--paper);padding:25px;align-self:start}.plan-controls h2{font-size:26px}.plan-controls select{width:100%;padding:10px;border:1px solid var(--line);background:#fff;margin:10px 0}.plan-controls .button{width:100%;margin-top:12px}.plan-controls p{font-size:12px}.route-detail{max-width:840px}.route-detail .step{display:grid;grid-template-columns:50px 1fr;gap:22px;margin:28px 0}.step-number{width:44px;height:44px;display:grid;place-items:center;background:var(--gold);font-weight:700}.step h2{font-size:26px;margin:0 0 12px}.step p{color:var(--muted)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1000px){.hero-image{clip-path:polygon(0 0,100% 0,100% 100%,9% 100%,0 90%)}}@media(max-width:1050px){.wrap{width:calc(100% - 44px)}.nav{gap:15px}.nav a{font-size:12px}.hero-grid{gap:32px}.hero-image{height:430px}.hero h1{font-size:56px}.article-layout{grid-template-columns:minmax(0,1fr) 285px;gap:30px}.article-top{gap:30px}.grid{gap:20px}.card-body{padding:18px}.footer-grid{gap:25px}}@media(max-width:780px){.wrap{width:calc(100% - 36px)}.section{padding:50px 0}.utility .wrap span:last-child{display:none}.header-main{min-height:72px}.brand strong{font-size:18px}.brand small{font-size:8px}.brand-icon{height:40px;width:36px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:20px;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:20px}.nav.is-open,.nav.open,.nav[data-open=true]{display:flex}.nav a{font-size:14px}.hero{padding-top:28px}.hero-grid{grid-template-columns:1fr;gap:18px}.hero h1{font-size:clamp(43px,9vw,65px);max-width:600px}.hero-copy{padding:0}.hero p{font-size:16px}.hero-image{height:310px}.trust-row{gap:12px;justify-content:space-between;margin-top:24px;font-size:10px;padding:20px 0}.category-grid{grid-template-columns:repeat(2,1fr);gap:12px}.category-tile{padding:19px;min-height:147px}.grid{grid-template-columns:repeat(2,1fr);gap:18px}.card-title{font-size:20px}.card-body{padding:16px}.card-excerpt{font-size:12px}.card-bottom{font-size:10px}.spotlight-grid,.intro-grid{grid-template-columns:1fr;gap:30px}.spotlight img{height:290px}.route-grid{grid-template-columns:1fr;gap:18px}.section-heading{align-items:start}.section-heading h2{font-size:30px}.section-heading p{font-size:13px}.section-heading .text-link{font-size:11px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-bottom{flex-wrap:wrap}.filter-panel{grid-template-columns:1fr 1fr;padding:17px;gap:12px}.article-top{grid-template-columns:1fr;gap:25px;margin-bottom:28px}.article-hero{height:300px}.article-layout{display:flex;flex-direction:column;gap:20px}.article-layout aside{order:-1}.side-card{position:static;padding:20px}.side-card dl{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.side-card dt{margin-top:8px}.side-card dd{margin-bottom:8px}.side-card .side-buttons{display:flex;flex-wrap:wrap;gap:10px}.side-buttons .button{flex:1;min-width:140px}.side-card .small{margin-bottom:0}.article-content h2{font-size:28px}.consent-banner{flex-direction:column;gap:15px;padding:18px}.consent-actions{flex:initial;width:100%}.consent-banner p{font-size:11px}.wishlist-layout{grid-template-columns:1fr}.wishlist-item{gap:13px;padding:13px}.wishlist-item img{width:85px}.embed-frame iframe{height:300px}}@media(max-width:460px){.hero-image{height:250px}.grid{grid-template-columns:1fr}.activity-card{max-width:100%}.card-image{aspect-ratio:1.7}.card-excerpt{font-size:13px}.card-title{font-size:24px}.card-body{padding:20px}.card-bottom{font-size:12px}.trust-row{flex-wrap:wrap;justify-content:start;gap:9px 18px}.section-heading{flex-wrap:wrap;gap:12px}.hero-search button{padding:10px 13px}.category-tile strong{font-size:15px}.article-hero{height:245px}.page-heading h1{font-size:38px}.filter-panel{grid-template-columns:1fr 1fr}.filter-panel label:first-child{grid-column:1/-1}.filter-panel label:last-child{grid-column:1/-1}.footer-grid{gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.breadcrumb{font-size:10px}.wishlist-item img{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}@media print{.site-header,.site-footer,.utility,.consent-banner,.toast,.save-button,.plan-controls,.filter-panel,.filter-categories,.embed,button{display:none!important}body{font-size:11pt}.wrap{width:100%}.article-layout,.wishlist-layout{display:block}.activity-card,.wishlist-item,.step{break-inside:avoid}.section{padding:20px 0}a{text-decoration:none}.grid{grid-template-columns:repeat(2,1fr)}}

/* Category navigation and narrow-screen usability. */
.category-nav{display:flex;flex-wrap:wrap;gap:4px 18px;padding-block:12px;border-bottom:1px solid var(--line)}.category-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;text-decoration:none}.category-nav a:hover{color:var(--red);text-decoration:underline}.hero-grid>*,.article-top>*,.footer-grid>*,.wishlist-content{min-width:0}h1,h2,h3,.breadcrumb,.sources a,.side-card dd{overflow-wrap:anywhere}.save-button{width:44px;height:44px}.quick-links a,.filter-categories button,.toc a{min-height:44px;align-items:center;display:inline-flex}.card-bottom a{min-height:44px;display:inline-flex;align-items:center}.embed[data-provider=youtube] .embed-frame iframe{height:auto;aspect-ratio:16/9}.consent-banner{max-height:calc(100dvh - 32px);overflow-y:auto}.dialog-close{min-width:44px;min-height:44px}.wishlist-actions{display:flex;gap:6px;flex-wrap:wrap}.wishlist-item button{min-height:44px;min-width:44px}.card-bottom{align-items:center}
@media(max-width:1050px) and (min-width:781px){.header-main{flex-wrap:wrap;padding-block:14px}.nav{flex-wrap:wrap}}
@media(max-width:780px){input,select,.hero-search input,.filter-panel input,.filter-panel select{font-size:16px}.nav{max-height:calc(100dvh - 90px);overflow-y:auto}.nav a{min-height:44px;display:flex;align-items:center}.category-nav{gap:2px 14px;padding-block:6px}.category-nav a{font-size:12px}.article-layout aside{order:0}.article-top h1{font-size:clamp(30px,8vw,48px)}.side-card dl{grid-template-columns:1fr 1fr}.side-card dl>div{min-width:0}.consent-banner{bottom:max(10px,env(safe-area-inset-bottom));padding:14px}.consent-actions .button{min-height:44px}.footer-grid a{padding-block:7px}.wishlist-item{flex-wrap:wrap}.wishlist-content{flex:1}.wishlist-actions{width:100%}.article-content .toc{gap:4px 16px}.embed-placeholder{padding:24px 16px}}
@media(max-width:360px){.wrap{width:calc(100% - 28px)}.hero h1{font-size:38px}.category-grid{grid-template-columns:1fr}.side-card dl{grid-template-columns:1fr}.hero-search{flex-direction:column}.hero-search button{min-height:46px}.rating-row{gap:8px;font-size:13px}.stars{letter-spacing:1px}.article-cta{padding:22px}.button-row .button{width:100%}.consent-actions{gap:6px}}

/* Shared city-guide identity: a compass pin and a live-text city name. */
:root { --ink:#19232a; --red:#b62c36; --red-dark:#90212a; --gold:#eadbcf; --paper:#f6f5f2; --line:#e1e2df; --blue:#edf1f2; }
.flagline { display:none; }
.utility { background:var(--ink); color:#f4f3f0; }
.utility .wrap { padding-block:7px; }
.header-main { min-height:86px; gap:22px; }
.brand { gap:11px; }
.brand-icon { display:block; width:46px; height:46px; padding:0; border:0; flex:0 0 auto; }
.brand-icon img, .brand-icon svg { display:block; width:100%; height:100%; }
.brand strong { font-size:23px; letter-spacing:-.055em; }
.brand small { font-size:9px; letter-spacing:.12em; }
.nav { gap:26px; }
.nav a { display:inline-flex; align-items:center; min-height:44px; }
.nav .saved { border-radius:6px; padding:8px 13px; }
.nav .saved span { display:inline-grid; place-items:center; min-width:21px; min-height:21px; padding:1px 5px; background:#f5e7e8; color:var(--red-dark); font-variant-numeric:tabular-nums; }
.menu-toggle { min-height:44px; border-radius:6px; white-space:nowrap; }
.category-nav { justify-content:space-between; gap:0 18px; padding-block:7px; }
.category-nav a { position:relative; padding-block:8px; font-size:12px; font-weight:600; line-height:1.35; }
.category-nav a:hover { text-decoration:none; }
.category-nav a:after { content:""; position:absolute; bottom:5px; left:0; right:0; height:2px; background:var(--red); transform:scaleX(0); transform-origin:left; transition:transform .18s ease; }
.category-nav a:hover:after, .category-nav a[aria-current="page"]:after { transform:scaleX(1); }
.secondary-categories { display:flex; align-items:center; flex-wrap:wrap; gap:4px 22px; margin-top:20px; }
.secondary-categories a { display:inline-flex; align-items:center; min-height:44px; font-size:13px; font-weight:600; }
.category-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.category-tile { min-height:148px; border-radius:8px; }
.category-tile .cat-icon { margin-bottom:15px; }
.hero { background:var(--paper); }
.hero-image { border-radius:8px; }
.hero-search { border-radius:7px; overflow:hidden; }
.hero-search button { flex-shrink:0; }
.button { border-radius:5px; }
.quick-links a, .chip { border-radius:4px; }
.activity-card { border-radius:8px; overflow:hidden; }
.activity-card:hover { box-shadow:0 10px 28px #19232a0b; }
.card-bottom > span { min-width:0; }
.card-bottom > a { flex-shrink:0; }
.route-card { border-top-color:var(--red); border-radius:7px; }
.spotlight .eyebrow { color:#eadbcf; }
.stars { color:#96622d; }
.step-number { border-radius:50%; }

/* The title photo and introduction lead into the media row. */
.article-top { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:clamp(30px,5vw,65px); align-items:center; margin-block:16px 42px; }
.article-top h1 { max-width:780px; }
.article-visual { width:100%; max-width:none; margin:0; justify-self:end; }
.article-visual > img, .article-visual > a > img { width:100%; height:auto; aspect-ratio:1.45; object-fit:cover; border-radius:8px; }
.article-visual > .small { line-height:1.55; font-size:11px; }
.article-title-image figcaption { margin-top:9px; }
.article-instagram { margin-block:32px; padding-block:8px 24px; border-block:1px solid var(--line); }
.article-instagram > h2 { margin-top:20px; }
.instagram-compact { width:100%; max-width:340px; min-width:0; margin-inline:auto; }
.instagram-compact.embed, .instagram-compact .embed { margin:0; border-radius:9px; background:#f8f7f5; box-shadow:0 6px 24px #19232a07; }
.instagram-compact .embed-placeholder { min-height:290px; padding:32px 22px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.instagram-compact .embed-placeholder h3 { font-size:21px; line-height:1.2; }
.instagram-compact .embed-placeholder p { margin-block:8px 16px; font-size:12px; }
.instagram-compact .embed-symbol { margin-bottom:16px; }
.instagram-compact .embed-source { font-size:11px; padding:10px 14px; overflow-wrap:anywhere; }
.instagram-compact[data-provider="instagram"] .embed-frame iframe,
.instagram-compact .embed[data-provider="instagram"] .embed-frame iframe,
.instagram-compact .embed-frame iframe { height:450px; max-width:100%; }
.instagram-compact blockquote { min-width:0 !important; width:100% !important; margin:0 !important; }
.instagram-compact .button { min-height:44px; max-width:100%; }
.activity-media { display:grid; grid-template-columns:minmax(0,1fr); align-items:start; gap:24px; width:100%; max-width:780px; min-width:0; margin:0 0 35px; }
.activity-media:has(> .article-instagram) { grid-template-columns:minmax(0,1fr) minmax(0,340px); max-width:1020px; }
.activity-media > section { min-width:0; }
.activity-media > section > h2 { margin:0 0 14px; font-size:22px; line-height:1.25; }
.activity-media > .article-instagram { margin:0; padding:0; border:0; }
.activity-media .instagram-compact { margin-inline:0; }
.activity-media .embed { margin:0; border-radius:9px; }
.activity-media > section .embed-placeholder { min-height:270px; padding:28px 22px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.activity-media .embed-placeholder h3 { font-size:21px; line-height:1.2; }
.activity-media .embed-placeholder p { margin-block:8px 16px; }
.activity-media .embed-placeholder .button { max-width:100%; white-space:normal; }
.article-content img { border-radius:6px; }
.side-card { border-radius:8px; background:#fff; }
.article-content .toc { border-radius:7px; }
.article-content { overflow-wrap:break-word; }
.article-content table { display:block; max-width:100%; overflow-x:auto; }
.article-content iframe { max-width:100%; }
.original-article { border-top:1px solid var(--line); margin-top:30px; padding-top:6px; }
.original-article > .small, .original-article > small { display:block; color:var(--muted); font-size:12px; line-height:1.6; }

/* Budget estimates are clearly separated from prices confirmed by an operator. */
.budget-box { padding:20px 22px; margin:24px 0; border:1px solid #e7cecf; border-left:3px solid var(--red); border-radius:6px; background:#fcf7f7; }
.budget-box > strong, .budget-box .eyebrow { display:block; margin-bottom:7px; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.budget-box > .budget-value { display:block; color:var(--ink); font-size:clamp(24px,2.8vw,32px); font-weight:750; line-height:1.2; letter-spacing:-.04em; margin:5px 0 10px; text-transform:none; }
.budget-box p, .article-content .budget-box p { font-size:13px; line-height:1.65; margin-block:6px 0; }
.budget-box small { display:block; font-size:11px; line-height:1.6; margin-top:7px; }
.budget-box a { font-weight:650; }
.budget-chip { border-color:#e7cecf; background:#fcf7f7; color:var(--red-dark); font-weight:600; }
.visit-checklist { background:var(--paper); padding:24px; border-radius:7px; margin:24px 0; }
.visit-checklist h2, .visit-checklist h3 { margin-top:0; }
.visit-checklist ul { list-style:none; padding:0; margin:0; }
.visit-checklist li { position:relative; padding:10px 0 10px 26px; border-bottom:1px solid var(--line); font-size:14px; line-height:1.7; }
.visit-checklist li:last-child { border-bottom:0; padding-bottom:0; }
.visit-checklist li:before { content:"✓"; position:absolute; left:0; color:var(--red); font-weight:700; }
.visit-checklist p { font-size:14px; }

/* Live information supports the visitor's plan without crowding the guides. */
.today-section { background:var(--paper); border-block:1px solid var(--line); }
.today-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:24px; align-items:stretch; }
.today-grid > * { min-width:0; padding:28px; border:1px solid var(--line); background:#fff; border-radius:8px; }
.today-grid h2 { font-size:30px; margin-bottom:15px; }
.today-grid h3 { font-size:25px; margin-bottom:14px; }
.today-grid p { font-size:14px; color:var(--muted); }
.today-grid .small, .today-grid small { font-size:11px; line-height:1.65; }
[data-live-weather] { position:relative; }
.weather-current { display:flex; align-items:center; flex-wrap:wrap; gap:18px; margin-block:20px; }
[data-live-weather] .weather-temperature { display:block; font-size:clamp(45px,5vw,66px); font-weight:650; line-height:1; letter-spacing:-.06em; color:var(--ink); }
[data-live-weather] .weather-condition { font-size:15px; line-height:1.5; }
.weather-details { display:flex; flex-wrap:wrap; gap:8px 18px; font-size:12px; line-height:1.5; color:var(--muted); border-block:1px solid var(--line); padding-block:14px; margin-block:15px; }
.weather-details > div { min-width:90px; flex:1; }
.weather-details strong { display:block; color:var(--ink); font-size:16px; }
[data-live-weather] .weather-updated, [data-live-weather] .weather-unavailable { display:block; font-size:12px; color:var(--muted); }
.weather-tip { padding:12px 14px; margin-block:16px; background:var(--paper); border-radius:5px; font-size:13px; }
.weather-source { font-size:11px; }
.weather-source a { display:inline-flex; align-items:center; min-height:44px; }
.weather-unavailable .button, [data-live-weather] > .button { margin-top:12px; }
.news-links { list-style:none; }
.news-links > a { display:flex; justify-content:space-between; align-items:center; gap:15px; min-height:44px; padding-block:16px; border-top:1px solid var(--line); font-size:14px; font-weight:650; line-height:1.45; text-decoration:none; }
.news-links > a:hover { color:var(--red); }
.news-links small { display:block; margin-top:10px; color:var(--muted); }
.news-links > p:last-child { margin-bottom:0; }
.blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.blog-card { min-width:0; border:1px solid var(--line); border-radius:8px; overflow:hidden; background:#fff; }
.blog-card > img, .blog-card > a > img { display:block; width:100%; aspect-ratio:1.65; object-fit:cover; }
.blog-card h2, .blog-card h3 { font-size:23px; line-height:1.2; }
.blog-card h2 a, .blog-card h3 a { text-decoration:none; }
.blog-card h2 a:hover, .blog-card h3 a:hover { color:var(--red); }
.blog-card > div { padding:22px; }
.blog-card p { font-size:13px; color:var(--muted); }
.blog-card .text-link { display:inline-flex; align-items:center; min-height:44px; }

@media (min-width:1000px) {
  .hero-image { clip-path:none; }
}
@media (max-width:1050px) and (min-width:781px) {
  .header-main { flex-wrap:nowrap; padding-block:10px; }
  .nav { gap:14px; }
  .category-nav { justify-content:flex-start; gap:0 22px; }
}
@media (max-width:780px) {
  html { scroll-padding-top:86px; }
  .header-main { min-height:68px; gap:12px; }
  .brand { gap:8px; }
  .brand-icon { width:40px; height:40px; }
  .brand strong { font-size:20px; }
  .brand small { font-size:8px; letter-spacing:.08em; }
  .nav { top:68px; padding:16px 18px; gap:4px 22px; }
  .nav.is-open, .nav.open, .nav[data-open=true] { display:grid; grid-template-columns:1fr 1fr; }
  .nav .saved { justify-content:center; }
  .category-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 14px; padding-block:5px; }
  .category-nav a { font-size:11px; min-height:44px; overflow-wrap:break-word; }
  .secondary-categories { gap:0 18px; margin-top:14px; }
  .category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .category-tile { min-height:142px; padding:18px; }
  .article-top { grid-template-columns:minmax(0,1fr); gap:24px; margin-block:8px 32px; }
  .article-visual { justify-self:center; order:-1; }
  .article-visual > img, .article-visual > a > img { aspect-ratio:1.4; }
  .instagram-compact[data-provider="instagram"] .embed-frame iframe,
  .instagram-compact .embed[data-provider="instagram"] .embed-frame iframe,
  .instagram-compact .embed-frame iframe { height:430px; }
  .instagram-compact .embed-placeholder { min-height:245px; padding:25px 20px; }
  .budget-box { padding:18px; margin-block:20px; }
  .visit-checklist { padding:20px; }
  .today-grid { grid-template-columns:minmax(0,1fr); gap:18px; }
  .today-grid > * { padding:23px; }
  .blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
  .blog-card > div { padding:18px; }
}
@media (max-width:700px) {
  .activity-media, .activity-media:has(> .article-instagram) { grid-template-columns:minmax(0,1fr); max-width:780px; gap:28px; }
  .activity-media > .article-instagram { width:100%; max-width:340px; justify-self:start; }
}
@media (max-width:460px) {
  .category-nav { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:14px; }
  .category-nav a { font-size:11px; }
  .category-tile strong { font-size:15px; line-height:1.35; }
  .category-tile .cat-icon { font-size:24px; }
  .category-tile .arrow { right:16px; top:17px; }
  .secondary-categories { gap:0 16px; }
  .secondary-categories a { font-size:12px; }
  .today-grid > * { padding:20px; }
  .weather-current { gap:13px; }
  .news-links > a { font-size:13px; }
  .blog-grid { grid-template-columns:minmax(0,1fr); }
  .article-top h1 { font-size:clamp(30px,8.6vw,39px); }
  .article-top .button-row { gap:8px; }
  .article-top .button-row .button { flex:1; min-width:120px; padding-inline:12px; }
  .filter-meta { align-items:center; flex-wrap:wrap; }
  .filter-meta button { min-height:44px; }
}
@media (max-width:360px) {
  .brand strong { font-size:19px; }
  .brand small { font-size:7px; letter-spacing:.07em; }
  .brand-icon { width:36px; height:36px; }
  .menu-toggle { padding-inline:9px; font-size:13px; }
  .category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .category-tile { min-height:155px; padding:16px 13px; }
  .category-tile strong { font-size:14px; }
  .category-tile small { font-size:10px; }
  .article-top .button-row .button { width:auto; }
  .today-grid > * { padding:18px; }
  .weather-details { column-gap:10px; }
  .budget-box > .budget-value { font-size:26px; }
  .visit-checklist { padding:18px; }
  .side-buttons .button { min-width:0; flex-basis:100%; }
}
@media print {
  .category-nav, .secondary-categories, .instagram-compact, .today-section { display:none !important; }
  .budget-box, .visit-checklist { break-inside:avoid; }
}

.image-kind{position:absolute;right:12px;bottom:12px;z-index:1;background:#19232ae8;color:#fff;padding:3px 8px;border-radius:3px;font-size:10px;line-height:1.5;letter-spacing:.02em}

/* Clear blue accents complement the shared black, red and gold identity. */
:root {
  --city-accent: #2360D6;
  --city-accent-dark: #194BAA;
  --city-soft: #EFF4FF;
  --city-ink: #244D8C;
  --city-decoration: #AFC8FF;
  --gold: #D6AA32;
  --gold-ink: #806014;
  --guide-soft: #F7F5EF;
  --guide-line: #E2DCCF;
  --guide-gold-soft: #FBF6E6;
}
.brand-icon { width:48px; height:48px; }
.brand-icon svg { overflow:visible; }
/* The shared black, red and gold identity frames every city guide. */
.header-main { position:relative; }
.site-header:after { content:""; display:block; height:4px; background:linear-gradient(to right,var(--ink) 0 33.333%,var(--red) 33.333% 66.666%,var(--gold) 66.666%); pointer-events:none; }
.planner-promo:before { content:""; position:absolute; left:36px; top:-1px; width:150px; height:4px; background:linear-gradient(to right,#090C0E 0 33.333%,var(--red) 33.333% 66.666%,var(--gold) 66.666%); pointer-events:none; }

.button {
  color:#fff;
  background:var(--city-accent);
  border-color:var(--city-accent);
}
.button:hover {
  color:#fff;
  background:var(--city-accent-dark);
  border-color:var(--city-accent-dark);
}
.hero-search button { background:var(--city-accent); color:#fff; }
.hero-search button:hover { background:var(--city-accent-dark); color:#fff; }
.button.red { color:#fff; background:var(--city-accent); border-color:var(--city-accent); }
.button.red:hover { color:#fff; background:var(--city-accent-dark); border-color:var(--city-accent-dark); }
.button.light { color:var(--ink); background:#fff; border-color:#D6D5CF; }
.button.light:hover { color:var(--city-ink); background:var(--city-soft); border-color:var(--city-accent); }
.button.gold { color:#19232a; background:var(--gold); border-color:var(--gold); }
.button.gold:hover { color:#19232a; background:#E2BA4C; border-color:#E2BA4C; }
.nav .saved { border-color:#D8E5FC; color:var(--city-ink); }
.nav .saved span { background:var(--city-soft); color:var(--city-ink); }
.nav a:hover, .secondary-categories a:hover, .text-link:hover { color:var(--city-ink); }
.save-button[aria-pressed="true"] { color:#fff; background:var(--city-accent); }
.filter-categories button[aria-pressed="true"] { color:#fff; background:var(--city-accent); border-color:var(--city-accent); }
.quick-links a:hover { color:var(--city-ink); border-color:var(--city-accent); }
.route-card { border-top-color:var(--gold); }
.info-box { border-left-color:var(--gold); }
.stars { color:var(--gold-ink); }
.spotlight .eyebrow { color:#E5C469; }
.weather-tip { background:var(--guide-soft); color:var(--ink); }
.plan-controls { background:#fff; border:1px solid var(--guide-line); border-top:3px solid var(--gold); border-radius:9px; }
.plan-controls h2 { font-size:27px; }
.hero { border-bottom:3px solid var(--gold); }
.hero-plan-cta .button { background:var(--city-accent); border-color:var(--city-accent); color:#fff; }
.hero-plan-cta .button:hover { background:var(--city-accent-dark); border-color:var(--city-accent-dark); color:#fff; }
.category-tile { border-top:3px solid var(--ink); }
.category-tile:nth-child(3n+2) { border-top-color:var(--red); }
.category-tile:nth-child(3n) { border-top-color:var(--gold); }
.category-tile:nth-child(3n) .cat-icon { color:var(--gold-ink); }
.site-footer { border-top:4px solid var(--red); }
.section-heading .eyebrow:before { width:26px; height:4px; background:linear-gradient(to right,var(--ink) 0 33.333%,var(--red) 33.333% 66.666%,var(--gold) 66.666%); }

/* Blue highlights actions and a few small details without replacing the shared frame. */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible { outline-color:var(--city-accent); }
.planner-promo a:focus-visible, .planner-promo button:focus-visible { outline-color:var(--city-decoration); }
.category-nav a:hover { color:var(--city-ink); }
.category-nav a:hover:after { background:var(--city-accent); }
.category-tile:hover { border-inline-color:var(--city-accent); border-bottom-color:var(--city-accent); }
.hero-copy .eyebrow:after, .planner-promo .eyebrow:after { content:""; flex:0 0 18px; width:18px; height:5px; border-radius:9px; background:var(--city-decoration); }

/* Explicit colors prevent the old light-background/dark-button cascade conflict. */
.wishlist-actions { display:flex; flex-wrap:wrap; gap:8px; }
.wishlist-actions .button-icon,
.wishlist-actions .button-text {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:auto;
  min-width:44px;
  min-height:44px;
  padding:10px 13px;
  font-size:12px;
  font-weight:650;
  line-height:1.3;
  border-radius:5px;
  opacity:1;
}
.wishlist-actions .button-icon {
  color:var(--city-ink);
  background:var(--city-soft);
  border:1px solid #CBDCF8;
}
.wishlist-actions .button-icon:not(:disabled):hover {
  color:#fff;
  background:var(--city-accent-dark);
  border-color:var(--city-accent-dark);
}
.wishlist-actions .button-text { color:#90212A; background:#fff; border:1px solid #DDC3C6; }
.wishlist-actions .button-text:not(:disabled):hover { color:#762029; background:#FFF1F2; border-color:#B62C36; }
.wishlist-actions button:disabled {
  color:#5D6A6E;
  background:#EFF2F2;
  border-color:#D4DDDE;
  opacity:1;
  cursor:not-allowed;
}
.wishlist-item { border-radius:8px; }
.wishlist-item img { border-radius:5px; }
.wishlist-content { flex:1; }
.wishlist-actions .button-icon:focus-visible,
.wishlist-actions .button-text:focus-visible { outline:3px solid var(--city-accent); outline-offset:3px; }
.plan-budget-list { list-style:none; padding:0; margin:18px 0 0; }
.plan-budget-list li { display:flex; justify-content:space-between; align-items:start; gap:14px; padding:10px 0; border-bottom:1px solid var(--guide-line); font-size:12px; line-height:1.5; }
.plan-budget-list li span:first-child { min-width:0; }
.plan-budget-list li span:last-child { flex-shrink:0; font-weight:650; color:var(--ink); }
.plan-controls .plan-budget-total { display:block; padding:16px 0 8px; font-size:20px; line-height:1.35; font-weight:750; color:var(--ink); letter-spacing:-.025em; }
.plan-budget-total strong { display:block; font-size:27px; }

/* An immediately understandable path into the personal day planner. */
.planner-promo {
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  gap:26px 42px;
  padding:36px;
  color:#fff;
  background:var(--ink);
  border-radius:12px;
  border:1px solid var(--ink);
  position:relative;
  margin-block:30px;
}
.planner-promo > * { min-width:0; }
.planner-promo h2 { font-size:clamp(28px,3.3vw,40px); margin:0 0 14px; color:#fff; }
.planner-promo p { color:#D8DADC; font-size:15px; line-height:1.7; margin-bottom:0; }
.planner-promo .eyebrow { color:#EDD17E; }
.planner-promo .eyebrow:before { background:var(--gold); }
.planner-steps { list-style:none; counter-reset:planner-step; display:grid; gap:15px; padding:0; margin:0; align-content:center; }
.planner-steps li { display:grid; grid-template-columns:31px minmax(0,1fr); gap:2px 12px; counter-increment:planner-step; font-size:13px; line-height:1.55; }
.planner-steps li:before { content:counter(planner-step,decimal-leading-zero); grid-row:1 / span 2; align-self:start; display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:var(--guide-gold-soft); color:var(--ink); font-size:11px; font-weight:750; }
.planner-steps strong { display:block; grid-column:2; color:#fff; font-size:14px; }
.planner-steps span { grid-column:2; color:#D8DADC; }
.planner-promo-actions { grid-column:1 / -1; display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; }
.planner-promo .button { color:#fff; background:var(--city-accent); border-color:#FFFFFF60; }
.planner-promo .button:hover { color:#fff; background:var(--city-accent-dark); border-color:#FFFFFF80; }
.planner-promo-actions > a:not(.button) { color:#fff; min-height:44px; display:inline-flex; align-items:center; font-size:13px; }
.planner-dock { display:none; }

/* Editorial best-of pages remain readable, linkable and useful on a phone. */
.category-guide { padding-bottom:56px; }
.category-intro { max-width:850px; }
.category-intro > p { color:var(--muted); font-size:17px; line-height:1.8; }
.category-jumps { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0; }
.category-jumps a { display:inline-flex; align-items:center; min-height:44px; padding:9px 13px; background:#fff; color:var(--ink); border:1px solid var(--guide-line); border-radius:5px; text-decoration:none; font-size:12px; font-weight:600; line-height:1.45; }
.category-jumps a:hover { color:var(--red-dark); border-color:var(--red); background:#FCF8F7; }
.selection-note { padding:16px 20px; border-left:3px solid var(--gold); background:var(--paper); font-size:13px; line-height:1.7; color:var(--muted); margin:22px 0 30px; }
.toplist { list-style:none; padding:0; margin:32px 0 45px; display:grid; gap:28px; }
.toplist-item { display:grid; grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr); background:#fff; border:1px solid var(--line); border-radius:10px; overflow:hidden; scroll-margin-top:104px; }
.toplist-media { position:relative; min-width:0; background:var(--paper); min-height:250px; }
.toplist-media img { width:100%; height:100%; min-height:250px; object-fit:cover; }
.toplist-number { position:absolute; top:16px; left:16px; display:grid; place-items:center; min-width:44px; height:44px; padding-inline:8px; background:#fff; color:var(--ink); border-radius:7px; font-size:23px; line-height:1; font-weight:750; box-shadow:0 2px 14px #19232a12,inset 0 -3px 0 var(--city-accent); }
.toplist-copy { min-width:0; padding:28px; }
.toplist-copy h3 { font-size:28px; margin:0 0 12px; line-height:1.2; }
.toplist-copy h3 a { text-decoration:none; }
.toplist-copy h3 a:hover { color:var(--red-dark); }
.toplist-copy > p { font-size:14px; line-height:1.8; margin-bottom:16px; color:var(--muted); }
.toplist-copy .toplist-bestfor { display:inline-flex; padding:5px 9px; margin-bottom:14px; background:var(--guide-gold-soft); color:#69531D; border-radius:4px; font-size:12px; font-weight:650; line-height:1.5; }
.toplist-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding-block:16px; margin:20px 0 16px; border-block:1px solid var(--line); }
.toplist-facts > div { min-width:0; }
.toplist-facts dt { font-size:10px; text-transform:uppercase; letter-spacing:.07em; color:var(--muted); margin-bottom:6px; }
.toplist-facts dd { margin:0; font-size:12px; font-weight:600; line-height:1.55; overflow-wrap:break-word; }
.toplist-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.toplist-actions .button { font-size:12px; padding:10px 14px; min-height:44px; }
.toplist-actions button[aria-pressed="true"] { background:var(--city-soft); color:var(--city-ink); border-color:var(--city-accent); }
.comparison-wrap { width:100%; max-width:100%; overflow-x:auto; overscroll-behavior-inline:contain; border:1px solid var(--line); border-radius:8px; margin:26px 0 35px; -webkit-overflow-scrolling:touch; }
.comparison-wrap:focus-visible { outline:3px solid var(--city-accent); outline-offset:3px; }
.comparison-table { border-collapse:collapse; width:100%; min-width:670px; font-size:13px; line-height:1.55; text-align:left; }
.comparison-table caption { padding:17px 20px; text-align:left; font-weight:650; color:var(--ink); background:var(--guide-soft); }
.comparison-table th { padding:16px; font-size:10px; letter-spacing:.055em; text-transform:uppercase; color:var(--ink); background:var(--guide-soft); font-weight:750; vertical-align:top; }
.comparison-table td { padding:10px 16px; border-top:1px solid var(--line); vertical-align:middle; }
.comparison-table tbody tr:nth-child(even) { background:#FCFBF8; }
.comparison-table tbody tr:hover { background:var(--guide-gold-soft); }
.comparison-table td:first-child { color:var(--ink); font-weight:750; width:48px; }
.comparison-table a { display:inline-flex; align-items:center; min-height:44px; font-weight:650; text-decoration-thickness:1px; }
.category-advice { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin:36px 0; }
.category-advice > section { min-width:0; padding:26px; border:1px solid var(--line); border-radius:8px; background:var(--paper); }
.category-advice h2, .category-advice h3 { font-size:24px; margin:0 0 14px; }
.category-advice p { font-size:14px; line-height:1.8; color:var(--muted); }
.category-advice p:last-child { margin-bottom:0; }
.category-faq { max-width:900px; margin-block:44px; }
.category-faq .faq summary { min-height:44px; }
.related-categories { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding-top:24px; margin-top:32px; border-top:1px solid var(--line); }
.related-categories h2, .related-categories h3 { width:100%; font-size:25px; margin:0 0 12px; }
.related-categories a { display:inline-flex; align-items:center; min-height:44px; padding:9px 13px; border:1px solid var(--guide-line); background:var(--guide-soft); color:var(--ink); border-radius:5px; font-size:12px; font-weight:600; text-decoration:none; }
.related-categories a:hover { border-color:var(--gold); background:var(--guide-gold-soft); }
.startup-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-block:30px; }
.resource-card { min-width:0; border:1px solid var(--line); border-top:3px solid var(--gold); border-radius:8px; padding:25px; background:#fff; }
.resource-card h2, .resource-card h3 { font-size:24px; }
.resource-card p { color:var(--muted); font-size:14px; line-height:1.75; }
.resource-card a { display:inline-flex; align-items:center; min-height:44px; color:var(--red-dark); font-size:13px; font-weight:650; }

/* The complete directory uses text cards after the illustrated top selection. */
.activity-card-compact { display:flex; height:100%; border-top:3px solid var(--ink); }
.activity-card-compact:nth-child(3n+2) { border-top-color:var(--red); }
.activity-card-compact:nth-child(3n) { border-top-color:var(--gold); }
.activity-card-compact .card-body { display:flex; flex-direction:column; width:100%; min-width:0; padding:22px; }
.activity-card-compact .card-title { font-size:21px; line-height:1.25; margin-bottom:12px; }
.activity-card-compact .card-meta, .activity-card-compact .card-title { padding-right:48px; }
.activity-card-compact .save-button { top:12px; right:12px; color:var(--red-dark); background:#FCF5F5; border:1px solid #E8D5D7; box-shadow:none; }
.activity-card-compact .save-button[aria-pressed="true"] { color:#fff; background:var(--city-accent); border-color:var(--city-accent); }
.activity-card-compact .card-excerpt { flex:1; font-size:13px; line-height:1.75; margin-bottom:18px; }
.activity-card-compact .card-bottom { flex-wrap:wrap; gap:5px 16px; margin-top:auto; padding-top:10px; }
.activity-card-compact .card-bottom > span { font-size:11px; line-height:1.7; }
.activity-card-compact .card-bottom > a { color:var(--red-dark); font-size:12px; font-weight:650; min-height:44px; }
.route-card { display:flex; flex-direction:column; }
.route-card .button-row { gap:9px; margin-top:auto; }
.route-card .button-row > .button { width:100%; flex:1 1 100%; min-height:46px; text-align:center; white-space:normal; }
.route-card .button[data-add-plan] { color:#fff; background:var(--city-accent); border-color:var(--city-accent); }
.route-card .button[data-add-plan]:hover { color:#fff; background:var(--city-accent-dark); border-color:var(--city-accent-dark); }
.hero-plan-cta { align-items:center; margin:18px 0 20px; }
.hero-plan-cta .small { font-size:12px; line-height:1.5; }

/* Match the actual guide markup: row headings and budget bases are separate. */
.toplist-facts dd small, .comparison-table td small { display:block; margin-top:4px; font-size:11px; font-weight:400; line-height:1.5; color:var(--muted); }
.comparison-table th[scope="row"] { font-size:13px; letter-spacing:0; text-transform:none; font-weight:650; background:inherit; border-top:1px solid var(--line); vertical-align:middle; }
.category-advice > h2 { grid-column:1 / -1; margin:0 0 2px; font-size:clamp(28px,3vw,38px); }
.planner-steps li:before { content:"♡"; font-size:17px; }
.planner-steps li:nth-child(2):before { content:"↕"; }
.planner-steps li:nth-child(3):before { content:"↗"; }

@media (max-width:1050px) {
  .toplist-item { grid-template-columns:minmax(210px,.75fr) minmax(0,1.25fr); }
  .toplist-copy { padding:23px; }
  .toplist-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .startup-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:780px) {
  .brand-icon { width:42px; height:42px; }
  .planner-promo { grid-template-columns:minmax(0,1fr); gap:24px; padding:26px; border-radius:9px; }
  .planner-promo:before { left:26px; }
  .planner-promo p { font-size:14px; }
  .planner-promo-actions { gap:10px; }
  .planner-promo-actions .button { width:100%; }
  .planner-steps { gap:18px; }
  .planner-dock {
    position:fixed;
    z-index:45;
    left:50%;
    bottom:max(14px,env(safe-area-inset-bottom));
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:min(560px,calc(100% - 28px));
    min-height:56px;
    padding:14px 17px;
    background:var(--city-accent);
    color:#fff;
    border:1px solid #FFFFFF40;
    border-bottom:3px solid var(--gold);
    border-radius:10px;
    box-shadow:0 8px 28px #19232A33;
    text-align:center;
    text-decoration:none;
    font-size:14px;
    font-weight:700;
    line-height:1.4;
  }
  .planner-dock:hover { background:var(--city-accent-dark); color:#fff; }
  .planner-dock-count { display:inline-flex; align-items:center; justify-content:center; gap:4px; min-width:25px; min-height:25px; width:auto; height:auto; padding:3px 8px; background:#fff; color:var(--city-ink); border-radius:5px; font-size:11px; white-space:nowrap; font-variant-numeric:tabular-nums; }
  body:has(.planner-dock:not([hidden])) { padding-bottom:calc(90px + env(safe-area-inset-bottom)); }
  .toplist-item { grid-template-columns:minmax(0,1fr); scroll-margin-top:86px; }
  .toplist-media { min-height:0; aspect-ratio:1.75; }
  .toplist-media img { min-height:0; aspect-ratio:1.75; }
  .toplist-copy { padding:24px; }
  .toplist-copy h3 { font-size:25px; }
  .toplist-facts { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .category-advice { grid-template-columns:minmax(0,1fr); gap:18px; }
  .category-advice > section { padding:23px; }
  .category-intro > p { font-size:16px; }
  .selection-note { padding:15px 17px; }
  .wishlist-actions { gap:7px; }
  .wishlist-actions .button-icon, .wishlist-actions .button-text { flex:1 0 auto; }
}
@media (max-width:460px) {
  .planner-promo { padding:22px; }
  .planner-promo:before { left:22px; }
  .planner-promo h2 { font-size:30px; }
  .planner-dock { font-size:13px; padding-inline:12px; }
  .toplist { gap:23px; }
  .toplist-copy { padding:20px; }
  .toplist-copy h3 { font-size:24px; }
  .toplist-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .toplist-actions .button { flex:1 1 120px; }
  .category-jumps { gap:7px; }
  .category-jumps a { padding-inline:10px; }
  .startup-grid { grid-template-columns:minmax(0,1fr); }
  .resource-card { padding:22px; }
  .activity-card-compact .card-body { padding:20px; }
}
@media (max-width:360px) {
  .brand-icon { width:38px; height:38px; }
  .planner-promo { padding:19px; }
  .planner-promo:before { left:19px; }
  .planner-promo h2 { font-size:28px; }
  .toplist-copy { padding:18px; }
  .toplist-actions .button { width:auto; }
  .wishlist-actions .button-icon, .wishlist-actions .button-text { font-size:11px; padding-inline:10px; }
}
@media print {
  .planner-promo, .planner-dock, .wishlist-actions { display:none !important; }
  body:has(.planner-dock) { padding-bottom:0; }
  .toplist-item { break-inside:avoid; display:block; }
  .toplist-media { display:none; }
  .comparison-wrap { overflow:visible; }
  .comparison-table { min-width:0; font-size:10pt; }
}
[hidden] { display:none !important; }

/* A compact, approachable wordmark. The city initial and accent are reusable. */
.brand:has(.brand-wordmark) { min-width:0; max-width:185px; gap:0; }
.brand-wordmark { display:inline-flex; align-items:center; gap:9px; max-width:185px; padding:0; color:var(--ink); font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1; }
.brand-wordmark-mark { display:grid; place-items:center; flex:0 0 36px; width:36px; height:36px; color:var(--city-accent,#2360D6); }
.brand-wordmark-mark svg { width:36px; height:36px; display:block; }
.brand-initial { display:grid; place-items:center; width:36px; height:36px; border-radius:12px; background:var(--city-soft); font-size:24px; font-weight:650; }
.brand-wordmark-name { display:flex; flex-direction:column; align-items:flex-start; gap:3px; }
.brand-wordmark-city { font-size:var(--brand-city-size,23px); font-weight:650; letter-spacing:-.055em; line-height:1.06; white-space:nowrap; }
.brand-wordmark-topic { color:#657184; font-size:10.5px; font-weight:500; font-style:normal; letter-spacing:.115em; line-height:1.1; }
.brand-wordmark-stop { color:var(--city-accent); font-weight:800; }
@media(max-width:780px) {
 .brand-wordmark { gap:8px; }
 .brand-wordmark-mark,.brand-wordmark-mark svg,.brand-initial { width:32px; height:32px; flex-basis:32px; }
 .brand-wordmark-city { font-size:calc(var(--brand-city-size,23px) * .91); }
 .brand-wordmark-topic { font-size:9.5px; }
}

/* A static floating summary; the page keeps its original visual design. */
.weather-float {
  position:fixed;
  left:20px;
  bottom:20px;
  z-index:40;
  width:min(230px,calc(100vw - 40px));
  min-height:50px;
  border:1px solid #E2DFD8;
  border-radius:14px;
  background:#fff;
  box-shadow:0 5px 22px #19232A12;
  overflow:hidden;
}
.weather-float > [data-weather-summary] { min-width:0; }
.weather-float-link {
  display:flex;
  align-items:center;
  gap:10px;
  min-height:54px;
  width:100%;
  padding:10px 13px;
  color:#19232A;
  background:#fff;
  text-decoration:none;
  line-height:1.35;
}
.weather-float-link:hover { background:#FCF7F5; }
.weather-float-link:focus-visible { outline:3px solid #B62C36; outline-offset:-4px; border-radius:12px; }
.weather-float-icon, .weather-float-icon svg { display:block; width:24px; height:24px; }
.weather-float-icon { flex:0 0 24px; color:#B62C36; }
.weather-float-copy { display:block; flex:1; min-width:0; }
.weather-float-label { display:block; margin-bottom:2px; font-size:9px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:#677078; }
.weather-float-value { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#19232A; font-size:12px; font-weight:650; font-variant-numeric:tabular-nums; }
.weather-float-arrow { flex:0 0 auto; color:#B62C36; font-size:15px; line-height:1; }
body:has(.weather-float:not([hidden])) .site-footer { padding-bottom:96px; }

/* Four upcoming periods complement the current conditions in the main widget. */
[data-live-weather] .weather-details { margin:16px 0; }
[data-live-weather] .weather-details dt { font-size:11px; font-weight:400; color:#5C646C; }
[data-live-weather] .weather-details dd { margin:4px 0 0; color:var(--ink,#19232A); font-size:15px; font-weight:650; }
.weather-forecast { display:block; margin:24px 0 18px; padding-top:21px; border-top:1px solid #E1E2DF; }
[data-live-weather] .weather-forecast-heading { font-size:17px; letter-spacing:-.025em; line-height:1.35; margin:0 0 8px; color:var(--ink,#19232A); }
[data-live-weather] .weather-forecast-summary { font-size:13px; line-height:1.65; color:#59616A; margin:0 0 15px; }
.weather-hours { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; list-style:none; padding:0; margin:0; }
.weather-hour { display:flex; flex-direction:column; min-width:0; padding:13px 10px; border:1px solid #E1E2DF; border-radius:6px; background:#F7F6F2; }
.weather-hour-time { display:block; font-size:11px; font-weight:650; color:#59616A; line-height:1.4; }
.weather-hour-temp { display:block; margin:10px 0 7px; color:var(--ink,#19232A); font-size:23px; font-weight:750; line-height:1; letter-spacing:-.045em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.weather-hour-condition { display:block; flex:1; margin-bottom:8px; color:#39434A; font-size:11px; line-height:1.5; overflow-wrap:break-word; }
.weather-hour-rain { display:block; padding-top:8px; border-top:1px solid #DADDD9; color:#59616A; font-size:10px; line-height:1.5; }
[data-live-weather] .weather-updated { font-size:11px; line-height:1.65; color:#626A71; }
[data-live-weather] .weather-source { font-size:11px; line-height:1.6; }

@media(max-width:1050px) and (min-width:781px) {
  .weather-hours { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:780px) {
  .weather-float { left:12px; right:auto; bottom:max(12px,env(safe-area-inset-bottom)); width:max-content; max-width:calc(100vw - 24px); min-height:44px; border-radius:11px; }
  .weather-float-link { width:auto; min-height:44px; padding:7px 10px; gap:7px; }
  .weather-float-icon,.weather-float-icon svg { width:20px; height:20px; }
  .weather-float-icon { flex-basis:20px; }
  .weather-float-label { display:none; }
  .weather-float-value { max-width:140px; font-size:11px; font-weight:600; }
  .weather-float-arrow { font-size:12px; }
  body:has(.planner-dock:not([hidden])) .weather-float { bottom:calc(max(12px,env(safe-area-inset-bottom)) + 60px); }
  [data-live-weather] .button { width:auto; max-width:100%; align-self:flex-start; flex:0 0 auto; }
  .weather-hours { gap:10px; }
  .weather-hour { padding:13px; }
}
@media(max-width:560px) {
  .weather-hours { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .weather-hour-temp { font-size:24px; }
}
@media(max-width:360px) {
  .weather-hour { padding:12px 10px; }
}
@media print {
  .weather-float, .weather-forecast { display:none !important; }
  body:has(.weather-float) .site-footer { padding-bottom:22px; }
}
.weather-float[hidden] { display:none !important; }

/* A typographic journal, distinct from the activity directory. */
.editorial-index, .editorial-article { padding-bottom:72px; }
.editorial-breadcrumb { padding:24px 0; color:var(--muted); font-size:12px; }
.editorial-breadcrumb ol { display:flex; flex-wrap:wrap; gap:2px 12px; list-style:none; margin:0; padding:0; }
.editorial-breadcrumb li { min-width:0; overflow-wrap:anywhere; }
.editorial-breadcrumb li + li:before { content:"/"; padding-right:12px; color:#91918C; }
.editorial-breadcrumb a { display:inline-flex; align-items:center; min-height:44px; text-decoration:none; }
.editorial-breadcrumb [aria-current] { align-self:center; }
.editorial-index-header { position:relative; padding:35px 0 38px; border-bottom:1px solid var(--line); }
.editorial-index-header:before, .editorial-article-header:before { content:""; display:block; width:72px; height:5px; margin-bottom:24px; background:linear-gradient(90deg,var(--ink) 0 33.333%,var(--red) 33.333% 66.666%,var(--gold) 66.666%); }
.editorial-index-header h1 { max-width:960px; margin-bottom:24px; font-size:clamp(42px,5.8vw,76px); }
.editorial-index-header h1 > span { display:block; color:var(--red-dark); font-size:.64em; line-height:1.2; margin-top:10px; }
.editorial-deck { max-width:760px; color:var(--muted); font-size:clamp(17px,1.8vw,20px); line-height:1.75; }
.editorial-topics { display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:28px; font-size:12px; font-weight:650; }
.editorial-topics > span { display:inline-flex; align-items:center; gap:8px; }
.editorial-topics > span:before { content:""; width:5px; height:5px; background:var(--gold); }
.editorial-collection { padding-top:34px; }
.editorial-collection-heading { display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:22px; }
.editorial-collection-heading h2 { margin:0; font-size:24px; }
.editorial-collection-heading > span { color:var(--muted); font-size:12px; white-space:nowrap; }
.editorial-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.editorial-card { min-width:0; border:1px solid var(--line); border-top:3px solid var(--red); border-radius:9px; background:#fff; overflow:hidden; }
.editorial-card:nth-child(3n) { border-top-color:var(--gold); }
.editorial-card-link { display:flex; flex-direction:column; height:100%; min-height:330px; padding:30px; color:var(--ink); text-decoration:none; }
.editorial-card-top { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:28px; }
.editorial-topic { font-size:10px; font-weight:750; letter-spacing:.13em; text-transform:uppercase; line-height:1.5; }
.editorial-card-number { font-size:26px; font-weight:750; color:var(--gold-ink,#806014); line-height:1; font-variant-numeric:tabular-nums; }
.editorial-card h3 { max-width:24ch; margin:0 0 17px; font-size:clamp(26px,3vw,39px); line-height:1.13; }
.editorial-card p { max-width:58ch; margin-bottom:26px; color:var(--muted); font-size:14px; line-height:1.75; }
.editorial-card-bottom { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:auto; padding-top:18px; border-top:1px solid var(--line); font-size:12px; }
.editorial-card-cta { font-weight:750; }
.editorial-card-cta > span { margin-left:7px; }
.editorial-card-link:hover h3 { text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:6px; }
.editorial-card-link:focus-visible { outline-offset:-5px; }
.editorial-card:first-child { background:var(--ink); border-color:var(--ink); border-top-color:var(--gold); }
.editorial-card:first-child .editorial-card-link { color:#fff; }
.editorial-card:first-child .editorial-topic, .editorial-card:first-child .editorial-card-number { color:#E7C469; }
.editorial-card:first-child p { color:#DCE0E1; }
.editorial-card:first-child .editorial-card-bottom { border-color:#506069; }
.editorial-card:first-child .editorial-card-link:focus-visible { outline-color:var(--gold); }
.editorial-index-footer { display:grid; grid-template-columns:minmax(0,.65fr) minmax(0,1fr); gap:20px 50px; border-top:1px solid var(--line); margin-top:45px; padding-top:28px; }
.editorial-index-footer > strong { font-size:25px; line-height:1.3; letter-spacing:-.03em; }
.editorial-index-footer p { font-size:13px; color:var(--muted); margin:0; }
.editorial-index-footer a, .editorial-author a { overflow-wrap:anywhere; }
.editorial-article-header { max-width:1000px; padding:30px 0 36px; }
.editorial-article-header h1 { max-width:23ch; margin-bottom:24px; font-size:clamp(36px,5.3vw,66px); }
.editorial-meta { display:flex; flex-wrap:wrap; align-items:center; gap:9px 24px; margin-top:26px; padding-top:20px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
.editorial-meta > a { min-height:44px; display:inline-flex; align-items:center; font-weight:650; color:var(--ink); }
.editorial-article-layout { display:grid; grid-template-columns:minmax(190px,240px) minmax(0,720px); align-items:start; gap:clamp(30px,5vw,72px); }
.editorial-article-layout > * { min-width:0; }
.editorial-toc { position:sticky; top:118px; padding:20px; border:1px solid var(--line); border-top:3px solid var(--gold); border-radius:7px; background:var(--paper); }
.editorial-toc h2 { margin:0 0 12px; font-size:16px; letter-spacing:-.02em; }
.editorial-toc ol { padding:0; margin:0; list-style:none; }
.editorial-toc li + li { border-top:1px solid var(--line); }
.editorial-toc a { display:flex; align-items:center; min-height:44px; padding:9px 0; color:var(--ink); font-size:12px; line-height:1.55; text-decoration:none; overflow-wrap:anywhere; }
.editorial-toc a:hover { color:var(--red-dark); text-decoration:underline; }
.editorial-prose { font-size:17px; line-height:1.9; overflow-wrap:break-word; }
.editorial-prose p { margin-bottom:21px; }
.editorial-intro { color:var(--ink); font-size:19px; line-height:1.8; }
.editorial-section { margin-top:39px; scroll-margin-top:125px; }
.editorial-section h2 { font-size:clamp(26px,3vw,33px); line-height:1.25; margin-bottom:18px; }
.editorial-sources { scroll-margin-top:125px; margin-top:45px; padding:25px; background:var(--paper); border:1px solid var(--line); border-radius:7px; }
.editorial-sources h2 { margin-bottom:12px; font-size:24px; }
.editorial-sources > p { font-size:13px; color:var(--muted); line-height:1.65; margin-bottom:12px; }
.editorial-sources ol { margin:0; padding-left:20px; }
.editorial-sources li { padding:9px 0 9px 5px; font-size:13px; line-height:1.6; }
.editorial-sources li + li { border-top:1px solid var(--line); }
.editorial-sources a { display:inline-block; min-height:44px; padding-block:10px; font-weight:650; overflow-wrap:anywhere; }
.editorial-sources small { display:block; font-size:11px; overflow-wrap:anywhere; }
.editorial-author { margin-top:30px; padding-top:24px; border-top:1px solid var(--line); font-size:13px; }
.editorial-author > strong { display:block; font-size:15px; }
.editorial-author p { margin:8px 0; color:var(--muted); line-height:1.7; }
.editorial-author > .text-link { display:inline-flex; align-items:center; min-height:44px; }
.editorial-related { border-top:1px solid var(--line); margin-top:60px; padding-top:36px; }
.editorial-related > h2 { margin-bottom:26px; font-size:32px; }
@media (max-width:780px) {
  .editorial-index, .editorial-article { padding-bottom:48px; }
  .editorial-index-header, .editorial-article-header { padding-top:16px; }
  .editorial-card-link { min-height:320px; padding:23px; }
  .editorial-grid { gap:18px; }
  .editorial-card-bottom { flex-wrap:wrap; gap:8px 16px; }
  .editorial-index-footer { grid-template-columns:minmax(0,1fr); gap:12px; }
  .editorial-article-layout { grid-template-columns:minmax(0,1fr); gap:30px; }
  .editorial-toc { position:static; }
  .editorial-toc ol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 22px; }
  .editorial-prose { font-size:16px; line-height:1.85; }
  .editorial-intro { font-size:18px; }
  .editorial-article-header h1 { max-width:none; }
  .editorial-sources { padding:21px; }
}
@media (max-width:560px) {
  .editorial-grid { grid-template-columns:minmax(0,1fr); }
  .editorial-card-link { min-height:290px; padding:24px; }
  .editorial-card h3 { font-size:29px; }
  .editorial-card-top { margin-bottom:22px; }
  .editorial-collection-heading { align-items:start; }
  .editorial-collection-heading h2 { font-size:22px; }
  .editorial-toc ol { grid-template-columns:minmax(0,1fr); }
  .editorial-meta { gap:5px 18px; }
  .editorial-meta > a { flex-basis:100%; }
  .editorial-section { margin-top:32px; }
  .editorial-related { margin-top:44px; }
}
@media print {
  .editorial-breadcrumb, .editorial-toc, .editorial-related, .editorial-topics { display:none; }
  .editorial-article-layout { display:block; }
  .editorial-article-header h1 { font-size:30pt; }
  .editorial-prose, .editorial-intro { font-size:11pt; }
  .editorial-card, .editorial-sources { break-inside:avoid; }
  .editorial-section h2 { break-after:avoid; }
}

/* Quiet surfaces and consistent blue actions; the shared city colours remain details. */
:root { --ink:#27313B; --muted:#637080; --paper:#F7F8F9; --line:#E3E7ED; --guide-line:#E3E7ED; --guide-soft:#F6F7F9; }
body { background:#FDFDFC; }
.site-header { background:#FFFFFFF5; border-bottom:0; }
.header-main { min-height:72px; }
.menu-toggle { min-height:44px; padding:9px 13px; border:1px solid #D8DDE3; border-radius:10px; background:#fff; color:#27313B; font-weight:550; box-shadow:none; }
.menu-toggle:hover,.menu-toggle[aria-expanded="true"] { background:#F1F3F5; border-color:#BAC2CC; color:#27313B; }
.menu-toggle:focus-visible { outline-color:#596577; }
.site-header:after { height:2px; }
.utility { background:#27313B; }
.utility .wrap { padding-block:5px; }
.category-nav { padding-block:5px; border-bottom-color:#ECEEF1; }
.category-nav a { font-weight:550; }
.nav { gap:24px; }
.nav a { font-weight:550; }
.nav .saved { color:#27313B; background:#F5F5F2; border:1px solid #DADDDC; border-radius:12px; }
.nav .saved:hover { color:#27313B; background:#ECEDE9; }
.nav .saved span { background:#F0E5C9; color:#534B32; border-radius:7px; }
.hero { background:linear-gradient(125deg,#FAFBFD,#F5F6F6); border-bottom:1px solid #E6E9EF; }
.hero h1 { font-size:clamp(40px,5.5vw,66px); font-weight:650; letter-spacing:-.045em; line-height:1.08; }
.hero h1 em { color:#AD3741; }
.hero p { color:#596577; }
.hero-image { border-radius:22px; box-shadow:0 12px 36px #2638540B; }
.hero-image picture,.card-image picture,.toplist-media picture { display:block; width:100%; height:100%; }
.article-visual picture { display:block; width:100%; }
.archive-note { display:inline-block; margin:12px 12px 0; padding:2px 8px; border-radius:5px; background:#F0F1F3; color:#505963; font-size:11px; }
.hero-search { border:1px solid #DCE3EE; border-radius:14px; box-shadow:0 6px 22px #243C6B08; }
.hero-search button { background:var(--city-accent); border-radius:10px; margin:4px; padding-inline:20px; }
.hero-search button:hover { background:var(--city-accent-dark); }
.button,.button.red,.button.gold { background:var(--city-accent); border-color:var(--city-accent); color:#fff; border-radius:11px; font-weight:600; box-shadow:0 3px 9px #2360D612; transition:background .18s ease,box-shadow .18s ease; }
.button:hover,.button.red:hover,.button.gold:hover { background:var(--city-accent-dark); border-color:var(--city-accent-dark); color:#fff; box-shadow:0 5px 14px #2360D61A; }
.button.light { background:#fff; border-color:#CBDCF8; color:var(--city-ink); box-shadow:none; }
.button.light:hover { background:var(--city-soft); border-color:var(--city-accent); color:var(--city-ink); }
.text-link,.card-bottom a,.editorial-card-cta { color:var(--city-accent); }
.editorial-card:first-child .editorial-card-cta { color:#C6D8FF; }
.quick-links a,.chip,.filter-categories button,.category-jumps a { border-radius:9px; }
.quick-links a { border-color:#DCE4EF; color:#405978; }
.category-tile { border:1px solid var(--line); border-radius:16px; background:#fff; box-shadow:0 4px 16px #1E3B5C03; padding-top:24px; }
.category-tile:nth-child(3n+2),.category-tile:nth-child(3n) { border-top-color:var(--line); }
.category-tile .cat-icon { color:#344050; }
.category-tile:nth-child(3n+2) .cat-icon { color:var(--red); }
.category-tile:nth-child(3n) .cat-icon { color:var(--gold-ink); }
.category-tile:hover { border-color:#B8CEF3; box-shadow:0 8px 24px #1E3B5C08; }
.activity-card,.toplist-item,.route-card,.today-grid > *,.side-card,.editorial-card { border-color:var(--line); border-radius:17px; box-shadow:0 4px 18px #26385405; }
.activity-card:hover { box-shadow:0 9px 25px #2638540C; }
.card-body { padding:23px 24px 20px; }
.card-title { font-weight:650; line-height:1.3; }
.save-button { border-radius:50%; box-shadow:0 2px 10px #27313B0D; }
.filter-panel,.plan-controls,.visit-checklist,.article-content .toc,.comparison-wrap { border-radius:14px; }
.filter-panel input,.filter-panel select { border-radius:9px; border-color:#DCE3EC; }
.route-card { border-top:2px solid var(--gold); }
.planner-promo { border-radius:20px; background:#293746; border-color:#293746; }
.planner-promo:before { height:3px; width:105px; top:0; }
.planner-promo .button { border-color:var(--city-accent); }
.planner-steps li:before { border-radius:10px; background:#F2E8C9; }
.planner-dock { background:var(--city-accent); border-radius:15px; box-shadow:0 8px 30px #1F4C9E26; }
.wishlist-item { border-radius:14px; border-color:var(--line); }
.wishlist-actions .button-icon { border-color:#CBDCF8; border-radius:9px; }
.wishlist-actions .button-text { border-radius:9px; }
.budget-box { border-color:#D9E3F4; border-left:3px solid var(--city-accent); background:#F7F9FD; border-radius:12px; }
.budget-chip { background:#F4F7FC; border-color:#D9E3F4; color:var(--city-ink); }
.toplist-actions button[aria-pressed="true"] { background:var(--city-soft); color:var(--city-ink); }
.site-footer { border-top:2px solid var(--red); }
@media(max-width:780px) {
 .menu-toggle { width:auto; flex:0 0 auto; }
 .planner-dock { left:auto; right:12px; transform:none; width:max-content; max-width:calc(100vw - 24px); min-height:46px; padding:9px 12px; gap:12px; border-radius:12px; }
 .header-main { min-height:64px; }
 .nav { top:64px; }
 .hero-image { border-radius:17px; }
 .hero h1 { font-size:clamp(38px,9vw,56px); }
 .card-body { padding:20px; }
 .category-tile { min-height:140px; padding:20px; }
 .planner-promo { padding:25px; border-radius:17px; }
}
@media(prefers-reduced-motion:reduce) { .button { transition:none; } }