
    :root {
      color-scheme: light dark;
      --paper: #f2fbf8;
      --paper-2: #fdfefb;
      --ink: #0d3342;
      --muted: #4a6b78;
      --berry: #1594ac;
      --berry-deep: #0a4257;
      --maple: #e2635a;
      --gold: #e8a93d;
      --gold-soft: #f0c06a;
      --forest: #2f6b4f;
      --mist: #d9ecec;
      --line: #b9d8d8;
      --white: #ffffff;
      --shadow: rgba(72, 60, 96, .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: #0a4257;
        --paper-2: #0a3a4e;
        --ink: #eef6fb;
        --muted: #9fc3cd;
        --berry: #5ed3d8;
        --berry-deep: #082f40;
        --maple: #ff9b8a;
        --gold: #e8a93d;
        --gold-soft: #f0c06a;
        --forest: #7fd6a4;
        --mist: #0f3a4e;
        --line: #1e5a6e;
        --white: #0a3a4e;
        --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:#faf6ef; 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:#faf6ef; }
    .brand-wordmark { display:grid; gap:1px; color:#faf6ef; font-family:"Newsreader", serif; font-size:1.06rem; font-weight:650; line-height:1.1; }
    .brand-wordmark span:last-child { color:var(--sun, #f0c06a); }
    .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:#faf6ef; 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: #faf6ef; 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:#c3dcd9; font-size:.74rem; font-weight:700; }
    .breadcrumb a { color:#faf6ef; 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:#b8442f; }
    @media (prefers-color-scheme: dark){ .section-kicker{ color:#ff9b8a; } }
    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:#e4f0f0; }
    .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:#0a4257; }
    .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:#faf6ef; }
    .image-viewer-bar { display:flex; align-items:center; justify-content:flex-end; min-height:58px; padding:8px 14px; background:#0a2f40; }
    .image-viewer-close { min-width:44px; min-height:44px; border:1px solid rgba(255,255,255,.42); background:transparent; color:#faf6ef; font-size:1.55rem; line-height:1; cursor:pointer; }
    .image-viewer-close:hover { background:#faf6ef; color:#0a2f40; }
    .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:#0d3342; }
    .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:#0a4257; 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: #4a6b78; background: #faf6ef; }
    .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:#faf6ef; }
    @media (prefers-color-scheme: dark){ .share-trip-button:hover,.share-trip-button[aria-expanded="true"]{ color:#0a4257; } }
    .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:#0a4257; color:#faf6ef; }
    .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:#faf6ef; }
    .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:#e8a93d; }
    .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:#faf6ef; }
    .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:#f6d47a; }
    .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:#edf2e8; 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:#d9ecec; background:#0a4257; }
    .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:#0a4257; color:#fdfefb; font-size:.88rem; line-height:1.5; }
    .tip strong { color:#e8a93d; }
    blockquote { margin:0; padding:100px max(24px,calc((100vw - 980px)/2)); background:#0e3f38; color:#faf6ef; 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:#f6d47a; }
    .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:#faf6ef; 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:#d4e6e4; 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:#0a4257; }
    @media (prefers-color-scheme: dark){ .budget-total{ color:#e8a93d; } }
    .budget small { display:block; margin:16px 0 30px; color:#cbe0de; }
    .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:#faf6ef; }
    .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:#0a2f40; }
    .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:#faf6ef; text-decoration:none; font-weight:900; box-shadow:7px 7px 0 rgba(255,250,241,.25); }
    .instagram-button:hover { color:#faf6ef; background:#081f2b; 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); }

    /* Checks — "Last look" booking checklist (Paris adds styled checks; template had none). */
    .checks { padding:70px 0; }
    .checks-inner { max-width:var(--max); margin:0 auto; padding:0 24px; }
    .check-list { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:30px; }
    .check-list>div { background:#fdfefb; border:1px solid var(--line); border-left:4px solid var(--gold); border-radius:12px; padding:16px 18px; }
    .check-list b { display:block; color:var(--ink); font-size:1.05rem; margin-bottom:6px; }
    .check-list small { color:var(--muted); line-height:1.5; }
    .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:contain; 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:contain; 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,#e8a93d); margin-bottom:14px; }
    .filter-prompt p { max-width:38ch; margin:0 auto; color:var(--ink,#0d3342); 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:#faf6ef; }
    .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:#faf6ef; 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:#faf6ef; border-color:#faf6ef; 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:#dcebe9; 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:#cfe2e0; font-size:.84rem; }
    .email-line strong { color:var(--gold); }
    .legal { margin:6px 0 0; color:#a9bcba; 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; }
      .check-list { grid-template-columns: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:#0a4257; color:#faf6ef; }
    .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:#ff9b8a; }
    .about-cta h2 { margin:0 0 12px; font-size:2rem; line-height:1.15; color:#faf6ef; }
    .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:#e8a93d; color:#0a4257; text-decoration:none; font-weight:900; font-size:1rem; letter-spacing:.02em; white-space:nowrap; }
    .about-cta-button:hover { background:#faf6ef; }
    @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:#faf6ef; cursor:pointer; flex:0 0 auto; }
    .header-share svg { width:20px; height:20px; }
    .header-share:hover { border-color:#e8a93d; color:#e8a93d; }
    @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,#5a7a84);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 #c9952a;background:#f1c255;color:#0d3342;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:#e8a83c;border-color:#a87b1f;}
.page-btn:disabled{opacity:.55;cursor:default;background:#e8dcc0;border-color:#d4c9a8;}
.page-info{font-size:1rem;color:#faf6ef;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,#5a7a84);margin:0 0 8px;}
.byline a{color:inherit;text-decoration:underline;text-underline-offset:2px;}
.byline a:hover{color:var(--ink,#0d3342);}




/* ===== 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:#0a4257;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:#faf6ef;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:#faf6ef !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:#e8a93d !important; }
    details.menu-tab[open] > summary { color:#e8a93d !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:#faf6ef; text-decoration:none; }
    details.menu-tab .menu-tab-body a:hover { color:#e8a93d; }
    .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:#faf6ef; 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:#e8a93d; }
.menu-tab-btn[aria-expanded="true"] { color:#e8a93d; }
.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:#faf6ef; text-decoration:none; }
.menu-tab .menu-tab-body a:hover { color:#e8a93d; }

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

.site-header {
position: relative;
z-index: 20;
background: var(--forest-deep);
color: #faf6ef;
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: #faf6ef;
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: #faf6ef;
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: #faf6ef;
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:#faf6ef; 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:#e8a93d; color:#e8a93d; }
.header-search-bar { display:none; position:absolute; top:100%; left:0; right:0; background:#1a1a1a; 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:#faf6ef; cursor:pointer; flex:0 0 auto; }
.header-share svg { width:20px; height:20px; }
.header-share:hover { border-color:#e8a93d; color:#e8a93d; }
.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:#faf6ef; cursor:pointer; list-style:none; }
.menu-tab summary::-webkit-details-marker { display:none; }
.menu-tab summary:hover { color:#e8a93d; }
.menu-tab[open] summary { color:#e8a93d; }
.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:#faf6ef; text-decoration:none; }
.menu-tab-body a:hover { color:#e8a93d; }
.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:#faf6ef; 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:#e8a93d; }
.menu-tab-btn[aria-expanded="true"] { color:#e8a93d; }
.home-mark { display:inline-flex; align-items:center; gap:13px; color:#faf6ef; 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:#faf6ef; font-family:"Newsreader", serif; font-size:1.06rem; font-weight:650; line-height:1.1; }
.brand-wordmark span:last-child { color:var(--sun, #e8a93d); }
@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:#faf6ef !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* ===== Home menu styles - exact match (2026-10-04) ===== */
.site-header {
  --forest-deep:#123229;
  --paper-2:#faf6ef;
  --sun:#e8a93d;
  --ink:#0d3342;
  background:var(--berry-deep);
}

.menu-tab-btn, .menu-tab-btn > span:first-child {
  color:#0d3342 !important;
}
.menu-tab-btn[aria-expanded="true"], .menu-tab-btn[aria-expanded="true"] > span:first-child {
  color:#a87b2e !important;
}
.menu-tab-body a {
  color:#0d3342 !important;
}
.menu-tab-body a:hover {
  color:#a87b2e !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,#e8a93d);}




.style-group a:hover{color:var(--gold,#e8a93d)!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:#faf6ef!important;}
.trip-menu-panel .style-heading{color:#e8a93d!important;}
.trip-menu-panel .style-group h3{color:#faf6ef!important;}
.trip-menu-panel .style-group a{color:#faf6ef!important;}
.trip-menu-panel .style-group a:hover{color:#e8a93d!important;}
.trip-menu-panel .destination-jump label{color:#faf6ef!important;}
.trip-menu-panel .menu-all{color:#e8a93d!important;}

.trip-menu-panel #destination-picker{color:#faf6ef!important;}
.trip-menu-panel #destination-picker option{color:#0d3342;}

/* 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;}

/* ===== Biscayne reef graphic identity (2026-10-06) =====
   Underwater light-ray hero (turquoise/aqua sunbeams through deep ocean navy);
   wave-scallop section transitions (evokes Biscayne Bay shallows);
   porthole-ring day badges (snorkel/dive porthole motif); wave-tilde kicker
   ornaments; coral-ruled quote on deep navy.
   Unique vs library: Glacier=stripes, Banff=aurora/snow, Paris=sparkle/arcades,
   St Augustine=integrated info, Blue Ridge=ridge silhouettes (checked 2026-10-06). */
.hero{position:relative;overflow:hidden;background:#0a4257;}
.hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(90% 55% at 50% -8%, rgba(21,148,172,.30), transparent 62%),
    radial-gradient(55% 40% at 18% -4%, rgba(94,211,216,.20), transparent 60%),
    radial-gradient(45% 38% at 82% 2%, rgba(217,236,236,.16), transparent 60%),
    repeating-linear-gradient(97deg, transparent 0 90px, rgba(94,211,216,.10) 90px 94px, transparent 94px 190px);}
.hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.55;
  background:
    radial-gradient(2px 2px at 14% 30%, rgba(232,169,61,.85), transparent 70%),
    radial-gradient(1.6px 1.6px at 30% 62%, rgba(255,255,255,.7), transparent 70%),
    radial-gradient(2.2px 2.2px at 47% 22%, rgba(232,169,61,.8), transparent 70%),
    radial-gradient(1.5px 1.5px at 63% 48%, rgba(255,255,255,.65), transparent 70%),
    radial-gradient(2px 2px at 78% 68%, rgba(232,169,61,.7), transparent 70%),
    radial-gradient(1.7px 1.7px at 90% 26%, rgba(255,255,255,.6), transparent 70%);}
.hero>*{position:relative;z-index:1;}
.kicker::after{content:"\2248";color:#e8a93d;margin-left:.7em;font-size:.9em;letter-spacing:0;}
.section-kicker::after{content:"\2248";color:#e2635a;margin-left:.6em;font-size:.9em;}
/* porthole day badges */
.day-index b{display:inline-flex;align-items:center;justify-content:center;width:2.1em;height:2.1em;
  border:3px solid #1594ac;border-radius:50%;outline:2px solid #e8a93d;outline-offset:3px;
  color:#0a4257;background:#d9ecec;}
@media (prefers-color-scheme: dark){.day-index b{color:#f0c06a;background:#0f3a4e;}}
/* wave-scallop transitions before route + planning */
.route::before,.planning::before{content:"";display:block;height:36px;margin:0 0 10px;
  background:
    radial-gradient(circle at 25% 100%, rgba(21,148,172,.35) 22px, transparent 23px),
    radial-gradient(circle at 75% 100%, rgba(226,99,90,.28) 22px, transparent 23px);
  background-size:88px 36px;background-repeat:repeat-x;
  border-bottom:3px solid #e8a93d;}
/* quote: solid deep navy, coral rule, gold span */
blockquote{background:#082f40;border-left:4px solid #e2635a;color:#faf6ef;}
blockquote span{color:#f0c06a;}
/* wave divider rule */
hr.wave-rule{border:0;height:26px;margin:56px auto;max-width:1180px;
  background:
    radial-gradient(circle at 12.5% 50%, #1594ac 7px, transparent 8px),
    radial-gradient(circle at 37.5% 50%, #1594ac 7px, transparent 8px),
    radial-gradient(circle at 62.5% 50%, #1594ac 7px, transparent 8px),
    radial-gradient(circle at 87.5% 50%, #1594ac 7px, transparent 8px);
  background-size:25% 26px;background-repeat:repeat-x;opacity:.55;}
/* ===== end Biscayne reef graphic identity ===== */

@media (max-width:700px){
.checks-inner{grid-template-columns:1fr;gap:24px;padding:40px 20px}
.check-list{grid-template-columns:1fr}
}

/* Stephen 2026-10-06: route maps must never stretch — preserve intrinsic aspect ratio */
figure.route-map img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;display:block}

/* Stephen 2026-10-06: global image safety — never stretch, preserve aspect ratio */
img:not([style*="height"]){height:auto}

/* Stephen 2026-10-06: Official Links + References redesign — generous margins, editorial feel */
.sources{background:var(--mist);border-top:1px solid rgba(0,0,0,.06)}
.sources-inner{max-width:var(--max);margin:0 auto;padding:72px 32px;display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:64px;align-items:start}
.sources .section-kicker{margin-bottom:10px}
.sources h2{margin:0 0 12px;font-family:"Newsreader",serif;font-size:2.2rem;line-height:1.15}
.sources .section-sub{font-size:.95rem;opacity:.75;margin:0;max-width:28em;line-height:1.6}
.source-list{display:grid;grid-template-columns:1fr 1fr;gap:20px 32px}
.source-list>div{padding:16px 0;border-top:1px solid rgba(0,0,0,.1)}
.source-list>div:first-child,.source-list>div:nth-child(2){border-top:none;padding-top:0}
.source-list a{font-size:.92rem;font-weight:700;text-decoration:none}
.source-list a:hover{text-decoration:underline}
.source-list small{display:block;margin-top:6px;font-size:.82rem;line-height:1.5;opacity:.7}
.sources--refs{background:transparent;border-top:1px solid rgba(0,0,0,.06)}
@media (max-width:700px){
.sources-inner{grid-template-columns:1fr;gap:32px;padding:48px 24px}
.source-list{grid-template-columns:1fr;gap:0}
.source-list>div:nth-child(2){border-top:1px solid rgba(0,0,0,.1);padding-top:16px}
}

/* Stephen 2026-10-06: checklist cards are white — text must stay dark in all themes */
.check-list>div{background:#ffffff}
.check-list b{color:#1c1a17 !important}
.check-list small{color:#5c564d !important}

/* Stephen 2026-10-06 card-full-graphic: card images show full graphic, never cropped */
.browser-item img,.trip-card img,.browser-card img{object-fit:contain !important;background:var(--berry-deep)}

/* Stephen 2026-10-06: about-cta-copy gets same layout as about-cta-inner (class mismatch fix) */
.about-cta-copy{max-width:1180px;margin:0 auto;padding:64px 24px}
.about-cta-copy .section-kicker{margin:0 0 10px;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:800;color:#efbd4c}
.about-cta-copy h2{margin:0 0 16px;font-size:2rem;color:#fffaf0}
.about-cta-copy p{margin:0 0 16px;color:rgba(255,250,240,.85);font-size:1.02rem;line-height:1.55;max-width:52ch}
.about-cta-copy a{color:#efbd4c}
@media (max-width:700px){.about-cta-copy{padding:48px 24px}.about-cta-copy h2{font-size:1.6rem}}

/* Stephen 2026-10-06: .checks section was completely unstyled — text hit edges, no spacing */
.checks{max-width:1180px;margin:0 auto;padding:48px 24px}
.checks .section-kicker{margin:0 0 10px;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:800;color:#efbd4c}
.checks h2{margin:0 0 24px;font-size:1.8rem;color:#fffaf0;line-height:1.3}
.check-list{display:grid;gap:16px}
.check-list>div{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:14px 18px}
.check-list b{font-weight:700;color:#fffaf0;margin-right:8px}
.check-list small{font-size:.95rem;color:rgba(255,250,240,.75);line-height:1.5}
@media (max-width:700px){.checks{padding:36px 20px}.checks h2{font-size:1.5rem}}
