/* FIELDLIGHT uses one quiet visual system: night field, warm paper, and amber wayfinding. */
:root{color-scheme:dark;--ink:#080b0d;--ink-raised:#101519;--ink-soft:#161d21;--paper:#f3efe5;--muted:#b8b7b0;--dim:#7c817f;--amber:#f3b63e;--amber-strong:#ffc449;--line:rgba(242,239,229,.16);--line-bright:rgba(242,239,229,.28);--serif:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--display:"Courier New",ui-monospace,monospace;--content:1180px;--measure:70ch}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.65}body:before{position:fixed;inset:0;z-index:-1;content:"";pointer-events:none;background:radial-gradient(1px 1px at 18% 14%,#f9e7bf 0 1px,transparent 1.4px),radial-gradient(1px 1px at 67% 29%,#d3d8de 0 1px,transparent 1.4px),radial-gradient(1px 1px at 83% 10%,#f2e6ce 0 1px,transparent 1.4px),radial-gradient(1px 1px at 41% 37%,#d3d8de 0 1px,transparent 1.4px),radial-gradient(1px 1px at 92% 51%,#f2e6ce 0 1px,transparent 1.4px);opacity:.4}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{accent-color:var(--amber)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--amber-strong);outline-offset:3px}img,svg{display:block}svg{width:1.15em;height:1.15em}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-4rem;left:1rem;z-index:20;padding:.7rem 1rem;background:var(--amber);color:#17120a}.skip-link:focus{top:1rem}
.site-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;max-width:1500px;margin:auto;padding:22px clamp(24px,5.8vw,88px);border-bottom:1px solid rgba(255,255,255,.05)}.brand{display:inline-flex;align-items:center;gap:12px;font:700 1.08rem var(--display);letter-spacing:.12em;white-space:nowrap}.brand-mark{color:var(--amber)}.brand-mark svg{width:34px;height:34px}.primary-nav{display:flex;align-items:center;gap:clamp(17px,2.3vw,36px);font-size:.9rem}.primary-nav a{color:#dddcd7;transition:color .18s}.primary-nav a:hover,.primary-nav a[aria-current=page]{color:var(--amber)}.nav-search{display:grid;place-items:center}.nav-search svg{width:20px;height:20px}.menu-toggle{display:none;border:0;background:none;color:var(--paper);padding:8px}
.eyebrow{margin:0 0 12px;color:var(--amber);font:700 .7rem var(--display);letter-spacing:.16em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:48px;padding:12px 20px;border:1px solid transparent;border-radius:5px;font-weight:700;transition:transform .18s,background .18s,border-color .18s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--amber);color:#17120a}.button-primary:hover{background:var(--amber-strong)}.button-secondary{border-color:var(--line-bright);color:var(--paper);background:rgba(8,11,13,.45)}.button-secondary:hover{border-color:var(--amber);color:var(--amber)}.button-quiet{min-height:40px;border-color:var(--line);background:transparent;color:var(--paper);cursor:pointer}.button-quiet:hover{border-color:var(--amber)}.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--amber);font-size:.94rem;font-weight:650}.text-link svg{transition:transform .18s}.text-link:hover svg{transform:translateX(3px)}
.home-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-start;min-height:min(900px,calc(100vh - 78px));overflow:hidden;padding:clamp(60px,8vw,116px) clamp(28px,5.8vw,88px) 24px}.home-hero:before{position:absolute;inset:0;z-index:-2;content:"";background:linear-gradient(180deg,rgba(8,11,13,.84) 0%,rgba(8,11,13,.66) 39%,rgba(8,11,13,.14) 68%,rgba(8,11,13,.8) 100%)}.home-hero:after{position:absolute;inset:0;z-index:-1;content:"";background:linear-gradient(90deg,rgba(8,11,13,.42),transparent 78%)}.hero-copy{max-width:780px}.hero-kicker{margin-bottom:18px}.hero-copy h1,.page-intro h1,.article-body h1,.tool-intro h1,.info-page h1,.error-page h1{max-width:950px;margin:0;font:700 clamp(3rem,7.5vw,6.8rem)/.98 var(--display);letter-spacing:-.075em;text-wrap:balance}.hero-lede{max-width:590px;margin:21px 0 24px;color:#e3e0d8;font-size:clamp(1.08rem,1.7vw,1.32rem);line-height:1.55}.home-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,6vw,90px);max-width:1220px;margin:54px 0 0}.home-feature{max-width:330px}.feature-number{color:var(--amber);font:700 .78rem var(--display);letter-spacing:.1em}.home-feature h2{margin:9px 0 5px;font:700 clamp(1.2rem,2vw,1.6rem)/1.2 var(--display);letter-spacing:-.045em}.home-feature p{margin:0 0 10px;color:#dad8d1;font-size:.96rem}.home-feature .text-link{font-size:.85rem}.hero-image{height:clamp(120px,18vh,210px);flex:1;min-height:80px}.hero-topics{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.2);color:#d3d0c8;font-size:.82rem}.hero-topics:before{content:"EXPLORE MORE TOPICS";width:100%;color:#c1beb6;font:700 .68rem var(--display);letter-spacing:.15em}.hero-topics span{display:inline-flex;align-items:center;gap:8px}.hero-topics svg{color:var(--amber);width:15px;height:15px}
.section-wrap{max-width:var(--content);margin:0 auto;padding:clamp(64px,8vw,112px) 28px}.home-tools{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.home-tools h2,.section-heading h2,.global-note h2{max-width:560px;margin:0;font:700 clamp(1.75rem,3.4vw,2.8rem)/1.12 var(--display);letter-spacing:-.05em}.tool-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tool-card{display:flex;flex-direction:column;min-height:230px;padding:24px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01));transition:border-color .2s,transform .2s}.tool-card:hover{transform:translateY(-3px);border-color:rgba(243,182,62,.55)}.tool-icon{color:var(--amber);font:700 .76rem var(--display)}.tool-card h3{margin:18px 0 5px;font:700 1.1rem var(--display)}.tool-card p{margin:0 0 18px;color:var(--muted);font-size:.92rem}.tool-card .text-link{margin-top:auto;font-size:.86rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:26px}.section-heading h2{font-size:clamp(1.8rem,3vw,2.6rem)}.home-guides{padding-top:20px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-card{overflow:hidden;border:1px solid var(--line);background:rgba(16,21,25,.86);transition:transform .2s,border-color .2s}.guide-card:hover{transform:translateY(-3px);border-color:rgba(243,182,62,.5)}.card-image{position:relative;display:block;height:180px;background:linear-gradient(180deg,rgba(8,11,13,.04),rgba(8,11,13,.15))}.image-plan-your-trip{background-position:38% 55%}.image-hiking-skills{background-position:15% 50%;filter:saturate(.78)}.image-choose-your-gear{background-position:75% 62%;filter:saturate(.7)}.image-camping-basics{background-position:90% 55%}.image-responsible-outdoors{background-position:50% 85%;filter:saturate(.6)}.image-stamp{position:absolute;left:14px;bottom:12px;padding:4px 7px;background:rgba(8,11,13,.78);color:var(--amber);font:700 .62rem var(--display);letter-spacing:.07em;text-transform:uppercase}.card-copy{padding:20px}.card-copy .eyebrow{font-size:.61rem}.card-copy h3{margin:0 0 8px;font:700 1.08rem/1.3 var(--display);letter-spacing:-.025em}.card-copy h3 a:hover{color:var(--amber)}.card-copy>p:not(.eyebrow){min-height:82px;margin:0 0 14px;color:var(--muted);font-size:.9rem}.card-copy .text-link{font-size:.84rem}.global-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(120deg,rgba(243,182,62,.06),transparent 65%)}.global-note-inner{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding-top:48px;padding-bottom:48px}.global-note-inner>span{display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(243,182,62,.45);border-radius:50%;color:var(--amber)}.global-note-inner>div>p:last-child{max-width:750px;margin:12px 0 0;color:var(--muted)}
.site-footer{max-width:1500px;margin:auto;padding:54px clamp(28px,5.8vw,88px) 30px;border-top:1px solid var(--line);color:var(--muted)}.footer-main{display:flex;align-items:center;gap:22px}.footer-main p{margin:0}.site-footer nav{display:flex;flex-wrap:wrap;gap:20px;margin:25px 0;color:#dbd8d0;font-size:.9rem}.site-footer nav a:hover{color:var(--amber)}.site-footer small{display:block;max-width:850px;padding-top:19px;border-top:1px solid var(--line);font-size:.78rem}
.page-main{max-width:var(--content);min-height:60vh;margin:0 auto;padding:clamp(54px,8vw,105px) 28px}.page-intro{max-width:800px;margin-bottom:44px}.page-intro h1,.tool-intro h1,.info-page h1{font-size:clamp(2.5rem,6vw,5rem)}.page-intro>p:not(.eyebrow),.tool-intro>p:not(.eyebrow){max-width:690px;margin:18px 0 0;color:var(--muted);font-size:1.12rem}.topic-nav{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 36px;padding-bottom:20px;border-bottom:1px solid var(--line)}.topic-nav a{padding:7px 12px;border:1px solid var(--line);border-radius:999px;color:#d5d3cc;font-size:.84rem}.topic-nav a:hover,.topic-nav a.is-active{border-color:var(--amber);color:var(--amber);background:rgba(243,182,62,.08)}.library-controls{display:grid;grid-template-columns:auto minmax(260px,1fr) auto;align-items:center;gap:16px;margin:0 0 22px}.library-controls label{font-weight:650}.search-field{display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--line-bright);border-radius:5px;color:var(--amber)}.search-field input{width:100%;min-height:46px;border:0;outline:none;background:transparent;color:var(--paper)}.search-field input:focus-visible{outline:none}.result-count{margin:0;color:var(--muted);font-size:.83rem}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.empty-state{padding:50px 20px;text-align:center;color:var(--muted)}.category-intro{position:relative;padding:36px;border:1px solid var(--line);background:linear-gradient(120deg,rgba(243,182,62,.08),rgba(16,21,25,.82))}.category-intro .button{margin-top:22px}.listing-heading{margin-top:52px}.listing-heading h2{font-size:2rem}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) 270px;gap:clamp(42px,8vw,115px);max-width:var(--content);margin:0 auto;padding:48px 28px 100px;align-items:start}.breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:45px;color:var(--dim);font-size:.8rem}.breadcrumbs a{color:#d6d3cb}.breadcrumbs a:hover{color:var(--amber)}.article-body h1{font-size:clamp(2.6rem,5.2vw,4.5rem);line-height:1.03}.article-deck{max-width:690px;margin:18px 0 16px;color:#d3d1ca;font-size:1.2rem;line-height:1.55}.article-meta{display:flex;flex-wrap:wrap;gap:10px 22px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:.78rem}.article-notice{margin:24px 0;padding:16px 18px;border-left:3px solid var(--amber);background:rgba(243,182,62,.07)}.article-notice p{margin:5px 0 0;color:var(--muted);font-size:.91rem}.article-prose{max-width:var(--measure);padding-top:8px;color:#dddcd6}.article-prose h2,.info-copy h2,.source-list h2,.article-next h2{margin:38px 0 11px;color:var(--paper);font:700 1.55rem/1.2 var(--display);letter-spacing:-.035em}.article-prose h3{margin:28px 0 8px;font:700 1.16rem var(--display)}.article-prose p,.article-prose li{line-height:1.82}.article-prose a,.info-copy a{color:var(--amber);text-decoration:underline;text-underline-offset:3px}.article-prose ul{padding-left:1.3rem}.article-rail{position:sticky;top:24px;display:grid;gap:15px;padding-top:100px}.rail-card{padding:17px;border:1px solid var(--line);background:rgba(16,21,25,.88)}.rail-card nav{display:grid;gap:10px}.rail-card nav a{color:#d2d0ca;font-size:.82rem;line-height:1.35}.rail-card nav a:hover{color:var(--amber)}.rail-check ul{display:grid;gap:9px;margin:0;padding:0;list-style:none;color:#dad8d1;font-size:.8rem}.rail-check li{display:flex;align-items:center;gap:8px}.rail-check svg{flex:none;color:var(--amber);width:15px;height:15px}.source-list{margin-top:54px;padding-top:25px;border-top:1px solid var(--line)}.source-list>p:not(.eyebrow){color:var(--muted)}.source-list ol{padding-left:1.2rem}.source-list li{padding:0 0 18px 5px}.source-list li>a{color:var(--amber);text-decoration:underline;text-underline-offset:3px}.source-list li span{display:block;color:var(--dim);font-size:.8rem}.source-list li p{margin:4px 0;color:var(--muted);font-size:.82rem}.article-next{margin-top:46px;padding:25px;border:1px solid var(--line);background:rgba(243,182,62,.04)}
.tool-page{max-width:1050px}.tool-intro{max-width:750px;margin-bottom:32px}.planner-card,.packing-card{padding:clamp(20px,4vw,42px);border:1px solid var(--line-bright);background:linear-gradient(150deg,rgba(255,255,255,.035),rgba(16,21,25,.94))}.stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 30px;padding:0;list-style:none}.stepper li{display:grid;grid-template-columns:34px 1fr;gap:7px;align-items:center;position:relative;color:var(--dim);font-size:.79rem}.stepper li:not(:last-child):after{position:absolute;left:45px;right:0;top:16px;height:1px;background:var(--line);content:""}.stepper li span{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--line-bright);border-radius:50%;background:var(--ink);font:700 .8rem var(--display)}.stepper li.is-active{color:var(--amber)}.stepper li.is-active span{border-color:var(--amber);background:var(--amber);color:var(--ink)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid label{display:grid;gap:7px;color:#dedbd3;font-size:.88rem;font-weight:600}.form-grid input,.form-grid textarea{width:100%;padding:12px 13px;border:1px solid var(--line-bright);border-radius:4px;background:#0a0e11;color:var(--paper);font-weight:400}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#777d7e}.form-grid .full-field{grid-column:1/-1}.planner-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}.local-note{display:flex;align-items:flex-start;gap:10px;margin:22px 0 0;color:var(--muted);font-size:.82rem}.local-note svg{flex:none;margin-top:3px;color:var(--amber)}.tool-status{min-height:1.4em;color:var(--amber);font-size:.86rem}.packing-toolbar{display:flex;align-items:center;gap:20px;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--line)}.packing-tabs{display:flex;padding:4px;border:1px solid var(--line);border-radius:6px}.packing-tabs button{padding:8px 12px;border:0;border-radius:4px;background:transparent;color:var(--muted);cursor:pointer}.packing-tabs button.is-active{background:var(--amber);color:#17120a;font-weight:700}.packing-progress{display:grid;gap:5px;min-width:150px;color:var(--muted);font-size:.8rem}.packing-progress progress{width:100%;height:7px;accent-color:var(--amber)}.packing-layout{display:grid;grid-template-columns:180px 1fr;gap:28px;padding-top:24px}.packing-categories{display:grid;align-content:start;gap:4px}.packing-categories a{padding:8px 10px;border-left:2px solid transparent;color:var(--muted);font-size:.88rem}.packing-categories a.is-active,.packing-categories a:hover{border-left-color:var(--amber);color:var(--amber);background:rgba(243,182,62,.05)}.packing-content{display:grid;gap:24px}.packing-section h2{margin:0 0 9px;font:700 1.2rem var(--display)}.packing-list{border-top:1px solid var(--line)}.packing-row{display:grid;grid-template-columns:20px 1fr minmax(90px,145px);gap:12px;align-items:center;min-height:48px;border-bottom:1px solid var(--line);color:#dedbd3;font-size:.88rem}.packing-row input[type=checkbox]{width:17px;height:17px}.packing-row input[type=text]{min-width:0;width:100%;padding:6px 8px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--paper);font-size:.78rem}.packing-row input[type=text]:hover,.packing-row input[type=text]:focus{border-color:var(--line);background:var(--ink)}.packing-row.is-packed>span{text-decoration:line-through;color:var(--dim)}.packing-section[data-mode=overnight]{}
.info-page{max-width:850px}.info-copy{max-width:var(--measure);color:#d8d6cf}.info-copy p{line-height:1.85}.info-copy h2{margin-top:42px}.source-directory{display:grid;gap:18px;padding-left:1.2rem}.source-directory li>a{color:var(--amber);text-decoration:underline;text-underline-offset:3px}.source-directory span{display:block;margin-top:4px;color:var(--muted);font-size:.86rem}.error-page{padding-top:120px;padding-bottom:150px}.error-page h1{font-size:clamp(2.7rem,7vw,5.5rem)}.error-page>p:not(.eyebrow){color:var(--muted)}
@media(max-width:900px){.home-feature-grid{gap:24px}.home-tools{grid-template-columns:1fr;gap:28px}.guide-grid,.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,1fr) 220px;gap:30px}.global-note-inner{grid-template-columns:auto 1fr}.global-note-inner>.text-link{grid-column:2}.article-rail{top:12px}}
@media(max-width:680px){body{font-size:15px}.site-header{padding:15px 20px}.brand{font-size:.98rem}.brand-mark svg{width:29px;height:29px}.menu-toggle{display:grid;place-items:center}.primary-nav{position:absolute;top:100%;left:0;right:0;display:none;align-items:stretch;gap:0;padding:8px 20px 16px;border-bottom:1px solid var(--line);background:#0c1013}.primary-nav.is-open{display:grid}.primary-nav a{padding:11px 4px;border-bottom:1px solid rgba(255,255,255,.06)}.nav-search{justify-content:start}.nav-search svg{margin:8px 0}.home-hero{min-height:790px;padding:58px 22px 18px}.hero-copy h1{font-size:clamp(3rem,13vw,5rem)}.hero-lede{font-size:1.04rem}.home-feature-grid{grid-template-columns:1fr;gap:19px;margin-top:38px}.home-feature{max-width:520px}.home-feature h2{font-size:1.25rem}.home-feature p{font-size:.88rem}.hero-image{min-height:120px}.hero-topics{gap:9px 18px;font-size:.75rem}.hero-topics span{width:calc(50% - 9px)}.section-wrap{padding:62px 22px}.tool-cards,.guide-grid,.library-grid{grid-template-columns:1fr}.tool-card{min-height:190px}.section-heading{align-items:start;flex-direction:column}.card-image{height:205px}.card-copy>p:not(.eyebrow){min-height:auto}.global-note-inner{grid-template-columns:1fr;gap:12px}.global-note-inner>.text-link{grid-column:auto}.site-footer{padding:42px 22px 25px}.footer-main{align-items:flex-start;flex-direction:column;gap:10px}.page-main{padding:52px 21px}.page-intro{margin-bottom:32px}.page-intro h1,.tool-intro h1,.info-page h1{font-size:clamp(2.6rem,12vw,4rem)}.topic-nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:13px}.topic-nav a{flex:none}.library-controls{grid-template-columns:1fr;gap:9px}.result-count{min-height:1em}.category-intro{padding:24px 18px;background-position:70% 50%}.article-layout{display:block;padding:32px 21px 70px}.breadcrumbs{margin-bottom:32px}.article-body h1{font-size:clamp(2.55rem,11vw,4rem)}.article-deck{font-size:1.04rem}.article-rail{position:static;padding-top:30px}.rail-card nav{grid-template-columns:repeat(2,1fr)}.article-prose h2{font-size:1.35rem}.stepper{grid-template-columns:repeat(2,1fr)}.stepper li:nth-child(2):after{display:none}.planner-card,.packing-card{padding:18px}.form-grid{grid-template-columns:1fr}.form-grid .full-field{grid-column:auto}.planner-actions .button{width:100%}.packing-toolbar{align-items:stretch;flex-direction:column;gap:12px}.packing-progress{order:2}.packing-layout{grid-template-columns:1fr;gap:15px}.packing-categories{display:flex;overflow-x:auto;padding-bottom:4px}.packing-categories a{flex:none;border-left:0;border-bottom:2px solid transparent}.packing-categories a.is-active,.packing-categories a:hover{border-left:0;border-bottom-color:var(--amber)}.packing-row{grid-template-columns:20px 1fr;gap:9px;padding:8px 0}.packing-row input[type=text]{grid-column:2;padding:4px 7px}.info-page .page-intro{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{body{background:#fff!important;color:#111!important}.site-header,.site-footer,.menu-toggle,.packing-toolbar .packing-tabs,.planner-actions,.primary-nav,.article-rail,.local-note{display:none!important}.page-main,.article-layout{max-width:none;padding:0}.planner-card,.packing-card{border:0;background:#fff;padding:0}.form-grid input,.form-grid textarea{border:1px solid #777;background:#fff;color:#111}.packing-row{color:#111;border-color:#bbb}.packing-row input[type=text]{border:0!important;color:#111}.eyebrow{color:#6f4b00}.hero-image{display:none}}

/* Give the footer the local advisory's full-bleed treatment; keep the advisory in the former footer column. */
.global-note{border:0;background:transparent}
.global-note-inner{width:min(100%,850px);max-width:850px;margin-inline:auto;padding:clamp(48px,6vw,72px) 0}
.site-footer{max-width:none;margin:0;padding:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(120deg,rgba(243,182,62,.06),transparent 65%)}
.site-footer .footer-content{width:min(100%,850px);margin-inline:auto;padding:clamp(48px,6vw,72px) 0 30px}

@media(max-width:680px){
  .global-note-inner{grid-template-columns:1fr;gap:12px;padding:42px 22px}
  .global-note-inner>.text-link{grid-column:auto}
  .site-footer .footer-content{padding:42px 22px 25px}
}

/* 每篇文章使用自己的本地摄影封面，首页使用独立的营地照片。 */
.home-hero:before{background-image:linear-gradient(180deg,rgba(8,11,13,.84) 0%,rgba(8,11,13,.66) 39%,rgba(8,11,13,.14) 68%,rgba(8,11,13,.8) 100%)}
.hero-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 57%}
.hero-topics:before{content:none}
.hero-topics-label{display:block;width:100%;color:#c1beb6;font:700 .68rem var(--display);letter-spacing:.15em}
.brand-mark{display:block;width:36px;height:36px;flex:none;border-radius:9px}
.guide-card{display:block;color:inherit;text-decoration:none}
.card-image{height:auto;aspect-ratio:1.78;overflow:hidden;background:#141a1e}
.card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.guide-card:hover .card-image img{transform:scale(1.035)}
.card-copy{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:240px}
.card-copy .eyebrow{margin:0}
.card-title{font:700 1.13rem/1.25 var(--display);letter-spacing:-.035em}
.card-summary{color:var(--muted);font-size:.9rem;line-height:1.55}
.card-copy .text-link{margin-top:auto}
.article-cover{margin:24px 0;border:1px solid var(--line);background:#11171a}
.article-cover img{display:block;width:100%;height:auto;max-height:520px;aspect-ratio:1.85;object-fit:cover}
.article-cover figcaption{padding:10px 13px;color:var(--muted);font-size:.73rem;line-height:1.55}
.article-cover figcaption a{color:var(--amber);text-decoration:underline;text-underline-offset:2px}
.home-return{display:inline-flex;margin:0 0 18px;color:var(--muted);font-size:.82rem;text-decoration:none}
.home-return:hover{color:var(--amber)}
.mobile-home-link{display:none}


.info-copy .local-contact-form{display:grid;gap:15px;max-width:680px;margin:22px 0}
.local-contact-form label{display:grid;gap:7px;color:var(--paper);font-size:.9rem;font-weight:650}
.local-contact-form input,.local-contact-form select,.local-contact-form textarea{width:100%;padding:11px 12px;border:1px solid var(--line-bright);border-radius:4px;background:#0b1013;color:var(--paper);font:inherit;font-weight:400}
.local-contact-form textarea{resize:vertical}
.local-contact-form input:focus-visible,.local-contact-form select:focus-visible,.local-contact-form textarea:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.local-contact-form button:disabled{opacity:.55;cursor:not-allowed}
.local-contact-form .tool-status{margin:0}
@media(max-width:680px){.brand-mark{width:30px;height:30px}.mobile-home-link{display:inline-flex;margin-left:auto;margin-right:7px;color:var(--muted);font-size:.82rem}.card-image{aspect-ratio:1.55}.card-copy{min-height:0}.article-cover img{aspect-ratio:1.35}.home-return{margin-bottom:12px}}
/* Each guide card renders its own mapped article photograph. */
@media(max-width:760px){.home-feature-grid{grid-template-columns:1fr;max-width:560px;margin-top:36px}.home-feature{max-width:unset}.home-feature p{max-width:520px}}
/* 首页主题导航每个主题独立可达，避免整排链接都落到同一目录。 */
.hero-topics:before{display:none}.hero-topics-label{width:100%;color:#c1beb6;font:700 .68rem var(--display);letter-spacing:.15em}.hero-topics>a{display:inline-flex;align-items:center;gap:8px;color:#d3d0c8;font-size:.82rem}.hero-topics>a:hover{color:var(--amber)}.hero-topics>a svg{color:var(--amber);width:15px;height:15px}
@media(max-width:680px){.hero-topics>a{width:calc(50% - 9px)}}
/* Keep the article excerpt in the visible card flow below its own cover image. */
.guide-grid>.guide-card{display:flex;flex-direction:column;min-width:0}
.guide-grid>.guide-card>.card-image{display:block;flex:none;height:180px;aspect-ratio:auto}

/* Keep the home hero focused on one promise and one primary route. */
.page-home .home-hero{min-height:clamp(560px,calc(92svh - 78px),760px);justify-content:center;padding:clamp(66px,8vw,112px) clamp(24px,7vw,108px) 54px}
.page-home .home-hero:before{z-index:0;background-image:linear-gradient(90deg,rgba(8,11,13,.94) 0%,rgba(8,11,13,.82) 32%,rgba(8,11,13,.44) 57%,rgba(8,11,13,.08) 84%),linear-gradient(0deg,rgba(8,11,13,.7) 0%,transparent 48%,rgba(8,11,13,.16) 100%)}
.page-home .home-hero:after{z-index:0;background:radial-gradient(ellipse at 73% 48%,transparent 20%,rgba(8,11,13,.24) 100%)}
.page-home .hero-photo{z-index:-1;object-position:62% 58%}
.page-home .hero-copy{position:relative;z-index:1;max-width:960px}
.page-home .hero-kicker{margin-bottom:22px}
.page-home .hero-copy h1{max-width:1100px;font-size:clamp(3.55rem,6.2vw,6.3rem);letter-spacing:-.06em;line-height:1.02}
.page-home .hero-lede{max-width:590px;margin:22px 0 28px;color:#f0ede5;font-size:clamp(1.06rem,1.45vw,1.24rem)}
.page-home .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 26px}
.page-home .hero-secondary-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:#f1eee7;font-size:.94rem;font-weight:650;text-underline-offset:4px}
.page-home .hero-secondary-link:hover{color:var(--amber);text-decoration:underline}

/* Extend only the home photograph and its contrast layers behind the floating capsule. */
.page-home .home-hero{--home-nav-overlap:72px;overflow:visible}
.page-home .home-hero:before,.page-home .home-hero:after{top:calc(-1 * var(--home-nav-overlap));height:calc(100% + var(--home-nav-overlap))}
.page-home .hero-photo{top:calc(-1 * var(--home-nav-overlap));right:0;left:0;height:calc(100% + var(--home-nav-overlap))}
.home-start{padding:clamp(50px,6.4vw,86px) clamp(24px,7vw,108px) clamp(42px,5vw,68px);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#101519 0%,#0c1013 100%)}
.home-start-heading,.home-feature-grid,.home-start .hero-topics{width:min(100%,1320px);margin-right:auto;margin-left:auto}
.home-start-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr);align-items:end;gap:34px;margin-bottom:34px}
.home-start-heading .eyebrow{margin-bottom:10px}
.home-start-heading h2{max-width:700px;margin:0;font:700 clamp(1.8rem,3.2vw,3rem)/1.12 var(--display);letter-spacing:-.055em}
.home-start-heading>p{max-width:510px;margin:0 0 3px;color:var(--muted);font-size:1rem}
.home-start .home-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4.5vw,66px);margin-top:0}
.home-start .home-feature{display:flex;flex-direction:column;align-items:flex-start;width:100%;height:100%;max-width:none;padding:17px 14px 16px;border:1px solid transparent;border-top-color:var(--line-bright);border-radius:12px;color:var(--paper)}
.home-start .feature-number{display:block;margin-bottom:12px}
.home-start .home-feature h3{max-width:360px;margin:0 0 9px;font:700 clamp(1.2rem,1.75vw,1.55rem)/1.24 var(--display);letter-spacing:-.04em}
.home-start .home-feature p{max-width:390px;margin:0 0 14px;color:#c7c7c0;font-size:.94rem;line-height:1.62}
.home-start .home-feature-cta{margin-top:auto;padding-top:14px}
.home-start .hero-topics{display:flex;align-items:center;flex-wrap:wrap;gap:10px 26px;margin-top:38px;padding-top:19px;border-top:1px solid var(--line)}
.home-start .hero-topics-label{width:100%;margin-bottom:1px}
.home-start .hero-topics>a{display:inline-flex;align-items:center;gap:8px;color:#d3d0c8;font-size:.84rem}
.home-start .hero-topics>a:hover{color:var(--amber)}
.home-start .hero-topics>a svg{width:15px;height:15px;color:var(--amber)}

/* Stack the story and its starting points in reading order on narrow screens. */
@media(max-width:760px){
  .page-home .home-hero{min-height:clamp(570px,calc(88svh - 66px),700px);padding:66px 24px 64px}
  .page-home .home-hero{--home-nav-overlap:68px}
  .page-home .home-hero:before{background-image:linear-gradient(90deg,rgba(8,11,13,.91) 0%,rgba(8,11,13,.72) 58%,rgba(8,11,13,.34) 100%),linear-gradient(0deg,rgba(8,11,13,.68) 0%,transparent 58%)}
  .page-home .hero-photo{object-position:66% 55%}
  .page-home .hero-copy h1{max-width:680px;font-size:clamp(3.2rem,10.6vw,5rem)}
  .page-home .hero-lede{max-width:530px;margin:18px 0 24px;font-size:1.02rem}
  
  .home-start{padding:48px 24px 38px}
  .home-start-heading{grid-template-columns:1fr;gap:12px;margin-bottom:28px}
  .home-start-heading>p{max-width:560px}
  .home-start .home-feature-grid{grid-template-columns:1fr;gap:22px;max-width:600px}
  .home-start .home-feature{padding-top:13px}
  .home-start .feature-number{margin-bottom:7px}
  .home-start .home-feature h3{max-width:unset;font-size:1.25rem}
  .home-start .home-feature p{max-width:560px;font-size:.9rem}
  .home-start .hero-topics{gap:11px 18px;margin-top:29px;padding-top:17px}
  .home-start .hero-topics>a{width:calc(50% - 9px);font-size:.78rem}
}

@media(max-width:400px){
  .page-home .home-hero{min-height:570px;padding-right:20px;padding-left:20px}
  .page-home .hero-copy h1{font-size:clamp(2.9rem,12.5vw,3.3rem)}
  .page-home .hero-actions{align-items:flex-start;flex-direction:column;gap:10px}
  .home-start{padding-right:20px;padding-left:20px}
}

/* Give the shared navigation a compact capsule silhouette on every route. */
.site-header{width:calc(100% - 48px);max-width:1440px;margin:14px auto 0;padding:10px clamp(22px,3.2vw,46px);border:1px solid rgba(242,239,229,.16);border-radius:999px}
@media(max-width:680px){.site-header{width:calc(100% - 28px);margin-top:10px;padding:7px 12px;border-radius:999px}}
.guide-grid>.guide-card>.card-copy{display:flex;flex:1 0 auto;flex-direction:column;align-items:flex-start;gap:8px;min-height:240px;padding:20px;visibility:visible;opacity:1}
.guide-grid>.guide-card .card-title{display:block;color:var(--paper);font:700 1.13rem/1.25 var(--display);letter-spacing:-.035em}
.guide-grid>.guide-card .card-summary{display:block;margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}
.guide-grid>.guide-card .text-link{display:inline-flex;align-items:center;gap:8px;margin-top:auto}
@media(max-width:680px){.guide-grid>.guide-card>.card-image{height:205px}.guide-grid>.guide-card>.card-copy{min-height:0}}

/* Keep native scrolling familiar while carrying FIELDLIGHT's night-and-amber palette. */
html {
  scrollbar-color: rgba(243, 182, 62, 0.62) #0b0f12;
  scrollbar-width: thin;
}

*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

*::-webkit-scrollbar-track {
  background: #0b0f12;
}

*::-webkit-scrollbar-thumb {
  border: 2px solid #0b0f12;
  border-radius: 999px;
  background-color: rgba(243, 182, 62, 0.62);
}

@media (hover: hover) {
  *::-webkit-scrollbar-thumb:hover {
    background-color: #ffc449;
  }
}

*::-webkit-scrollbar-thumb:active {
  background-color: #ffc449;
}

*::-webkit-scrollbar-corner {
  background: #0b0f12;
}

@media (forced-colors: active) {
  html {
    scrollbar-color: auto;
  }

  *::-webkit-scrollbar-track,
  *::-webkit-scrollbar-corner {
    background: Canvas;
  }

  *::-webkit-scrollbar-thumb {
    border-color: Canvas;
    background-color: ButtonText;
  }
}


/* Center the complete footer content column while keeping its rows left aligned. */
.site-footer .footer-content{width:min(100%,850px);margin-inline:auto}

/* Navigation geometry is shared with the 961px menu controller breakpoint.
 * Collapse before links crowd the brand; preserve the capsule on every route. */
.primary-nav{gap:clamp(12px,1.3vw,22px)}
.primary-nav>a{display:inline-flex;align-items:center;min-height:44px}
.primary-nav .nav-search{justify-content:center;width:44px}
/* The compact search stays directly before the menu in DOM and focus order. */
.mobile-header-search{display:none}
@media(max-width:960px){
  .site-header .mobile-header-search{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;margin-left:auto;color:var(--paper);border-radius:50%}
  .mobile-header-search svg{width:20px;height:20px}
  .mobile-header-search:hover{color:var(--amber)}
}
.page-home .home-hero{--home-nav-overlap:80px}
/* Keyboard bypass must paint above the sticky header, including its focus ring. */
.skip-link{z-index:1000;border-radius:6px;max-width:calc(100vw - 32px)}
.skip-link:focus{top:calc(env(safe-area-inset-top,0px) + 16px)}
.article-contents-mobile{display:none}
/* Homepage decision exercises use distinct editorial layouts rather than a
   second article grid. Native controls keep keyboard and no-script access. */
.home-decisions{margin:0}
/* One vertical rhythm for the reordered homepage; adjacent sections provide
   their own padding so wrapper margins do not double the breathing space. */
.home-composition{--home-section-space:clamp(44px,5vw,72px)}
.home-composition .section-wrap{padding-top:var(--home-section-space);padding-bottom:var(--home-section-space)}
.home-composition .home-tools{margin-top:0;margin-bottom:0;border-top:1px solid var(--line)}
.home-composition .decision-scenarios{border-top:1px solid var(--line)}
.home-composition .scenario-stack>.scenario-panel:last-child{margin-bottom:0}
.home-decisions h2{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.15;max-width:24ch;margin:12px 0 20px;scroll-margin-top:48px}
.home-decisions p{color:var(--muted)}
.home-decisions .eyebrow{color:var(--amber)}
.decision-heading{max-width:740px;margin-bottom:32px}
.decision-index{font-family:var(--mono,monospace);font-size:.7rem;letter-spacing:.12em;color:var(--amber)}
.scenario-controls{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}
.scenario-controls[hidden],.scenario-panel[hidden],.home-decisions [hidden]{display:none}
.scenario-controls button{background:transparent;border:1px solid var(--line-bright);border-radius:999px;padding:12px 20px;min-height:44px;color:var(--paper);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.scenario-controls button[aria-selected=true]{background:var(--amber);border-color:var(--amber);color:#15120a;font-weight:700}
.scenario-panel{display:grid;grid-template-columns:.8fr 1.3fr;border:1px solid var(--line-bright);border-radius:20px;overflow:hidden;margin-bottom:18px;background:var(--ink-raised)}
.scenario-context{padding:clamp(24px,4vw,48px);background:linear-gradient(135deg,rgba(247,184,52,.09),transparent);display:flex;flex-direction:column;align-items:flex-start}
.scenario-context p{font-size:clamp(1.3rem,2.4vw,1.85rem);line-height:1.5;color:var(--paper);margin:28px 0;max-width:25ch}
.scenario-label{margin-top:auto;font-size:.8rem;color:var(--amber);border-top:1px solid var(--line);padding-top:14px;width:100%}
.scenario-response{padding:clamp(24px,4vw,48px);border-left:1px solid var(--line)}
.scenario-response h3{font-size:clamp(1.3rem,2.3vw,1.8rem);line-height:1.3;margin:0 0 20px}
.scenario-response .scenario-question{color:var(--paper);font-weight:650}
.scenario-note{border-left:2px solid var(--amber);padding-left:16px;font-size:.9rem;margin:24px 0}
.decision-myths{display:grid;grid-template-columns:.8fr 1.3fr;gap:clamp(28px,6vw,90px);border-top:1px solid var(--line)}
.myth-list details{border-bottom:1px solid var(--line-bright)}
.myth-list details:first-child{border-top:1px solid var(--line-bright)}
.myth-list summary{display:flex;align-items:center;gap:18px;padding:22px 0;min-height:72px;cursor:pointer;list-style:none;font-weight:650}
.myth-list summary::-webkit-details-marker{display:none}
.myth-plus{margin-left:auto;color:var(--amber);font-size:1.5rem;transition:transform .2s}
.myth-list details[open] .myth-plus{transform:rotate(45deg)}
.myth-answer{padding:0 18px 20px 35px}
.myth-answer h3{font-family:var(--sans);font-size:1rem;color:var(--amber);margin-top:0}
.myth-answer p{margin-bottom:0}
.decision-check{display:grid;grid-template-columns:.8fr 1.3fr;gap:clamp(28px,6vw,90px);border-top:1px solid var(--line)}
.decision-fine{font-size:.8rem}
.departure-worksheet{border:1px solid var(--line-bright);border-radius:20px;padding:clamp(20px,3vw,32px);background:var(--ink-raised)}
.departure-worksheet fieldset{padding:0;margin:0;border:0;min-width:0}
.departure-row{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);cursor:pointer;min-height:56px}
.departure-row input{width:19px;height:19px;flex:0 0 19px;margin:4px 0 0}
.departure-feedback{padding:10px 0;font-size:.92rem}
.departure-feedback ul{padding-left:20px;color:var(--muted)}
.departure-feedback li+li{margin-top:10px}
.departure-next-link{display:block;width:fit-content;max-width:100%;padding:10px 0;min-height:44px;color:var(--amber);font-weight:700;text-decoration:underline;text-underline-offset:4px}
.departure-next-link:hover{color:var(--paper)}
.departure-reset{background:none;border:0;padding:10px 0;min-height:44px;cursor:pointer;color:var(--amber)}
@media(max-width:760px){.scenario-panel,.decision-myths,.decision-check{grid-template-columns:1fr}.scenario-response{border-left:0;border-top:1px solid var(--line)}.scenario-context p{max-width:40ch;margin:18px 0}.scenario-controls{gap:7px}.scenario-controls button{padding:10px 14px;font-size:.85rem}.myth-answer{padding-left:0}.home-decisions h2 br{display:none}}
@media(prefers-reduced-motion:reduce){.scenario-controls button,.myth-plus{transition:none}}
/* Foundation pages reuse site colors and readable line lengths. Email is text,
   with wrapping for narrow screens; it deliberately has no link behavior. */
.contact-address{font-weight:800;color:var(--amber);overflow-wrap:anywhere}
.foundation-page .info-copy{max-width:860px}
.foundation-section{margin:34px 0}
.foundation-section h2{font-size:clamp(1.25rem,2.4vw,1.6rem);line-height:1.35;scroll-margin-top:128px}
.foundation-section p{max-width:75ch}
.policy-updated{font-size:.85rem;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:18px}
.foundation-categories{list-style:none;padding:0;display:grid;gap:15px}
.foundation-categories li{border-left:2px solid var(--amber);padding:6px 0 6px 18px}
.foundation-categories a{font-weight:700;color:var(--amber)}
.foundation-categories span{display:block;margin-top:4px}
.contact-topics{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.contact-topics .foundation-section{margin:14px 0;border-left:1px solid var(--line-bright);padding-left:20px}
.image-license-register{border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin-top:20px}
.image-license-register summary{cursor:pointer;color:var(--amber);font-weight:700;min-height:32px}
.image-license-register li{overflow-wrap:anywhere}
@media(max-width:820px){.contact-topics{grid-template-columns:1fr;gap:8px}}
/* Leave space for the floating header and reveal transforms after anchor jumps. */
.article-prose h2[id],.article-prose h3[id]{scroll-margin-top:40px}
@media(max-width:960px){
  .site-header{width:calc(100% - 28px);margin-top:10px;padding:7px 12px}
  .site-header .primary-nav{display:none}
  .site-header .menu-toggle{display:grid;place-items:center}
  /* Keep essential menu layout in the base stylesheet as well as the motion
     layer, so delayed interaction CSS cannot collapse links into inline text. */
  .site-header .mobile-nav{position:absolute;top:calc(100% + 8px);left:0;right:0;border:1px solid var(--line-bright);border-radius:18px;background:#0c1013;padding:0 20px}
  .site-header .mobile-nav-links{display:grid;grid-template-columns:minmax(0,1fr);max-height:calc(100dvh - 112px);overflow-y:auto;overscroll-behavior:contain;padding:6px 0}
  .site-header .mobile-nav-links>a{display:flex;align-items:center;min-height:48px;padding:10px 4px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
  /* Keep the selected destination visible in the collapsed mobile navigation. */
  .site-header .mobile-nav-links>a[aria-current=page]{color:var(--amber)}
  .site-header .mobile-nav-links .nav-search{justify-content:flex-start}
  .page-home .home-hero{--home-nav-overlap:70px}
  .article-layout{display:block}
  .article-rail{position:static;padding-top:30px}
  .article-rail>.rail-card:first-child{display:none}
  /* Contents precede the body in DOM order; expanding never traps focus. */
  .article-contents-mobile{display:block;margin:24px 0 28px;border:1px solid var(--line);border-radius:12px;background:var(--ink-raised)}
  .article-contents-mobile summary{padding:14px 18px;cursor:pointer;color:var(--paper);font-weight:700}
  .article-contents-mobile summary::marker{color:var(--amber)}
  .article-contents-mobile summary:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:8px}
  .article-contents-mobile nav{display:grid;gap:2px;padding:0 12px 12px}
  .article-contents-mobile nav a{padding:10px 6px;min-height:44px;line-height:1.5;color:var(--muted)}
  .article-contents-mobile nav a:hover{color:var(--amber)}
}
@media print{.article-contents-mobile{display:none!important}}
