/* Extracted from page_panels/adventure.php block 1 */
:root{
            --adv-bg:#08090d;
            --adv-card:rgba(10,12,18,0.74);
            --adv-border:rgba(255,255,255,0.10);
            --adv-text:rgba(255,255,255,0.94);
            --adv-muted:rgba(255,255,255,0.68);
            --adv-accent:#f1e4c8;
            --adv-accent-2:#d5c0a1;
            --adv-shadow:0 24px 80px rgba(0,0,0,0.52);
        }
        .adv{position:relative; overflow:hidden; padding:2rem 1rem 4rem; color:var(--adv-text); background:
            radial-gradient(circle at top, rgba(255,255,255,0.06), transparent 28%),
            linear-gradient(180deg, #050607 0%, #090b10 52%, #06070a 100%);}
        .adv-atmos{position:absolute; inset:0; pointer-events:none;}
        .adv-aurora{position:absolute; filter:blur(26px); opacity:.45; border-radius:2px;}
        .adv-aurora-a{width:34rem; height:20rem; top:-4rem; left:-8rem; background:linear-gradient(135deg, rgba(255,255,255,.14), rgba(220,193,157,.12));}
        .adv-aurora-b{width:26rem; height:18rem; top:24rem; right:-6rem; background:linear-gradient(135deg, rgba(255,214,168,.20), rgba(255,255,255,.04));}
        .adv-grid{position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size:24px 24px; mask-image:linear-gradient(180deg, rgba(0,0,0,.6), transparent 85%);}
        .adv-shell{position:relative; z-index:2; max-width:1240px; margin:0 auto;}
        .adv-panel{position:relative; overflow:hidden; border-radius:2px; background:var(--adv-card); border:1px solid var(--adv-border); box-shadow:var(--adv-shadow); backdrop-filter:blur(14px);}
        .adv-panel::before{content:""; position:absolute; inset:0; background:radial-gradient(circle at var(--mx,22%) var(--my,18%), rgba(255,255,255,.16), transparent 34%); opacity:.75; pointer-events:none;}
        .adv-hero{padding:1.4rem 1.35rem 1.45rem; margin-bottom:1.5rem;}
        .adv-kicker{text-transform:uppercase; letter-spacing:.18em; font-size:.72rem; font-weight:900; color:var(--adv-accent);}
        .adv-title{margin:.25rem 0 .45rem; font-size:clamp(2rem, 4vw, 4rem); line-height:.96; letter-spacing:-.04em;}
        .adv-sub{max-width:760px; margin:0; color:var(--adv-muted); font-size:1rem; line-height:1.55; font-weight:700;}
        .adv-meta{display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1rem;}
        .adv-pill,.adv-chip{display:inline-flex; align-items:center; gap:.35rem; padding:.36rem .72rem; border-radius:2px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.05); font-weight:800; font-size:.84rem; color:rgba(255,255,255,.9);}
        .adv-chip-on{border-color:rgba(255,255,255,.20); background:rgba(255,255,255,.08); color:#fff;}
        .adv-empty{padding:0;}
        .adv-pad{padding:1rem 1.1rem;}
        .adv-empty-copy{margin-top:.45rem; color:var(--adv-muted); font-weight:700;}
        .adv-live{padding:1rem 1rem 1.05rem; margin-bottom:1.2rem;}
        .adv-live-head{display:flex; gap:1rem; align-items:start; justify-content:space-between; margin-bottom:.9rem;}
        .adv-live-title{margin:.22rem 0 0; font-size:clamp(1.15rem, 2vw, 1.55rem); line-height:1.05;}
        .adv-live-meta{display:flex; gap:.55rem; flex-wrap:wrap;}
        .adv-pill-live{background:rgba(255,255,255,.10); border-color:rgba(255,255,255,.18);}
        .adv-live-feature{display:grid; grid-template-columns:minmax(320px, 1.1fr) minmax(0, 1fr); gap:1rem; padding:.85rem; margin-bottom:.95rem; border-radius:2px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.10);}
        .adv-live-feature-media{display:block; min-height:260px; border-radius:2px; overflow:hidden; background:rgba(0,0,0,.22);}
        .adv-live-feature-media img{display:block; width:100%; height:100%; object-fit:cover;}
        .adv-live-feature-media span{display:flex; align-items:center; justify-content:center; width:100%; height:100%; color:var(--adv-muted); font-weight:800;}
        .adv-live-feature-copy{display:flex; flex-direction:column; justify-content:center; min-width:0;}
        .adv-live-badge{display:inline-flex; width:max-content; padding:.32rem .7rem; border-radius:2px; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.18); color:var(--adv-accent); font-size:.78rem; font-weight:900; text-transform:uppercase; letter-spacing:.08em;}
        .adv-live-feature-title{margin:.55rem 0 .35rem; font-size:clamp(1.5rem, 2.5vw, 2.3rem); line-height:1.02;}
        .adv-live-feature-blurb{margin-top:.6rem; color:rgba(255,255,255,.84); line-height:1.55; font-size:.96rem;}
        .adv-live-grid{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:.9rem;}
        .adv-live-card{display:grid; grid-template-columns:160px 1fr; gap:.8rem; padding:.7rem; border-radius:2px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08);}
        .adv-live-media{display:block; border-radius:2px; overflow:hidden; background:rgba(0,0,0,.24); aspect-ratio:16/10;}
        .adv-live-media img{display:block; width:100%; height:100%; object-fit:cover;}
        .adv-live-media span{display:flex; align-items:center; justify-content:center; width:100%; height:100%; color:var(--adv-muted); font-weight:800;}
        .adv-live-copy{min-width:0;}
        .adv-live-card-title{font-weight:900; font-size:1rem;}
        .adv-live-card-meta{display:flex; gap:.55rem; flex-wrap:wrap; margin-top:.35rem; color:var(--adv-muted); font-size:.84rem; font-weight:800;}
        .adv-live-card-blurb{margin-top:.5rem; color:rgba(255,255,255,.82); line-height:1.45; font-size:.92rem;}
        .adv-live-actions{display:flex; gap:.55rem; flex-wrap:wrap; margin-top:.7rem;}
        .adv-btn-join{min-height:46px; padding:0 1.15rem;}
        .adv-weeks{display:grid; gap:1.2rem;}
        .adv-week{padding:1rem 1rem 1.05rem;}
        .adv-week-head{display:flex; gap:1rem; align-items:start; justify-content:space-between; margin-bottom:.9rem;}
        .adv-week-copy{min-width:0;}
        .adv-week-actions{display:flex; gap:.6rem; flex-wrap:wrap; align-items:center;}
        .adv-date{color:var(--adv-accent); font-size:.84rem; font-weight:900; text-transform:uppercase; letter-spacing:.12em;}
        .adv-card-title{margin:.2rem 0 0; font-size:clamp(1.3rem, 2vw, 1.85rem); line-height:1.02;}
        .adv-card-meta{display:flex; flex-wrap:wrap; gap:.45rem; margin-top:.8rem;}
        .adv-desc{margin:.9rem 0 0; color:var(--adv-muted); font-weight:700; line-height:1.55;}
        .adv-rail-wrap{position:relative;}
        .adv-rail-hint{margin:0 0 .55rem; color:var(--adv-muted); font-size:.82rem; font-weight:900; text-transform:uppercase; letter-spacing:.08em;}
        .adv-rail{display:grid; grid-auto-flow:column; grid-auto-columns:minmax(320px, 360px); gap:.9rem; overflow-x:auto; padding:.2rem 0 .9rem; scroll-snap-type:x proximity; cursor:grab; scrollbar-width:auto; scrollbar-color:rgba(255,220,176,.72) rgba(255,255,255,.08); -webkit-overflow-scrolling:touch; touch-action:pan-x pan-y;}
        .adv-rail.is-dragging{cursor:grabbing; user-select:none;}
        .adv-rail::-webkit-scrollbar{height:24px;}
        .adv-rail::-webkit-scrollbar-track{background:rgba(255,255,255,.06); border-radius:2px; border:1px solid rgba(255,255,255,.08);}
        .adv-rail::-webkit-scrollbar-thumb{background:linear-gradient(90deg, rgba(255,220,176,.92), rgba(199,255,232,.82)); border-radius:2px; border:4px solid rgba(9,11,16,.92); min-width:88px;}
        .adv-rail::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg, rgba(255,232,196,.98), rgba(215,255,240,.92));}
        .adv-graph{margin-top:1rem; padding-top:1rem; border-top:1px solid rgba(255,255,255,.08);}
        .adv-graph-head{display:flex; gap:1rem; justify-content:space-between; align-items:start; margin-bottom:.75rem;}
        .adv-graph-title{margin:.2rem 0 0; font-size:1.05rem; line-height:1.1;}
        .adv-graph-meta{display:flex; gap:.45rem; flex-wrap:wrap;}
        .adv-graph-card{padding:.85rem; border-radius:2px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08);}
        .adv-graph-svg{display:block; width:100%; height:220px;}
        .adv-graph-axis{stroke:rgba(255,255,255,.16); stroke-width:1;}
        .adv-graph-line{fill:none; stroke:#ffdcb0; stroke-width:4; stroke-linecap:round; stroke-linejoin:round;}
        .adv-graph-footer{display:flex; justify-content:space-between; gap:.75rem; margin-top:.6rem; color:var(--adv-muted); font-size:.82rem; font-weight:800;}
        .adv-graph-empty{padding:.9rem 1rem; border-radius:2px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); color:var(--adv-muted); font-weight:700; line-height:1.5;}
        .adv-stop{display:grid; grid-template-columns:42px 1fr; gap:.8rem; align-items:start; padding:.8rem; border-radius:2px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); min-height:100%; scroll-snap-align:start;}
        .adv-stop-order{display:flex; align-items:center; justify-content:center; height:42px; border-radius:2px; background:rgba(158,240,201,.12); border:1px solid rgba(158,240,201,.18); font-weight:900; color:#defff3;}
        .adv-stop-media{display:block; grid-column:1 / -1; border-radius:2px; overflow:hidden; background:rgba(0,0,0,.24); aspect-ratio:16/10;}
        .adv-stop-media img{display:block; width:100%; height:100%; object-fit:cover;}
        .adv-stop-media span{display:flex; align-items:center; justify-content:center; width:100%; height:100%; color:var(--adv-muted); font-weight:800;}
        .adv-stop-copy{min-width:0; grid-column:1 / -1;}
        .adv-stop-top{display:flex; gap:.6rem; align-items:start; justify-content:space-between;}
        .adv-stop-title{color:var(--adv-text); text-decoration:none; font-weight:900; font-size:1rem;}
        .adv-stop-title:hover{text-decoration:underline;}
        .adv-stop-time{white-space:nowrap; color:var(--adv-accent-2); font-size:.82rem; font-weight:900;}
        .adv-stop-meta{display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.3rem; color:var(--adv-muted); font-size:.85rem; font-weight:800;}
        .adv-stop-blurb{margin-top:.45rem; color:rgba(255,255,255,.82); line-height:1.45; font-size:.92rem;}
        .adv-stop-actions{display:flex; gap:.55rem; flex-wrap:wrap; margin-top:.65rem;}
        .adv-btn{display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 .95rem; border-radius:2px; text-decoration:none; font-weight:900; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.06); color:var(--adv-text); transition:transform .12s ease, background .12s ease, border-color .12s ease;}
        .adv-btn:hover{transform:translateY(-1px); background:rgba(255,255,255,.10); border-color:rgba(255,255,255,.22);}
        .adv-btn-primary{background:linear-gradient(135deg, #c7ffe8, #ffdcb0); color:#071117; border-color:transparent;}
        .adv-btn-ghost{background:rgba(255,255,255,.03);}
        @media (max-width: 760px){
            .adv-live-head{flex-direction:column; align-items:flex-start;}
            .adv-live-feature{grid-template-columns:1fr;}
            .adv-live-grid{grid-template-columns:1fr;}
            .adv-live-card{grid-template-columns:1fr;}
            .adv-week-head{flex-direction:column; align-items:flex-start;}
            .adv-graph-head{flex-direction:column; align-items:flex-start;}
            .adv-rail{grid-auto-columns:minmax(280px, 86vw); padding-bottom:1rem;}
            .adv-rail-hint{font-size:.78rem;}
        }


