:root {
      color-scheme: light dark;
      --paper: #f5efe0;
      --paper-2: #fffdf7;
      --ink: #1b2a4a;
      --muted: #5a6372;
      --berry: #9c3d2e;
      --berry-deep: #1b2a4a;
      --maple: #9c3d2e;
      --gold: #d9a441;
      --gold-soft: #eec96f;
      --forest: #1b2a4a;
      --mist: #e9e3d1;
      --line: #cfc5a8;
      --white: #ffffff;
      --shadow: rgba(11, 29, 46, .16);
      --max: 1180px;
    }
        .accordion-panel { display:none; }

        
        .day.is-open .accordion-panel, .accordion-item.is-open .accordion-panel { display:block; transform:translateZ(0); }
        .accordion-panel-inner { min-height:0; overflow:hidden; }
        .accordion-panel > .day-grid { min-height:0; overflow:hidden; }
@media (prefers-color-scheme: dark) {
      :root {
        --paper: #1b2a4a;
        --paper-2: #0e141f;
        --ink: #f5efe0;
        --muted: #a8b3c2;
        --berry: #d9755f;
        --berry-deep: #04070c;
        --maple: #e8b45a;
        --gold: #d9a441;
        --gold-soft: #eec96f;
        --forest: #9fb4d8;
        --mist: #14202f;
        --line: #26344a;
        --white: #0e141f;
        --shadow: rgba(0,0,0,.34);
      }
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body { margin: 0; background: var(--paper); color: var(--ink); font-family: "Libre Franklin", sans-serif; line-height: 1.65; text-rendering: optimizeLegibility; }
    img { display: block; max-width: 100%; }
    a { color: inherit; text-underline-offset: 4px; }
    a:hover { color: var(--berry); }
    button,input,select { font:inherit; }
    :focus-visible { outline:3px solid var(--gold); outline-offset:3px; }
    .progress { position: fixed; z-index: 30; inset: 0 auto auto 0; width: 0; height: 4px; background: var(--gold); }
    .site-header { background:var(--berry-deep); color:#f5efe0; border-bottom:1px solid rgba(255,255,255,.14); }
    .header-main { position:relative; max-width:var(--max); margin:0 auto; padding:14px 24px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
    .home-link { flex:0 0 auto; display:inline-flex; align-items:center; gap:13px; text-decoration:none; }
    .home-link { gap:12px; color:#f5efe0; }
    .brand-wordmark { display:grid; gap:1px; color:#f5efe0; font-family:"Newsreader", serif; font-size:1.06rem; font-weight:650; line-height:1.1; }
    .brand-wordmark span:last-child { color:var(--sun, #eec96f); }
    .header-logo { width:72px; height:72px; border-radius:50%; mix-blend-mode:screen; }
    .trip-group { padding:20px 0 4px; }
    .trip-group-title { margin:0 0 9px; color:var(--gold); font-family:"Libre Franklin",sans-serif; font-size:.68rem; font-weight:900; letter-spacing:.11em; line-height:1.3; text-transform:uppercase; }
    .trip-group a { display:block; padding:7px 0; color:#f5efe0; text-decoration:none; font-family:"Newsreader",serif; font-size:.98rem; font-weight:500; line-height:1.2; }
    .trip-group a:hover,.trip-group a[aria-current="page"] { color:var(--gold); }
    .hero { min-height: 90svh; display: grid; grid-template-columns: minmax(0,1.15fr) minmax(340px,.85fr); background: var(--berry-deep); color: #f5efe0; overflow: hidden; }
    .hero-copy { padding: clamp(42px,8vw,118px) clamp(24px,7vw,104px) 54px; display: flex; flex-direction: column; justify-content: space-between; position: relative; isolation: isolate; }
    .hero-copy::before { content:""; position:absolute; width:470px; height:470px; left:-210px; bottom:-255px; border:74px solid rgba(239,180,50,.12); border-radius:50%; z-index:-1; }
    .breadcrumb { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 32px; color:#c9bfa8; font-size:.74rem; font-weight:700; }
    .breadcrumb a { color:#f5efe0; text-decoration:none; }
    .breadcrumb a:hover { color:var(--gold); text-decoration:underline; }
    .breadcrumb span[aria-hidden="true"] { color:var(--gold); }
    .kicker { margin:0 0 22px; font-size:.78rem; font-weight:800; letter-spacing:.19em; text-transform:uppercase; color:var(--gold); }
    .section-kicker { margin:0 0 22px; font-size:.78rem; font-weight:800; letter-spacing:.19em; text-transform:uppercase; color:#9c3d2e; }
    @media (prefers-color-scheme: dark){ .section-kicker{ color:#e8b45a; } }
    h1 { max-width:850px; margin:0; font-family:"Newsreader",serif; font-weight:650; font-size:clamp(3.2rem,7vw,7.3rem); line-height:.89; letter-spacing:-.045em; }
    h1 em { display:block; color:var(--gold-soft); font-style:italic; font-weight:500; }
    .dek { max-width:680px; margin:34px 0 40px; font-family:"Newsreader",serif; font-size:clamp(1.25rem,2.1vw,1.85rem); line-height:1.28; color:#e6dcc4; }
    .hero-meta { display:flex; flex-wrap:wrap; gap:10px 28px; padding-top:22px; border-top:1px solid rgba(255,255,255,.22); font-size:.84rem; font-weight:700; }
    .hero-art { position:relative; min-height:660px; margin:0; background:#1b2a4a; }
    .hero-art img { width:100%; height:100%; object-fit:cover; }
    .hero-art figcaption { position:absolute; right:18px; bottom:18px; background:rgba(7,20,32,.88); color:#fff; padding:8px 12px; font-size:.72rem; }
    .zoomable { cursor:zoom-in; }
    .zoomable:focus-visible { outline:4px solid var(--gold); outline-offset:-4px; }
    .image-viewer[hidden] { display:none; }
    .image-viewer { position:fixed; z-index:100; inset:0; display:grid; grid-template-rows:auto 1fr; background:rgba(20,10,14,.96); color:#f5efe0; }
    .image-viewer-bar { display:flex; align-items:center; justify-content:flex-end; min-height:58px; padding:8px 14px; background:#1b2a4a; }
    .image-viewer-close { min-width:44px; min-height:44px; border:1px solid rgba(255,255,255,.42); background:transparent; color:#f5efe0; font-size:1.55rem; line-height:1; cursor:pointer; }
    .image-viewer-close:hover { background:#f5efe0; color:#1b2a4a; }
    .image-viewer-stage { overflow:auto; overscroll-behavior:contain; padding:18px; display:grid; place-items:start center; }
    .image-viewer img { width:min(920px,100%); max-width:none; height:auto; box-shadow:0 18px 50px rgba(0,0,0,.45); cursor:zoom-in; }
    .image-viewer img.is-zoomed { width:1320px; cursor:zoom-out; }
    body.viewer-open { overflow:hidden; }
    .jump-wrap { background:var(--gold); color:#1b2a4a; }
    .toc { max-width:var(--max); margin:0 auto; }
    .toc summary { position:relative; list-style:none; padding:16px 52px 16px 24px; cursor:pointer; font-size:.76rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
    .toc summary::-webkit-details-marker { display:none; }
    .toc summary::after { content:"+"; position:absolute; right:25px; top:50%; transform:translateY(-50%); font-size:1.2rem; }
    .toc[open] summary::after { content:"−"; }
    .jump { padding:0 24px 16px; display:flex; align-items:center; gap:10px 22px; flex-wrap:wrap; }
    .jump a { text-decoration:none; font-size:.82rem; font-weight:800; }
    .jump a:hover { color:#9c3d2e; text-decoration:underline; }
    .guide-hero { margin: 0; }
    .guide-hero img { width: 100%; height: clamp(320px, 54vw, 640px); object-fit: cover; display: block; }
    .guide-hero figcaption { padding: 12px 24px; font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #5a6372; background: #f5efe0; }
    .overview { max-width:var(--max); margin:0 auto; padding:92px 24px 76px; scroll-margin-top:12px; }
    .overview-head { margin-bottom:42px; display:flex; align-items:flex-end; justify-content:space-between; gap:22px; flex-wrap:wrap; }
    .overview h2 { min-width:0; margin:0; font-family:"Newsreader",serif; font-size:clamp(2.7rem,5.5vw,5.7rem); line-height:.95; letter-spacing:-.035em; }
    .share-control { position:relative; flex:0 0 auto; }
    .share-trip-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:44px; padding:10px 16px; border:1px solid var(--berry); border-radius:999px; background:transparent; color:var(--berry); font-size:.78rem; font-weight:900; line-height:1.2; cursor:pointer; }
    .share-trip-button:hover,.share-trip-button[aria-expanded="true"] { background:var(--berry); color:#f5efe0; }
    @media (prefers-color-scheme: dark){ .share-trip-button:hover,.share-trip-button[aria-expanded="true"]{ color:#1b2a4a; } }
    .share-trip-button svg { width:18px; height:18px; flex:0 0 auto; }
    .share-menu { position:absolute; z-index:20; top:calc(100% + 10px); right:0; width:min(300px,calc(100vw - 48px)); padding:8px; display:grid; grid-template-columns:1fr 1fr; gap:6px; border:1px solid var(--line); border-radius:14px; background:var(--white); box-shadow:0 16px 40px var(--shadow); }
    .share-menu[hidden] { display:none; }
    .share-menu button { min-width:0; min-height:48px; display:flex; align-items:center; gap:10px; padding:10px 11px; border:0; border-radius:9px; background:transparent; color:var(--ink); font-size:.78rem; font-weight:800; text-align:left; cursor:pointer; }
    .share-menu button:hover,.share-menu button:focus-visible { background:var(--mist); color:var(--berry); }
    .share-menu svg { width:19px; height:19px; flex:0 0 auto; }
    .share-copy-fallback { flex:1 1 100%; display:flex; align-items:center; gap:10px; max-width:680px; padding-top:4px; }
    .share-copy-fallback[hidden] { display:none; }
    .share-copy-fallback label { flex:0 0 auto; color:var(--muted); font-size:.75rem; font-weight:800; }
    .share-copy-fallback input { min-width:0; width:100%; height:42px; padding:0 12px; border:1px solid var(--line); background:var(--paper); color:var(--ink); }
    .overview-note { margin:0 0 8px; max-width:48ch; color:var(--muted); font-family:"Newsreader",serif; font-size:1.18rem; }
    .overview-cards { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; align-items:stretch; }
    .overview-cards .trip-card,.overview-cards .budget { height:100%; }
    .overview-route{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:24px; margin-top:24px; align-items:stretch; }
    .overview-recap { margin:0; display:grid; grid-template-rows:1fr auto; min-width:0; background:var(--berry-deep); }
    .overview-recap img { width:100%; height:100%; max-height:690px; object-fit:contain; }
    .overview-recap figcaption { padding:12px 18px; background:var(--berry-deep); color:#fff; font-size:.76rem; }
    .day-summary { padding:clamp(28px,4vw,48px); background:var(--white); box-shadow:0 14px 32px var(--shadow); }
    .day-summary h3 { margin:0 0 20px; font-family:"Newsreader",serif; font-size:2.35rem; }
    .day-summary-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
    .day-summary-button { position:relative; min-width:0; display:grid; grid-template-rows:130px 1fr; padding:0; overflow:hidden; border:1px solid var(--line); background:var(--paper); color:var(--ink); text-align:left; cursor:pointer; }
    .day-summary-button:hover { color:var(--berry); border-color:var(--berry); }
    .day-summary-media { display:block; overflow:hidden; background:var(--berry-deep); }
    .day-summary-media img { width:100%; height:100%; object-fit:cover; }
    .day-summary-caption { display:flex; min-height:150px; padding:15px 38px 17px 15px; flex-direction:column; }
    .day-summary-when { color:var(--forest); font-size:.66rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
    .day-summary-place { margin-top:5px; color:var(--berry); font-family:"Newsreader",serif; font-size:1.14rem; font-weight:650; line-height:1.08; }
    .day-summary-text { margin-top:8px; font-family:"Newsreader",serif; font-size:.96rem; font-weight:500; line-height:1.28; }
    .day-summary-arrow { position:absolute; right:14px; bottom:15px; color:var(--forest); font-size:1.15rem; line-height:1; }
    .intro { max-width:980px; margin:0 auto; padding:88px 24px 70px; display:block; }
    .intro h2,.route-head h2,.planning h2,.faq h2 { margin:0 0 24px; font-family:"Newsreader",serif; font-size:clamp(2.5rem,5vw,5.35rem); line-height:.98; letter-spacing:-.03em; }
    .intro-copy p:first-of-type::first-letter { float:left; margin:.08em .12em 0 0; font-family:"Newsreader",serif; font-size:5.3rem; font-weight:650; line-height:.7; color:var(--berry); }
    .intro-copy p { max-width:70ch; font-family:"Newsreader",serif; font-size:1.21rem; }
    .trip-card { background:var(--white); border-top:8px solid var(--maple); box-shadow:0 16px 40px var(--shadow); padding:26px; }
    .trip-card h3 { margin:0 0 18px; font-size:1.15rem; }
    .trip-card dl { margin:0; }
    .trip-card div { padding:13px 0; border-top:1px solid var(--line); }
    .trip-card dt { font-size:.69rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; color:var(--berry); }
    .trip-card dd { margin:2px 0 0; font-family:"Newsreader",serif; font-size:1.05rem; }
    .stat-band { background:#1b2a4a; color:#f5efe0; }
    .verification { max-width:var(--max); margin:0 auto; padding:24px 24px 0; display:flex; align-items:center; gap:12px 18px; flex-wrap:wrap; }
    .guide-badge { display:inline-flex; align-items:center; min-height:28px; padding:5px 9px; background:var(--gold); color:var(--berry-deep); font-size:.68rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
    .verified-date { margin:0; font-size:.78rem; font-weight:700; color:#f5efe0; }
    .stats { max-width:var(--max); margin:0 auto; padding:24px 24px 30px; display:grid; grid-template-columns:repeat(4,1fr); }
    .stat { padding:10px 25px; border-right:1px solid rgba(255,255,255,.25); }
    .stat:first-child { padding-left:0; }
    .stat:last-child { border:0; }
    .stat b { display:block; font-family:"Newsreader",serif; font-size:clamp(2rem,4vw,4rem); line-height:1; color:#d9a441; }
    .stat span { display:block; margin-top:8px; font-size:.7rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
    .route { padding:100px 0 0; }
    .route-head { max-width:var(--max); margin:0 auto; padding:0 24px 55px; display:grid; grid-template-columns:1fr .7fr; gap:80px; align-items:end; }
    .route-head p { max-width:70ch; margin:0; font-family:"Newsreader",serif; font-size:1.18rem; }
    .day-accordion { border-bottom:1px solid var(--line); }
    .day { border-top:1px solid var(--line); scroll-margin-top:12px; }
    .accordion-heading { margin:0; }
    .accordion-toggle { touch-action:manipulation; -webkit-tap-highlight-color:transparent; width:100%; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px; align-items:center; padding:27px max(24px,calc((100vw - var(--max))/2 + 24px)); border:0; background:var(--paper); color:var(--ink); text-align:left; cursor:pointer; }
    .accordion-toggle:hover { background:var(--mist); }
    .accordion-label { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 8px; font-family:"Newsreader",serif; font-size:clamp(1.45rem,2.7vw,2.45rem); font-weight:650; line-height:1.12; }
    .accordion-place { color:var(--berry); }
    .accordion-theme { font-weight:500; }
    .accordion-icon { position:relative; width:36px; height:36px; flex:0 0 auto; border:1px solid var(--line); }
    .accordion-icon::before,.accordion-icon::after { content:""; position:absolute; left:9px; right:9px; top:50%; height:2px; background:currentColor; transform:translateY(-50%); transition:transform .28s ease; }
    .accordion-icon::after { transform:translateY(-50%) rotate(90deg); }
    .accordion-toggle[aria-expanded="true"] .accordion-icon::after { transform:translateY(-50%) rotate(0); }
    .day.is-even .day-image { order:2; }
    .day-image { min-height:560px; background:var(--berry-deep); overflow:hidden; position:relative; }
    .day-image img { width:100%; height:100%; object-fit:cover; }
    .stowe-art { display:grid; grid-template-rows:.9fr 1.1fr; background:var(--maple); color:#f5efe0; }
    .stowe-art-top,.stowe-art-bottom { padding:clamp(38px,6vw,76px); display:flex; flex-direction:column; justify-content:center; }
    .stowe-art-top { position:relative; overflow:hidden; }
    .stowe-art-top::after { content:""; position:absolute; width:260px; height:260px; right:-110px; bottom:-130px; border:46px solid rgba(255,255,255,.13); border-radius:50%; }
    .stowe-art-top span { margin-bottom:12px; font-size:.72rem; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
    .stowe-art-top b { font-family:"Newsreader",serif; font-size:clamp(3.8rem,8vw,7.8rem); line-height:.82; letter-spacing:-.045em; }
    .stowe-art-top em { margin-top:18px; font-family:"Newsreader",serif; font-size:1.15rem; }
    .stowe-art-bottom { background:var(--forest); }
    .stowe-art-bottom .art-kicker { margin:0 0 18px; font-size:.72rem; font-weight:900; letter-spacing:.18em; text-transform:uppercase; color:#eec96f; }
    .stowe-art-bottom strong { max-width:530px; font-family:"Newsreader",serif; font-size:clamp(2.25rem,4.8vw,4.9rem); line-height:.94; font-weight:500; }
    .stowe-art-bottom small { margin-top:24px; max-width:470px; color:#f5efe0; font-size:.88rem; line-height:1.55; }
    .day-copy { padding:clamp(48px,7vw,110px); display:flex; flex-direction:column; justify-content:center;  }
    .day-index { display:flex; align-items:baseline; gap:12px; margin-bottom:28px; color:var(--berry); }
    .day-index b { font-family:"Newsreader",serif; font-size:clamp(5rem,10vw,9.4rem); line-height:.7; letter-spacing:-.05em; }
    .day-index span { font-size:.7rem; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
    .day-copy h3 { margin:0 0 24px; max-width:670px; font-family:"Newsreader",serif; font-size:clamp(2.25rem,4.8vw,4.65rem); line-height:.95; letter-spacing:-.03em; }
    .day p { max-width:660px; margin:0 0 18px; font-family:"Newsreader",serif; font-size:1.14rem; }
    .day-copy h4 { margin:26px 0 10px; max-width:660px; font-family:"Libre Franklin",sans-serif; font-size:.8rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:var(--berry); }
    .day-copy h4:first-of-type { margin-top:30px; }
    .day-copy ul { margin:0 0 18px; padding-left:1.25em; max-width:660px; }
    .day-copy li { margin:0 0 8px; font-family:"Newsreader",serif; font-size:1.05rem; line-height:1.6; }
    .day-photo { grid-column:1/-1; order:3; margin:0; border-top:1px solid var(--line); }
    .day-photo img { width:100%; height:clamp(260px,38vw,460px); object-fit:cover; display:block; }
    .day-photo figcaption { padding:12px 24px; font-size:.72rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#e9e3d1; background:#1b2a4a; }
    .route-note { margin:18px 0 24px; padding:17px 0; border-block:1px solid var(--line); font-size:.78rem!important; font-family:"Libre Franklin",sans-serif!important; font-weight:700; color:var(--muted); }
    .tip { margin-top:10px; padding:18px 20px; background:#1b2a4a; color:#fffdf7; font-size:.88rem; line-height:1.5; }
    .tip strong { color:#d9a441; }
    blockquote { margin:0; padding:100px max(24px,calc((100vw - 980px)/2)); background:#090c14; color:#f5efe0; font-family:"Newsreader",serif; font-size:clamp(2.35rem,5.4vw,5.75rem); font-weight:500; line-height:.99; letter-spacing:-.025em; text-align:center; }
    blockquote span { color:#eec96f; }
    .planning { max-width:var(--max); margin:0 auto; padding:100px 24px; }
    .planning-head { display:grid; grid-template-columns:1fr .7fr; gap:70px; align-items:end; margin-bottom:48px; }
    .planning-head p { max-width:70ch; font-family:"Newsreader",serif; font-size:1.2rem; margin:0; }
    .plan-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:24px; }
    .budget { background:var(--berry-deep); color:#f5efe0; padding:clamp(30px,5vw,60px); }
    .budget h3,.pack h3 { margin:0 0 22px; font-family:"Newsreader",serif; font-size:2.35rem; }
    .budget p { margin:0 0 26px; max-width:58ch; color:#e0d4bc; font-family:"Newsreader",serif; font-size:1.05rem; }
    .budget-total { font-family:"Newsreader",serif; font-size:clamp(3.25rem,6vw,6rem); line-height:.9; color:#d9a441; }
    @media (prefers-color-scheme: dark){ .budget-total{ color:#d9a441; } }
    .budget small { display:block; margin:16px 0 30px; color:#cfc2a4; }
    .costs { display:grid; grid-template-columns:1fr auto; gap:10px 18px; margin:0; }
    .costs dt,.costs dd { padding-top:10px; border-top:1px solid rgba(255,255,255,.17); }
    .costs dd { margin:0; font-weight:800; text-align:right; }
    .pack { background:var(--white); box-shadow:0 14px 32px var(--shadow); padding:clamp(30px,5vw,54px); }
    .pack ul { list-style:none; padding:0; margin:0; }
    .pack li { display:flex; gap:10px; padding:10px 0; border-top:1px solid var(--line); align-items:baseline; }
    .pack li::before { content:"✓"; color:var(--forest); font-weight:900; }
    .gallery { display:grid; grid-template-columns:1fr 1fr; }
    .gallery.gallery-single { grid-template-columns:minmax(0,720px); justify-content:center; padding:0 24px 100px; }
    .gallery figure { margin:0; background:var(--berry-deep); }
    .plan-grid.plan-grid-single { grid-template-columns:minmax(0,760px); }
    .gallery img { width:100%; height:100%; object-fit:cover; }
    .gallery figcaption { padding:12px 18px; background:var(--berry-deep); color:#fff; font-size:.76rem; }
    .faq { max-width:920px; margin:0 auto; padding:100px 24px; }
    .faq details { border-top:1px solid var(--line); }
    .faq details:last-of-type { border-bottom:1px solid var(--line); }
    .faq summary { cursor:pointer; list-style:none; padding:22px 48px 22px 0; font-family:"Newsreader",serif; font-size:1.3rem; font-weight:650; position:relative; }
    .faq summary::-webkit-details-marker { display:none; }
    .faq summary::after { content:"+"; position:absolute; right:8px; color:var(--berry); }
    .faq details[open] summary::after { content:"−"; }
    .faq details p { max-width:70ch; margin:-6px 0 24px; color:var(--muted); }
    .related { max-width:var(--max); margin:0 auto; padding:0 24px 100px; }
    .related-head { display:grid; grid-template-columns:1fr .7fr; gap:70px; align-items:end; margin-bottom:36px; }
    .related h2 { margin:0; font-family:"Newsreader",serif; font-size:clamp(2.4rem,4.8vw,4.8rem); line-height:.98; letter-spacing:-.03em; }
    .related-head p { max-width:70ch; margin:0; color:var(--muted); }
    .related-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-block:1px solid var(--line); }
    .related-link { min-height:145px; padding:24px; border-right:1px solid var(--line); display:flex; flex-direction:column; justify-content:space-between; gap:22px; text-decoration:none; }
    .related-link:last-child { border-right:0; }
    .related-link span:first-child { font-family:"Newsreader",serif; font-size:1.28rem; font-weight:650; line-height:1.15; }
    .related-link span:last-child { color:var(--forest); font-size:.7rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
    .related-link:hover { color:var(--berry); background:var(--ink); }
    .instagram-cta { background:var(--maple); color:#f5efe0; }
    .instagram-cta-inner { max-width:var(--max); margin:0 auto; padding:72px 24px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:56px; align-items:center; }
    .instagram-cta .section-kicker { color:#f5efe0; }
    .instagram-cta h2 { max-width:780px; margin:0 0 14px; font-family:"Newsreader",serif; font-size:clamp(2.45rem,5vw,5.2rem); line-height:.94; letter-spacing:-.03em; }
    .instagram-cta p:last-child { max-width:650px; margin:0; font-family:"Newsreader",serif; font-size:1.15rem; }
    .instagram-button { min-width:250px; padding:17px 22px; display:inline-flex; align-items:center; justify-content:center; gap:12px; background:var(--berry-deep); color:#f5efe0; text-decoration:none; font-weight:900; box-shadow:7px 7px 0 rgba(255,250,241,.25); }
    .instagram-button:hover { color:#f5efe0; background:#1b2a4a; transform:translate(2px,2px); box-shadow:5px 5px 0 rgba(255,250,241,.22); }
    .instagram-button svg { width:22px; height:22px; flex:0 0 auto; }
    .sources { background:var(--mist); }
    .sources-inner { max-width:var(--max); margin:0 auto; padding:54px 24px; display:grid; grid-template-columns:.6fr 1.4fr; gap:50px; }
    .sources h2 { margin:0; font-family:"Newsreader",serif; font-size:2.4rem; }
    .source-list { display:grid; grid-template-columns:1fr 1fr; gap:14px 22px; }
    .source-list a { font-size:.84rem; font-weight:700; }
    .source-list small { display:block; color:var(--muted); }
    .foot-verification { max-width:var(--max); margin:0 auto; padding:0 24px 100px; }
    .foot-verification-card { display:grid; grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr); gap:46px; padding:clamp(28px,5vw,52px); background:var(--white); border-top:8px solid var(--maple); box-shadow:0 16px 40px var(--shadow); }
    .foot-verification h2 { margin:0 0 12px; font-family:"Newsreader",serif; font-size:clamp(2.2rem,4vw,3.5rem); line-height:1; letter-spacing:-.03em; }
    .foot-verification-date { margin:0; color:var(--berry); font-size:.82rem; font-weight:800; }
    .verification-note { grid-column:1/-1; margin:0; padding-top:18px; border-top:1px solid var(--line); color:var(--muted); font-size:.86rem; }
    .itinerary-browser { background:var(--paper); }
    .browser-inner { max-width:var(--max); margin:0 auto; padding:88px 24px 100px; }
    .browser-head { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr); gap:48px; align-items:end; padding-bottom:34px; border-bottom:1px solid var(--line); }
    .browser-label { margin:0 0 12px; color:var(--maple); font-size:.78rem; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }
    .browser-head h2 { margin:0; max-width:760px; font-family:"Newsreader",serif; font-size:clamp(2.5rem,5vw,5.2rem); line-height:.96; letter-spacing:-.035em; font-weight:650; }
    .browser-note { margin:0 0 6px; color:var(--muted); font-size:.96rem; line-height:1.65; }
    .filter-panel { margin:30px 0 44px; display:grid; grid-template-columns:minmax(210px,1.45fr) repeat(4,minmax(130px,.75fr)) auto; gap:10px; align-items:end; }
    .field { display:grid; gap:7px; }
    .field label { color:var(--muted); font-size:.7rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
    .field input,.field select { width:100%; min-height:48px; border:1px solid var(--line); border-radius:2px; padding:0 13px; background:var(--paper); color:var(--ink); }
    .field input::placeholder { color:var(--muted); opacity:.86; }
    .reset { min-height:48px; border:1px solid var(--forest); border-radius:2px; padding:0 16px; background:transparent; color:var(--forest); font-weight:800; cursor:pointer; }
    .reset:hover { background:var(--forest); color:var(--paper); }
    .result-line { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; min-height:24px; margin-top:4px; color:var(--muted); font-size:.8rem; }
    .result-line strong { color:var(--ink); }
    .browser-featured { display:grid; grid-template-columns:minmax(0,1.06fr) minmax(320px,.94fr); min-height:520px; margin-bottom:24px; background:var(--white); border-top:5px solid var(--maple); box-shadow:0 18px 50px var(--shadow); }
    .browser-featured-media { min-height:520px; overflow:hidden; background:var(--berry-deep); }
    .browser-featured-media img { width:100%; height:100%; object-fit:cover; object-position:center; }
    .browser-featured-media a { display:block; height:100%; }
    .browser-featured-copy { padding:clamp(32px,5vw,68px); display:flex; flex-direction:column; justify-content:space-between; }
    .browser-featured-copy h3 { margin:14px 0 18px; font-family:"Newsreader",serif; font-size:clamp(2.4rem,4.1vw,4.4rem); line-height:.98; letter-spacing:-.034em; font-weight:650; }
    .feature-dek { margin:0; color:var(--muted); font-size:1rem; line-height:1.68; }
    .tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:24px; }
    .tag { padding:6px 8px; background:color-mix(in srgb,var(--forest) 13%,transparent); color:var(--forest); font-size:.69rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
    .story-link { display:inline-flex; align-items:center; justify-content:space-between; gap:16px; margin-top:34px; color:var(--forest); font-weight:900; text-decoration:none; border-bottom:1px solid var(--line); padding-bottom:12px; }
    .story-link span:last-child { font-size:1.4rem; line-height:1; }
    .story-link:hover { color:var(--maple); border-color:var(--maple); }
    .browser-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
    .browser-card { min-width:0; background:var(--white); box-shadow:0 10px 28px var(--shadow); transition:transform .25s ease,box-shadow .25s ease; }
    .browser-card:hover { transform:translateY(-4px); box-shadow:0 18px 40px var(--shadow); }
    .browser-card a { display:flex; flex-direction:column; height:100%; text-decoration:none; }
    .browser-card-media { aspect-ratio:4/5; overflow:hidden; background:var(--berry-deep); }
    .browser-card-media img { width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
    .browser-card:hover .browser-card-media img { transform:scale(1.025); }
    .browser-card-copy { min-height:270px; padding:22px 22px 20px; display:flex; flex-direction:column; }
    .card-route { margin:0; color:var(--maple); font-size:.68rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
    .browser-card-copy h3 { margin:11px 0 12px; font-family:"Newsreader",serif; font-size:1.72rem; line-height:1.02; letter-spacing:-.02em; font-weight:650; }
    .card-dek { margin:0; color:var(--muted); font-size:.84rem; line-height:1.58; }
    .card-meta { margin-top:auto; padding-top:21px; display:flex; align-items:center; justify-content:space-between; gap:14px; color:var(--forest); font-size:.7rem; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
    .card-meta b { font-size:1.1rem; }
    .browser-card[hidden],.browser-featured[hidden],.itinerary-browser.is-dormant .browser-item { display:none; }
    .filter-prompt { padding:64px 20px; border-block:1px solid var(--line); text-align:center; }
    .filter-prompt .prompt-arrow { display:block; font-size:2.4rem; line-height:1; color:var(--sun,#d9a441); margin-bottom:14px; }
    .filter-prompt p { max-width:38ch; margin:0 auto; color:var(--ink,#1b2a4a); font-family:"Newsreader",serif; font-size:1.7rem; font-weight:700; line-height:1.35; }
    .filter-prompt[hidden] { display:none; }
    @media (max-width:480px) { .filter-prompt p { font-size:1.45rem; } .filter-prompt .prompt-arrow { font-size:2rem; } }
    .empty { display:none; padding:54px 20px; border-block:1px solid var(--line); text-align:center; }
    .empty.show { display:block; }
    .empty h3 { margin:0 0 9px; font-family:"Newsreader",serif; font-size:2rem; }
    .empty p { margin:0; color:var(--muted); }
    footer { background:var(--berry-deep); color:#f5efe0; }
    .footer-inner { max-width:var(--max); margin:0 auto; padding:64px 24px 34px; }
    .footer-brand { display:grid; grid-template-columns:auto 1fr auto; gap:24px 34px; align-items:center; padding-bottom:34px; border-bottom:1px solid rgba(255,255,255,.18); }
    .footer-logo { width:92px; height:92px; border-radius:50%; mix-blend-mode:screen; }

    .footer-brand .brand-logo { width:92px; height:92px; border-radius:50%; object-fit:cover; flex-shrink:0; }
    @media (max-width:860px) {
      .footer-brand .brand-logo { width:78px; height:78px; }
    }

    .footer-tagline { margin:0; max-width:620px; font-family:"Newsreader",serif; font-size:clamp(1.65rem,3vw,2.8rem); line-height:1.05; }
    .follow-buttons { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; }
    .follow-button { display:inline-flex; align-items:center; justify-content:center; padding:12px 15px; border:1px solid rgba(255,255,255,.45); color:#f5efe0; text-decoration:none; font-size:.78rem; font-weight:900; }
    .follow-button.primary { background:var(--gold); border-color:var(--gold); color:var(--berry-deep); }
    .follow-button:hover { background:#f5efe0; border-color:#f5efe0; color:var(--berry-deep); }
    .footer-nav { padding:30px 0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px 22px; }
    .footer-nav a { color:#e6dcc4; text-decoration:none; font-size:.75rem; font-weight:750; }
    .footer-nav a:hover,.footer-nav a[aria-current="page"] { color:var(--gold); }
    .footer-lower { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; padding-top:22px; border-top:1px solid rgba(255,255,255,.18); }
    .email-line { margin:0; color:#d8cbab; font-size:.84rem; }
    .email-line strong { color:var(--gold); }
    .legal { margin:6px 0 0; color:#a89a7e; font-size:.7rem; }
    .to-top { color:#fff; font-size:.72rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
    @media (max-width:860px) {
      .header-main { padding:10px 18px; }
      .header-logo { width:62px; height:62px; }
      
      .hero { grid-template-columns:1fr; min-height:auto; padding:0 clamp(20px,6vw,32px); }
      .hero-copy { min-height:72svh; }
      .hero-art { min-height:auto; aspect-ratio:4/5; }
      .overview-head,.intro,.route-head,.planning-head,.related-head,.sources-inner,.browser-head,.foot-verification-card { grid-template-columns:1fr; gap:30px; }
      .overview-route{grid-template-columns:1fr}
      .related-grid { grid-template-columns:1fr 1fr; }
      .related-link:nth-child(2) { border-right:0; }
      .related-link:nth-child(-n+2) { border-bottom:1px solid var(--line); }
      .filter-panel { grid-template-columns:1fr 1fr; }
      .filter-panel .field:first-child { grid-column:1/-1; }
      .browser-featured { grid-template-columns:1fr; min-height:0; }
      .browser-featured-media { min-height:0; aspect-ratio:4/5; }
      .browser-grid { grid-template-columns:1fr 1fr; gap:16px; }
      .browser-card-copy { min-height:245px; padding:18px 16px 16px; }
      .browser-card-copy h3 { font-size:1.45rem; }
      .card-dek { font-size:.79rem; }
      .stats { grid-template-columns:1fr 1fr; }
      .stat { border-right:0; border-bottom:1px solid rgba(255,255,255,.25); padding:20px 16px; }
      .stat:first-child { padding-left:16px; }
      .stat:nth-last-child(-n+2) { border-bottom:0; }
      .accordion-panel-inner { grid-template-columns:1fr; }
      .day.is-even .day-image { order:0; }
      .day-image { min-height:auto; aspect-ratio:4/5; }
      .day-copy { padding:60px 24px 70px; }
      .plan-grid,.gallery { grid-template-columns:1fr; }
      .instagram-cta-inner { grid-template-columns:1fr; gap:32px; }
      .instagram-button { min-width:0; width:100%; }
      .source-list { grid-template-columns:1fr; }
      .footer-brand { grid-template-columns:auto 1fr; }
      .follow-buttons { grid-column:1/-1; justify-content:flex-start; }
      .footer-nav { grid-template-columns:1fr 1fr; }
      .footer-lower { align-items:flex-start; flex-direction:column; }
    }
    @media (max-width:520px) {
      body { font-size:17px; }
      h1 { font-size:clamp(2.8rem,14.5vw,4.8rem); }
      .hero-copy { padding:40px 22px 34px; }
      .image-viewer-stage { padding:12px; }
      .image-viewer img.is-zoomed { width:760px; }
      .breadcrumb,.kicker,.section-kicker,.toc summary,.jump a,.hero-meta,.hero-art figcaption,.route-note,.tip,.gallery figcaption,.verified-date,.browser-label,.result-line,.source-list a,.verification-note,.follow-button,.footer-nav a,.email-line,.to-top { font-size:.78rem; }
      .trip-group-title,.trip-card dt,.guide-badge,.stat span,.stowe-art-top span,.stowe-art-bottom .art-kicker,.day-index span,.field label,.tag,.card-route,.card-meta,.legal { font-size:.73rem; }
      .card-dek { font-size:.88rem; }
      .breadcrumb { margin-bottom:26px; }
      .toc:not([open]) .jump { display:none; }
      .jump { gap:8px 18px; }
      .overview { padding:64px 18px 58px; }
      .overview-head { align-items:flex-start; gap:20px; }
      .share-control,.share-trip-button { max-width:100%; }
      .share-menu { right:auto; left:0; width:min(300px,calc(100vw - 36px)); }
      .share-copy-fallback { align-items:stretch; flex-direction:column; gap:6px; }
      .overview-cards,.overview-route { grid-template-columns:1fr; }
      .overview-recap { max-width:520px; width:100%; justify-self:center; }
      .day-summary { padding:28px 20px; }
      .day-summary-list { grid-template-columns:1fr; }
      .day-summary-button { grid-template-rows:clamp(150px,52vw,220px) auto; }
      .day-summary-caption { min-height:0; }
      .day-summary-text { font-size:1rem; }
      .intro { padding-top:64px; }
      .route { padding-top:74px; }
      .accordion-toggle { padding:22px 18px; gap:14px; }
      .accordion-label { display:grid; gap:5px; font-size:1.34rem; }
      .accordion-separator { display:none; }
      .accordion-icon { width:32px; height:32px; }
      .route-head { padding-bottom:40px; }
      .stats { padding:14px 8px; }
      .stat b { font-size:2.35rem; }
      blockquote { padding-block:76px; }
      .planning,.faq { padding-block:76px; }
      .related { padding-bottom:76px; }
      .related-grid { grid-template-columns:1fr; }
      .related-link,.related-link:nth-child(2) { border-right:0; border-bottom:1px solid var(--line); }
      .related-link:last-child { border-bottom:0; }
      .costs { grid-template-columns:1fr; gap:0; }
      .costs dd { text-align:left; border-top:0; padding-top:0; padding-bottom:8px; color:var(--gold-soft); }
      .browser-inner { padding:68px 18px 78px; }
      .filter-panel { grid-template-columns:1fr; margin-bottom:30px; }
      .filter-panel .field:first-child { grid-column:auto; }
      .result-line { align-items:flex-start; }
      .browser-grid { grid-template-columns:1fr; gap:18px; }
      .browser-card a { display:flex; }
      .browser-card-copy { min-height:230px; }
      .browser-card-copy h3 { font-size:1.62rem; }
      .card-dek { display:block; }
      .footer-brand { grid-template-columns:1fr; }
      .footer-logo { width:78px; height:78px; }
      .follow-buttons { width:100%; }
      .follow-button { flex:1 1 140px; }
      .footer-nav { grid-template-columns:1fr; gap:0; }
      .footer-nav a { padding:9px 0; border-bottom:1px solid rgba(255,255,255,.12); }
    }
    @media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .accordion-panel,.accordion-icon::after { transition:none; } }
    /* About CTA banner (mid-guide) */
    .about-cta { background:#1b2a4a; color:#f5efe0; }
    .about-cta-inner { max-width:1180px; margin:0 auto; padding:64px 24px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:48px; align-items:center; }
    .about-cta-kicker { margin:0 0 10px; text-transform:uppercase; letter-spacing:.14em; font-size:.75rem; font-weight:800; color:#e8b45a; }
    .about-cta h2 { margin:0 0 12px; font-size:2rem; line-height:1.15; color:#f5efe0; }
    .about-cta-copy p { margin:0; color:rgba(255,250,240,.85); font-size:1.02rem; line-height:1.55; max-width:52ch; }
    .about-cta-button { display:inline-flex; align-items:center; justify-content:center; min-width:220px; padding:16px 30px; background:#d9a441; color:#1b2a4a; text-decoration:none; font-weight:900; font-size:1rem; letter-spacing:.02em; white-space:nowrap; }
    .about-cta-button:hover { background:#f5efe0; }
    @media (max-width:700px) { .about-cta-inner { grid-template-columns:1fr; gap:26px; padding:52px 20px; } .about-cta h2 { font-size:1.6rem; } .about-cta-button { min-width:0; width:100%; } }
    .header-share { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; margin-left:auto; padding:0; background:transparent; border:1px solid rgba(255,255,255,.42); color:#f5efe0; cursor:pointer; flex:0 0 auto; }
    .header-share svg { width:20px; height:20px; }
    .header-share:hover { border-color:#d9a441; color:#d9a441; }
    @media (max-width:480px) { /*header-compact-480*/
      .header-main { padding:10px 14px; gap:10px; }
      .header-logo { width:52px; height:52px; }
      .header-share { width:40px; height:40px; }
      .header-share svg { width:18px; height:18px; }
    }

.pack-photo{margin:28px 0 4px;}
.pack-photo img{width:100%;height:auto;border-radius:12px;display:block;}
.pack-photo figcaption,.notes-photo figcaption{font-size:.82rem;color:var(--muted,#5a6372);margin-top:10px;line-height:1.55;}
.notes-photo{max-width:760px;margin:0 auto;padding:0 24px 72px;}
.notes-photo figure{margin:0;}
.notes-photo img{width:100%;height:auto;border-radius:12px;display:block;}
.photo-credit{display:block;font-size:.74rem;margin-top:4px;}
.pagination{display:flex;align-items:center;justify-content:center;gap:22px;padding:24px 0 12px;}
.pagination[hidden]{display:none;}
.page-btn{appearance:none;border:1px solid #a8742a;background:#eec96f;color:#1b2a4a;font:inherit;font-size:1rem;font-weight:700;padding:14px 28px;border-radius:999px;cursor:pointer;min-height:52px;}
.page-btn:hover:not(:disabled){background:#d9a441;border-color:#a8742a;}
.page-btn:disabled{opacity:.55;cursor:default;background:#e0d5b8;border-color:#c9bfa0;}
.page-info{font-size:1rem;color:#f5efe0;min-width:130px;text-align:center;font-weight:600;}
@media(max-width:860px){.pagination{gap:12px;padding:20px 12px 10px;}.page-btn{padding:12px 20px;font-size:.95rem;flex:1;max-width:140px;}.page-info{min-width:90px;font-size:.95rem;}}

    /* Route map section */
    .map-section { max-width:var(--max); margin:0 auto; padding:88px 24px 70px; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:64px; align-items:center; }
    .map-copy h2 { margin:0 0 22px; font-family:"Newsreader",serif; font-size:clamp(2.5rem,5vw,5rem); line-height:.98; letter-spacing:-.03em; }
    .map-copy p { max-width:70ch; font-family:"Newsreader",serif; font-size:1.18rem; }
    .map-figure img { height:auto; }
    @media (max-width:860px) {
      .map-section { gap:30px; }
      .map-figure { max-width:640px; }
    }
    @media (max-width:520px) {
      .map-section { padding-top:64px; grid-template-columns:1fr; }
      .map-figure { max-width:none; }
    }

.byline{font-size:.9rem;color:var(--muted,#5a6372);margin:0 0 8px;}
.byline a{color:inherit;text-decoration:underline;text-underline-offset:2px;}
.byline a:hover{color:var(--ink,#1b2a4a);}


/* ===== Banff winter graphic identity (2026-10-05) =====
   Aurora ribbons + falling snow over glacial navy; snowflake ❄ dividers;
   crystalline day badges; mountain-peak clip-path section transitions.
   Unique vs library: aurora motif used by no other guide (checked 2026-10-05). */
.hero{position:relative;overflow:hidden;background:#1b2a4a;}
.hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(120% 46% at 50% -8%, rgba(94,234,212,.20), transparent 62%),
    radial-gradient(90% 34% at 82% 4%, rgba(169,216,236,.14), transparent 60%),
    radial-gradient(70% 30% at 12% 10%, rgba(232,169,61,.10), transparent 60%);}
.hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.55;
  background:
    radial-gradient(2px 2px at 8% 22%, rgba(255,255,255,.8), transparent 70%),
    radial-gradient(1.6px 1.6px at 18% 64%, rgba(255,255,255,.65), transparent 70%),
    radial-gradient(2.4px 2.4px at 31% 34%, rgba(255,255,255,.75), transparent 70%),
    radial-gradient(1.8px 1.8px at 44% 78%, rgba(255,255,255,.6), transparent 70%),
    radial-gradient(2px 2px at 58% 18%, rgba(255,255,255,.7), transparent 70%),
    radial-gradient(1.5px 1.5px at 69% 56%, rgba(255,255,255,.6), transparent 70%),
    radial-gradient(2.2px 2.2px at 80% 30%, rgba(255,255,255,.75), transparent 70%),
    radial-gradient(1.7px 1.7px at 90% 70%, rgba(255,255,255,.65), transparent 70%),
    radial-gradient(2px 2px at 38% 8%, rgba(255,255,255,.7), transparent 70%),
    radial-gradient(1.6px 1.6px at 64% 88%, rgba(255,255,255,.6), transparent 70%);}
.hero>*{position:relative;z-index:1;}
.hero-copy::before{border-color:rgba(94,234,212,.10);}
.kicker::after{content:"\2744";color:#e8b45a;margin-left:.7em;font-size:.8em;letter-spacing:0;}
.section-kicker::after{content:"\2744";color:#9c3d2e;margin-left:.6em;font-size:.85em;}
@media (prefers-color-scheme: dark){.section-kicker::after{color:#e8b45a;}}
/* crystalline day badges: aurora ring */
.day-index b{color:#9c3d2e;}
@media (prefers-color-scheme: dark){.day-index b{color:#e8b45a;}}
/* mountain-peak transitions before route + planning */
.route::before,.planning::before{content:"";display:block;height:56px;margin:0 0 8px;
  background:#1b2a4a;
  clip-path:polygon(0 100%,0 62%,6% 30%,12% 58%,19% 22%,26% 55%,33% 34%,40% 64%,47% 28%,54% 60%,61% 36%,68% 62%,75% 26%,82% 58%,89% 32%,94% 56%,100% 40%,100% 100%);}
@media (prefers-color-scheme: dark){.route::before,.planning::before{background:#04070c;}}
/* ===== end Banff winter graphic identity ===== */

/* ===== Category badges (2026-10-04) ===== */
.category-badges{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px;align-items:center}
.cat-badge{display:inline-block;font-size:1rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;padding:8px 18px;border-radius:999px;line-height:1.25}
.cat-primary{background:#1b2a4a;color:#ffffff;border:1px solid rgba(255,255,255,.45);box-shadow:0 2px 8px rgba(0,0,0,.25)}
.cat-secondary{background:rgba(0,0,0,.3);border:1.5px solid rgba(255,250,240,.7);color:#f5efe0;font-size:.82rem;font-weight:700;padding:5px 13px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}
@media (max-width:480px){.cat-badge{font-size:.9rem;padding:7px 14px}}

/* ===== Mega menu tabs (2026-10-04) ===== */
    details.menu-tab { border-bottom:1px solid rgba(255,255,255,.12); background:transparent; }
    details.menu-tab > summary { display:flex !important; align-items:center !important; justify-content:space-between !important; width:100% !important; padding:16px 20px !important; font-size:1.15rem !important; font-weight:700 !important; color:#f5efe0 !important; background:transparent !important; border:none !important; cursor:pointer; list-style:none; text-transform:none !important; letter-spacing:normal !important; }
    details.menu-tab > summary::-webkit-details-marker { display:none !important; }
    details.menu-tab > summary::before { display:none !important; }
    details.menu-tab > summary::after { content:"" !important; }
    details.menu-tab > summary:hover { color:#d9a441 !important; }
    details.menu-tab[open] > summary { color:#d9a441 !important; }
    details.menu-tab .menu-tab-body { padding:4px 20px 18px; }
    details.menu-tab .menu-tab-body a { display:block; padding:10px 0; font-size:1.05rem; color:#f5efe0; text-decoration:none; }
    details.menu-tab .menu-tab-body a:hover { color:#d9a441; }
    .trip-menu summary, .trips-menu summary { min-width:0; padding:9px 12px; }

/* ===== Button-based menu tabs (2026-10-04) ===== */
.menu-tab-btn { display:flex; align-items:center; justify-content:space-between; width:100%; padding:16px 20px; font-size:1.15rem; font-weight:700; color:#f5efe0; background:transparent; border:none; border-bottom:1px solid rgba(255,255,255,.12); cursor:pointer; text-align:left; font-family:inherit; }
.menu-tab-btn:hover { color:#d9a441; }
.menu-tab-btn[aria-expanded="true"] { color:#d9a441; }
.menu-tab-btn .menu-chevron { transition:transform .2s; }
.menu-tab-btn[aria-expanded="true"] .menu-chevron { transform:rotate(180deg); }
.menu-tab .menu-tab-body { padding:4px 20px 18px; }
.menu-tab .menu-tab-body[hidden] { display:none; }
.menu-tab .menu-tab-body a { display:block; padding:10px 0; font-size:1.05rem; color:#f5efe0; text-decoration:none; }
.menu-tab .menu-tab-body a:hover { color:#d9a441; }

/* ===== Home header match (2026-10-04) ===== */

.site-header {
position: relative;
z-index: 20;
background: var(--forest-deep);
color: #f5efe0;
border-bottom: 1px solid rgba(255,255,255,.16);
}
.header-inner {
position: relative;
max-width: var(--max);
min-height: 88px;
margin: 0 auto;
padding: 13px 28px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 28px;
}
.site-nav { display: flex; align-items: center; gap: 24px; margin-left: auto; }
.site-nav > a {
color: #f5efe0;
text-decoration: none;
font-size: .74rem;
font-weight: 850;
letter-spacing: .1em;
text-transform: uppercase;
}
.site-nav > a:hover { color: var(--sun); }
.trip-menu { position: relative; z-index: 40; }
.trip-menu:not([open]) .trip-menu-panel { display: none; }
.trip-menu summary {
min-height: 42px;
display: inline-flex;
align-items: center;
gap: 10px;
padding: 9px 13px;
border: 1px solid rgba(255,255,255,.42);
color: #f5efe0;
list-style: none;
font-size: .74rem;
font-weight: 850;
letter-spacing: .1em;
text-transform: uppercase;
cursor: pointer;
}
.trip-menu summary::-webkit-details-marker { display: none; }
.menu-chevron { width: 7px; height: 7px; margin-left: 3px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .2s ease; }
.trip-menu[open] .menu-chevron { transform: rotate(225deg) translate(-1px, -1px); }
.trip-menu-panel {
position: absolute;
top: calc(100% + 12px);
right: 0;
width: min(760px, calc(100vw - 56px));
max-height: calc(100svh - 112px);
overflow-y: auto;
padding: 22px;
background: var(--berry-deep);
color: #f5efe0;
border-top: 4px solid var(--sun);
box-shadow: 0 22px 54px rgba(0,0,0,.28);
z-index: 50;
}
.header-inner { min-height: 76px; padding: 10px 18px; gap: 14px; }
.site-nav { gap: 15px; }
.site-nav > a { font-size: .69rem; }
.trip-menu summary { min-width: 112px; justify-content: center; }
.trip-menu-panel { width: min(620px, calc(100vw - 36px)); padding: 19px; }
.header-inner { padding-inline: 12px; }
.site-nav > a { display: none; }
.trip-menu summary { min-width: 118px; padding-inline: 11px; }
.trip-menu-panel { width: calc(100vw - 36px); max-height: calc(100svh - 96px); padding: 17px; }
.header-search { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; background:transparent; border:1px solid rgba(255,255,255,.42); color:#f5efe0; cursor:pointer; flex:0 0 auto; margin-left:8px; }
.header-search svg { width:20px; height:20px; }
.header-search:hover, .header-search[aria-expanded="true"] { border-color:#d9a441; color:#d9a441; }
.header-search-bar { display:none; position:absolute; top:100%; left:0; right:0; background:#090c14; padding:12px 16px; border-top:1px solid rgba(255,255,255,.15); z-index:100; }
.header-search-bar.open { display:block; }
.header-search-bar .search-wrap { max-width:600px; margin:0 auto; }
.header-search-bar input { width:100%; padding:12px 16px; font-size:1rem; border:1px solid rgba(255,255,255,.3); border-radius:8px; background:rgba(255,255,255,.08); color:#fff; }
.header-search-bar input::placeholder { color:rgba(255,255,255,.5); }
.site-header { position:relative; }
.header-share { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; margin-left:auto; padding:0; background:transparent; border:1px solid rgba(255,255,255,.42); color:#f5efe0; cursor:pointer; flex:0 0 auto; }
.header-share svg { width:20px; height:20px; }
.header-share:hover { border-color:#d9a441; color:#d9a441; }
.header-inner { padding: 10px 14px; gap: 10px; }
.site-nav { gap: 10px; }
.site-nav > a { display: none; }
.header-share { width: 40px; height: 40px; }
.header-share svg { width: 18px; height: 18px; }
.trip-menu summary, .trips-menu summary { min-width: 0; padding: 9px 12px; }
.menu-tab { border-bottom: 1px solid rgba(255,255,255,.12); }
.menu-tab summary { display:flex; align-items:center; justify-content:space-between; width:100%; padding:16px 20px; font-size:1.15rem; font-weight:700; color:#f5efe0; cursor:pointer; list-style:none; }
.menu-tab summary::-webkit-details-marker { display:none; }
.menu-tab summary:hover { color:#d9a441; }
.menu-tab[open] summary { color:#d9a441; }
.menu-tab[open] .menu-chevron { transform: rotate(225deg) translateY(-2px); }
.menu-tab-body { padding: 4px 20px 18px; }
.menu-tab-body a { display:block; padding:10px 0; font-size:1.05rem; color:#f5efe0; text-decoration:none; }
.menu-tab-body a:hover { color:#d9a441; }
.menu-tab-body .menu-subtitle, .menu-tab-body .menu-tagline { font-size:.95rem; color:rgba(255,250,240,.65); margin:12px 0 4px; }
.menu-tab-btn { display:flex; align-items:center; justify-content:space-between; width:100%; padding:16px 20px; font-size:1.15rem; font-weight:700; color:#f5efe0; background:transparent; border:none; border-bottom:1px solid rgba(255,255,255,.12); cursor:pointer; text-align:left; font-family:inherit; }
.menu-tab-btn:hover { color:#d9a441; }
.menu-tab-btn[aria-expanded="true"] { color:#d9a441; }
.home-mark { display:inline-flex; align-items:center; gap:13px; color:#f5efe0; text-decoration:none; }
.home-mark .brand-logo { width:66px; flex:0 0 auto; height:auto; border-radius:50%; mix-blend-mode:screen; }
.brand-wordmark { display:grid; gap:1px; color:#f5efe0; font-family:"Newsreader", serif; font-size:1.06rem; font-weight:650; line-height:1.1; }
.brand-wordmark span:last-child { color:var(--sun, #d9a441); }
@media (max-width:1100px){ .home-mark{ gap:10px; } .home-mark .brand-logo{ width:54px; } .brand-wordmark{ font-size:.9rem; } }
@media (max-width:480px){ .brand-logo{ width:64px; } }
@media (max-width:380px){ .home-mark{ gap:8px; } .home-mark .brand-logo{ width:48px; } .brand-wordmark{ font-size:1.05rem; } }


.menu-tab-btn > span:first-child {
  color:#f5efe0 !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* ===== Home menu styles - exact match (2026-10-04) ===== */
.site-header {
  --forest-deep:#1b2a4a;
  --paper-2:#f5efe0;
  --sun:#d9a441;
  --ink:#1b2a4a;
  background:var(--berry-deep);
}

.menu-tab-btn, .menu-tab-btn > span:first-child {
  color:#1b2a4a !important;
}
.menu-tab-btn[aria-expanded="true"], .menu-tab-btn[aria-expanded="true"] > span:first-child {
  color:#a8742a !important;
}
.menu-tab-body a {
  color:#1b2a4a !important;
}
.menu-tab-body a:hover {
  color:#a8742a !important;
}
.menu-tab-body .menu-tagline {
  display:inline-block !important;
  color:#fff !important;
  padding:5px 14px !important;
  border-radius:999px !important;
  font-size:.85rem !important;
  font-weight:700 !important;
  font-style:normal !important;
}



/* Filter message: arrow left-aligned, text wraps to max 3 lines */
#filter-prompt, #active-note{display:flex;align-items:flex-start;gap:12px;max-width:100%}
#filter-prompt .prompt-arrow, #active-note .prompt-arrow{font-size:2rem;line-height:1.2;flex-shrink:0}
#filter-prompt p, #active-note{font-size:1.25rem;line-height:1.5}
#active-note span:last-child{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#visible-count{font-size:1.4rem;font-weight:800}

#filter-prompt[hidden], #active-note[hidden]{display:none!important}

.trip-menu-panel a:hover{color:var(--gold,#d9a441);}




.style-group a:hover{color:var(--gold,#d9a441)!important;text-decoration:underline;}
@media(max-width:760px){}
@media(max-width:480px){.menu-panel-head }

/* About-page menu styles */
.menu-panel-head { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding-bottom: 15px; margin-bottom: 16px; border-bottom: 1px solid var(--line); }
.menu-panel-head { align-items: flex-start; }
.menu-panel-head .menu-all { display: none; }
.menu-panel-title { margin: 0; font: 650 1.55rem/1.15 "Newsreader", serif; }
.menu-all { color: var(--forest); font-size: .7rem; font-weight: 850; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
.menu-all { display: none; }
.destination-jump { display: grid; grid-template-columns: minmax(150px,.45fr) minmax(0,1fr); gap: 18px; align-items: center; margin-bottom: 22px; }
.destination-jump label, .style-heading { margin: 0; font-size: .67rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.destination-jump select { width: 100%; min-height: 44px; padding: 9px 38px 9px 12px; border: 1px solid var(--line); border-radius: 0; background: var(--paper); color: var(--ink); }
.destination-jump { grid-template-columns: 1fr; gap: 8px; }
.style-heading { margin: 0; font-size: .67rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.style-heading { margin-bottom: 10px; color: var(--ember); }
.style-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.style-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.style-grid { grid-template-columns: 1fr; gap: 17px; }
.style-group h3 { margin: 0 0 6px; font: 700 .92rem/1.25 "Newsreader", serif; }
.style-group a { display: block; padding: 3px 0; color: var(--muted); font-size: .71rem; font-weight: 700; text-decoration: none; }
.style-group a:hover { color: var(--ember); text-decoration: underline; }
.menu-panel-foot { display: none; }
.menu-panel-foot { display: block; padding-top: 18px; margin-top: 18px; border-top: 1px solid var(--line); }

/* Menu dark theme - match header */
.trip-menu-panel .menu-panel-title{color:#f5efe0!important;}
.trip-menu-panel .style-heading{color:#d9a441!important;}
.trip-menu-panel .style-group h3{color:#f5efe0!important;}
.trip-menu-panel .style-group a{color:#f5efe0!important;}
.trip-menu-panel .style-group a:hover{color:#d9a441!important;}
.trip-menu-panel .destination-jump label{color:#f5efe0!important;}
.trip-menu-panel .menu-all{color:#d9a441!important;}

.trip-menu-panel #destination-picker{color:#f5efe0!important;}
.trip-menu-panel #destination-picker option{color:#1b2a4a;}

/* Result arrow: large enough to match 3-line wrapped filter text (2026-10-05) */
#active-note .prompt-arrow{font-size:4rem;line-height:1;flex-shrink:0}
@media (max-width:640px){#active-note .prompt-arrow{font-size:3rem}}

.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);font-size:.85rem;}

/* ===== Philadelphia bell-crack & cobblestones graphic identity (2026-10-06) =====
   Firework-glow over Schuylkill navy hero; star-spangled ★ flourish after kickers;
   cobblestone-dot section dividers + route/planning transitions; double gold-ring
   day medallions. Unique vs library: no other guide uses ★ kickers + cobblestone
   dots + double-ring medallions (checked 2026-10-06). */
.hero{position:relative;overflow:hidden;background:#1b2a4a;padding:0 clamp(20px,6vw,32px);}
.hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(42% 28% at 22% 8%, rgba(217,164,65,.30), transparent 62%),
    radial-gradient(38% 26% at 78% 12%, rgba(156,61,46,.28), transparent 60%),
    radial-gradient(64% 36% at 50% 108%, rgba(217,164,65,.16), transparent 65%);}
.hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.75;
  background:
    radial-gradient(3px 3px at 14% 24%, rgba(217,164,65,.8), transparent 70%),
    radial-gradient(2.4px 2.4px at 30% 58%, rgba(238,201,111,.7), transparent 70%),
    radial-gradient(3.4px 3.4px at 46% 18%, rgba(217,164,65,.7), transparent 70%),
    radial-gradient(2.2px 2.2px at 62% 44%, rgba(238,201,111,.65), transparent 70%),
    radial-gradient(3px 3px at 74% 68%, rgba(217,164,65,.7), transparent 70%),
    radial-gradient(2.4px 2.4px at 86% 32%, rgba(238,201,111,.65), transparent 70%),
    radial-gradient(2.8px 2.8px at 52% 80%, rgba(217,164,65,.6), transparent 70%);}
.hero>*{position:relative;z-index:1;}
.kicker::after{content:"\2605";color:#d9a441;margin-left:.7em;font-size:.8em;letter-spacing:0;}
.section-kicker::after{content:"\2605";color:#d9a441;margin-left:.6em;font-size:.85em;}
@media (prefers-color-scheme: dark){.section-kicker::after{color:#eec96f;}}
/* double gold-ring day medallions */
.day-index{align-items:center;}
.day-index b{display:inline-flex;align-items:center;justify-content:center;min-width:2.1em;height:2.1em;border-radius:50%;border:3px solid #d9a441;box-shadow:0 0 0 5px var(--paper),0 0 0 8px #d9a441;color:#9c3d2e;background:rgba(217,164,65,.12);font-size:clamp(1.9rem,3.4vw,2.6rem);line-height:1;letter-spacing:0;}
@media (prefers-color-scheme: dark){.day-index b{color:#e8b45a;}}
/* cobblestone-dot dividers */
hr.greek-key{border:0;margin:72px auto;max-width:1180px;height:16px;opacity:.9;
  background-image:radial-gradient(circle, #d9a441 3.4px, transparent 4.2px);
  background-size:30px 16px;background-repeat:repeat-x;background-position:center;}
.route::before,.planning::before{content:"";display:block;height:30px;margin:0 0 8px;opacity:.7;
  background-image:radial-gradient(circle, #d9a441 3.2px, transparent 4px);
  background-size:34px 30px;background-repeat:repeat-x;background-position:center;}
/* ===== end Philadelphia graphic identity ===== */

/* ===== Philadelphia checks section (2026-10-06): every section ships styled ===== */
.checks{padding:72px 24px;background:var(--paper-2);border-top:1px solid var(--line);}
.checks-inner{max-width:var(--max);margin:0 auto;}
.check-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px;}
.check-list>div{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px 18px;}
.check-list b{display:block;color:var(--berry);font-size:.95rem;margin-bottom:4px;}
.check-list small{color:var(--muted);font-size:.85rem;line-height:1.5;}
@media (max-width:720px){.check-list{grid-template-columns:1fr 1fr;}}
@media (max-width:480px){.check-list{grid-template-columns:1fr;}.checks{padding:56px 18px;}}
.stat-band{padding:0 24px;}
.route-browser{padding:0 24px;}

/* Result arrow: large enough to match 3-line wrapped filter text (2026-10-05) */
#active-note .prompt-arrow{font-size:4rem;line-height:1;flex-shrink:0}
@media (max-width:640px){#active-note .prompt-arrow{font-size:3rem}}

.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);font-size:.85rem;}

/* ===== Philadelphia ported patterns (2026-10-06): classes the template ships
   unstyled, themed to the bell-crack & cobblestones palette. hr.greek-key is
   styled as cobblestone dots in the identity block above. ===== */
.route-map{margin:0 auto;max-width:640px;}
.route-map img{width:100%;height:auto;border-radius:18px;box-shadow:0 18px 46px var(--shadow);border:1px solid var(--line);}
.route-map figcaption{text-align:center;color:var(--muted);font-size:.82rem;margin-top:12px;}
.pack-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;}
.pack-photos figure{margin:0;}
.pack-photos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;}
.pack-photos figcaption{font-size:.75rem;color:var(--muted);margin-top:6px;line-height:1.5;}
.plan-extras{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px;}
.plan-extra{margin:0;background:var(--paper-2);border:1px solid var(--line);border-radius:14px;overflow:hidden;}
.plan-extra img{width:100%;height:auto;display:block;}
.plan-extra figcaption{padding:14px 18px;font-size:.82rem;color:var(--muted);}
.plan-extra-copy h4{margin:0 0 8px;color:var(--berry);}
.plan-extra-copy p{margin:0 0 18px;color:var(--muted);font-size:.9rem;line-height:1.6;}
.library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;}
.library-card{min-width:0;background:var(--white);box-shadow:0 10px 28px var(--shadow);transition:transform .22s ease,box-shadow .22s ease;}
.library-card:hover{transform:translateY(-3px);box-shadow:0 17px 38px var(--shadow);}
.library-card>a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--ink);}
.library-media{aspect-ratio:4/5;overflow:hidden;background:var(--berry-deep);}
.library-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.library-card:hover .library-media img{transform:scale(1.02);}
.library-copy{min-height:260px;padding:21px 20px 18px;display:flex;flex-direction:column;}
.library-copy h3{margin:10px 0 11px;font:700 1.58rem/1.05 "Newsreader",serif;letter-spacing:-.02em;color:var(--ink);}
.route-label{margin:0;color:var(--maple);font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;}
.library-dek{margin:0;color:var(--muted);font-size:.82rem;line-height:1.55;}
.travel-style-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;}
.ts-tag{padding:5px 8px;background:var(--mist);color:var(--berry);font-size:.64rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:3px;}
.library-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:19px;color:var(--maple);font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;}
.library-meta b{font-size:1.05rem;}
.trip-item[hidden]{display:none;}
.browser-empty{display:none;padding:50px 20px;border-block:1px solid var(--line);text-align:center;}
.browser-empty.show{display:block;}
.related{max-width:var(--max);margin:auto;padding:18px 24px 92px;}
.related-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);}
.related-links a{padding:18px;background:var(--paper);color:var(--berry);font-weight:800;text-decoration:none;}
.related-links a:hover{text-decoration:underline;}
.guide-status{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--maple);}
.guide-style-tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;}
.verified{display:block;margin-top:10px;font-size:.72rem;color:var(--muted);}
.share-trip-label{font-weight:800;}
@media (max-width:1100px){.library-grid{grid-template-columns:1fr 1fr;gap:16px;}.related-links{grid-template-columns:1fr 1fr;}}
@media (max-width:520px){.library-grid{grid-template-columns:1fr;gap:18px;}.library-copy{min-height:230px;}.related-links{grid-template-columns:1fr;}.pack-photos{grid-template-columns:1fr;}.plan-extras{grid-template-columns:1fr;}}
/* ===== end Philadelphia ported patterns ===== */