:root{--background:#F8F7F3;--paper:#FFFDF8;--surface:#fff;--surface-soft:#F1F1EA;--graphite:#272E33;--graphite-deep:#1E2529;--graphite-soft:#48545B;--moss:#526A47;--moss-deep:#385035;--moss-soft:#E9EFE5;--coral:#BD5944;--coral-deep:#963F2C;--coral-soft:#F8E8E2;--sand:#E2CDAC;--sand-soft:#F8F1E6;--blue:#5B8194;--blue-soft:#EAF2F5;--sage:#8DAA92;--sage-soft:#EFF5EF;--title:#263138;--body:#45525B;--muted:#65717A;--border:#E0E3DC;--divider:#EBEDE7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--body);font:16px/1.75 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}a:hover{color:var(--coral-deep)}button{cursor:pointer}img{width:100%;height:100%;object-fit:cover;display:block}h1,h2,h3,p{margin:0 0 16px}h1,h2,h3{color:var(--title);line-height:1.28;letter-spacing:-.025em}h1{font-size:clamp(30px,4vw,48px)}h2{font-size:clamp(23px,2.5vw,30px)}h3{font-size:21px}p{max-width:78ch}.container{width:min(1320px,calc(100% - 64px));margin-inline:auto}.section{padding-block:72px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.section-heading p{max-width:340px}.eyebrow{display:inline-block;color:var(--moss-deep);letter-spacing:.13em;font-size:12px;font-weight:800;text-transform:uppercase;margin-bottom:13px}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:500}.skip:focus{top:0}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.site-header{border-bottom:1px solid var(--divider);background:rgba(248,247,243,.98);position:sticky;top:0;z-index:50}.header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:10px;color:var(--graphite)}.brand-mark{height:45px;width:45px;background:var(--graphite);color:#fff;display:grid;place-items:center;border-radius:12px;font-size:22px;font-weight:900;letter-spacing:-.08em}.brand-mark span{color:#F2AB84}.brand strong{font-size:21px}.brand small{font-size:11px;color:var(--muted);padding-left:8px;border-left:1px solid var(--border)}.desktop-nav{display:flex;gap:34px;font-weight:700;font-size:14px}.header-actions{display:flex;gap:15px;align-items:center}.search-icon{font-size:30px;font-weight:600}.menu-toggle,.menu-close{background:none;border:0;font-size:22px;color:var(--title)}.menu-toggle{display:none}.menu-backdrop{position:fixed;inset:0;background:#17202780;z-index:75}.mobile-menu{position:fixed;z-index:76;right:0;top:0;bottom:0;width:min(330px,88vw);background:var(--paper);padding:25px;display:flex;flex-direction:column;gap:13px;box-shadow:-10px 0 40px #0002;transform:translateX(105%);visibility:hidden;transition:transform .25s,visibility .25s}.mobile-menu.open{transform:translateX(0);visibility:visible}.mobile-menu a{padding:12px;border-bottom:1px solid var(--divider)}.bottom-nav{display:none}.hero{padding-block:65px 55px;display:grid;grid-template-columns:1fr 1.03fr;gap:36px;align-items:stretch}.hero-copy{background:var(--graphite);padding:clamp(28px,5vw,70px);border-radius:22px;color:#E8EEEC;display:flex;flex-direction:column;align-items:start;justify-content:center;min-height:390px}.hero-copy .eyebrow{color:#C6DDB8}.hero-copy h1{color:white;font-size:clamp(38px,5vw,70px);line-height:1.12}.hero-copy h1 em{color:#BDCCB7;font-style:normal}.hero-copy p{color:#EBEFEB;max-width:450px}.button{display:inline-block;background:var(--coral);color:white!important;font-weight:800;padding:12px 22px;border-radius:50px;margin-top:22px}.hero-visual,.visual,.article-visual{min-height:190px;border-radius:16px;overflow:hidden;background:linear-gradient(130deg,#E9EFE5 0%,#F8E8E2 65%,#EAF2F5);display:grid;place-items:center}.hero-visual{min-height:390px;border-radius:22px;background:linear-gradient(135deg,#D1DDC6,#D9C7B2 55%,#9CAEB2)}.visual-fallback{font-size:100px;opacity:.2;color:var(--moss);line-height:1}.district-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.district-card{background:white;padding:24px;border:1px solid var(--border);border-top:4px solid var(--accent);border-radius:12px;min-height:205px;display:flex;flex-direction:column;gap:9px}.district-no,.mini-id{font-size:12px;letter-spacing:.12em;font-weight:800;color:var(--accent,var(--moss))}.district-card strong{font-size:20px;color:var(--title)}.district-card p{font-size:13px;line-height:1.65;margin:0;flex:1}.district-card>span:last-child{font-size:13px;font-weight:750}.split-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:45px}.feature-tile{background:var(--paper);border:1px solid var(--border);padding:18px;border-radius:18px}.feature-tile .visual{aspect-ratio:16/9;margin-bottom:22px}.feature-tile h3,.feature-tile p,.feature-tile>a,.feature-tile>.eyebrow{margin-left:12px;margin-right:12px}.feature-tile>a,.text-link{font-weight:800;color:var(--coral-deep)}.topic-list{border-top:1px solid var(--border)}.topic-row{display:grid;grid-template-columns:45px 1fr 22px;align-items:start;gap:14px;padding:17px 6px;border-bottom:1px solid var(--border)}.topic-row strong{display:block;color:var(--title);font-size:17px;line-height:1.4}.topic-row small{display:block;color:var(--muted);font-size:13px;line-height:1.6;margin-top:5px}.arrow{color:var(--coral);font-size:20px}.band{background:var(--moss-soft)}.band.soft{background:var(--sand-soft)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps>div{border-top:2px solid var(--moss);padding-top:20px}.steps b{font-size:27px;color:var(--moss)}.steps h3{margin-top:18px}.comparison,.dual-voices{display:grid;grid-template-columns:1fr 1fr;gap:16px}.comparison>div,.dual-voices>article{padding:40px;background:white;border:1px solid var(--border);border-radius:15px}.comparison>div:last-child{background:var(--graphite);color:#E8E9E7}.comparison>div:last-child h3{color:white}.comparison>div:last-child a{color:#C7E0BB}.tag{display:inline-block;background:var(--moss-soft);color:var(--moss-deep);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800;margin-right:7px;margin-bottom:10px}.editorial-feature{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}.editorial-feature .visual{aspect-ratio:16/9;min-height:300px}.editorial-feature h3{font-size:30px}.stage-panel{display:grid;grid-template-columns:.7fr 1.3fr;gap:32px;align-items:start}.stage-panel .visual{min-height:420px}.stage-panel .topic-row{padding-block:10px}.sticker-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sticker-wall a{background:#F8E8E2;padding:26px;border-radius:12px;min-height:115px;display:flex;flex-direction:column;justify-content:space-between}.sticker-wall a:nth-child(3n+2){background:#EAF2F5}.sticker-wall a:nth-child(3n){background:#E9EFE5}.sticker-wall a span{font-weight:750;color:var(--title)}.sticker-wall small{color:var(--muted)}.gallery-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-strip .visual{aspect-ratio:3/2;margin-bottom:14px}.gallery-strip strong{display:block;font-size:18px;color:var(--title)}.gallery-strip a>span{font-size:13px;color:var(--moss)}.dual-voices article:first-child{border-left:5px solid var(--blue)}.dual-voices article:last-child{border-left:5px solid var(--coral)}.dual-voices span{font-size:12px;color:var(--muted);font-weight:800}.trail-cards,.routes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.trail-cards>a,.routes-grid>a{background:var(--paper);padding:30px;border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;align-items:start}.trail-cards p,.routes-grid p{flex:1}.trail-cards b{color:var(--coral)}.quick-links{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.quick-links a{background:var(--graphite);color:white!important;padding:22px 15px;border-radius:10px;text-align:center;font-weight:800}.final-note{text-align:center;border-top:1px solid var(--border)}.final-note p{margin-inline:auto}.footer{background:var(--graphite-deep);color:#DBE2E0;padding:46px 0 20px}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-brand{font-size:22px}.footer-grid>div:last-child{display:flex;gap:25px;flex-wrap:wrap}.footer-bottom{border-top:1px solid #455158;padding-top:20px;margin-top:32px;font-size:12px}.page-intro{padding:10px 0 32px;border-bottom:1px solid var(--border);margin-bottom:38px}.page-intro p{font-size:17px}.filter{display:flex;gap:12px;align-items:center;margin-bottom:30px}.filter select,.search-controls select,.search-controls input{background:white;border:1px solid var(--border);padding:12px 15px;border-radius:9px;color:var(--title);max-width:100%}.filter button,.search-controls button{border:0;background:var(--moss-deep);color:white;padding:12px 24px;border-radius:9px;font-weight:750}.feed-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:50px}.feed-entry{display:grid;grid-template-columns:66px 1fr;gap:18px;border-bottom:1px solid var(--border);padding:25px 0}.feed-entry h2{font-size:21px}.feed-entry small{font-size:13px;color:var(--muted)}.feed-index{font-size:35px;font-weight:900;color:#B7C4B1}.aside,.reading-aside{background:var(--paper);border:1px solid var(--border);padding:25px;border-radius:12px;align-self:start;position:sticky;top:95px}.aside p{padding-bottom:10px;border-bottom:1px solid var(--border)}.aside a{color:var(--coral-deep);font-weight:800}.pager{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.pager a{border:1px solid var(--border);background:white;border-radius:7px;min-width:44px;min-height:44px;display:grid;place-items:center}.pager a[aria-current]{color:white;background:var(--graphite)}.district-layout{display:grid;grid-template-columns:265px minmax(0,1fr);gap:40px}.district-sidebar{position:sticky;top:95px;align-self:start}.district-sidebar h2{font-size:21px}.district-sidebar a{display:flex;justify-content:space-between;padding:12px 10px;border-bottom:1px solid var(--border);font-size:14px}.district-sidebar .active{background:var(--moss-soft);color:var(--moss-deep);font-weight:800}.district-overview{padding:22px 28px;background:var(--moss-soft);border-radius:12px;margin-bottom:28px}.text-feature{background:var(--sand-soft);padding:25px;border-radius:14px;margin-top:35px}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:30px}.reading-layout{display:grid;grid-template-columns:minmax(0,800px) 250px;gap:60px;align-items:start;justify-content:space-between}.reading-article h1{font-size:clamp(28px,3.2vw,43px)}.article-meta{margin:20px 0}.lead{font-size:19px;color:var(--graphite-soft);line-height:1.85}.article-visual{aspect-ratio:16/9;margin:32px 0}.article-body h2{font-size:25px;border-left:4px solid var(--moss);padding-left:15px;margin-top:36px}.article-body p{font-size:17px;line-height:1.9}.source-box{background:var(--blue-soft);padding:25px;border-radius:14px;margin-top:40px}.source-box h2,.discussion h2{font-size:21px}.discussion{margin-top:35px}.discussion li{padding:8px 0}.reading-aside a{display:block;border-bottom:1px solid var(--divider);padding:12px 0;font-size:14px}.route-no{display:block;font-size:42px;font-weight:900;color:var(--moss)}.routes-grid{grid-template-columns:repeat(2,1fr)}.routes-grid a{min-height:260px}.routes-grid a>span:last-child{color:var(--coral-deep);font-weight:800}.trail-intro{font-size:17px;background:var(--moss-soft);padding:30px;border-radius:15px;margin:35px 0;line-height:1.9}.timeline{border-left:3px solid var(--moss);margin-left:28px}.timeline-node{display:grid;grid-template-columns:70px 1fr;gap:15px;margin:30px 0;position:relative;left:-24px}.timeline-node>span{width:48px;height:48px;background:var(--graphite);color:white;display:grid;place-items:center;border-radius:50%;font-weight:900}.timeline-node>div{background:white;border:1px solid var(--border);border-radius:14px;padding:28px}.timeline-node small{color:var(--muted)}.timeline-node a:last-child{color:var(--coral-deep);font-weight:800}.search-form{margin-bottom:40px}.search-form label{display:block;font-weight:800;margin-bottom:12px}.search-controls{display:flex;gap:10px}.search-controls input{flex:1;min-width:0}.empty-results{border:1px dashed var(--border);padding:50px 30px;text-align:center;background:white}.empty-results p{margin-inline:auto}.results-count{font-size:21px}.search-results a{display:block;background:white;border-bottom:1px solid var(--border);padding:24px}.search-results h3{margin-bottom:6px}.search-results a>span:last-child{color:var(--moss);font-weight:800}.about-grid{display:grid;grid-template-columns:230px minmax(0,850px);gap:50px}.about-index{display:flex;flex-direction:column;gap:8px;align-self:start;position:sticky;top:95px}.about-index a{background:var(--paper);padding:11px;border:1px solid var(--border);border-radius:8px}.about-content section{border-bottom:1px solid var(--border);padding:0 0 30px;margin-bottom:35px;scroll-margin-top:100px}.about-content h3{margin-top:18px}.about-content p{line-height:1.9}@media(max-width:1050px){.container{width:calc(100% - 44px)}.district-grid{grid-template-columns:repeat(2,1fr)}.reading-layout{grid-template-columns:minmax(0,1fr)}.reading-aside{display:none}.desktop-nav{gap:15px}.brand small{display:none}.stage-panel{grid-template-columns:1fr 1fr}.quick-links{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){body{font-size:15px}.container{width:calc(100% - 34px)}.section{padding-block:45px}.section-heading{align-items:start;flex-direction:column;gap:3px}.header-inner{min-height:65px}.desktop-nav{display:none}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-block:20px;gap:12px}.hero-copy{min-height:290px;padding:28px}.hero-copy h1{font-size:39px}.hero-visual{min-height:240px}.district-grid{grid-template-columns:repeat(2,1fr);gap:9px}.district-card{padding:15px;min-height:180px}.district-card strong{font-size:16px}.split-layout,.editorial-feature,.stage-panel,.comparison,.dual-voices,.feed-layout,.district-layout,.about-grid{grid-template-columns:1fr;gap:18px}.district-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.district-sidebar h2{grid-column:1/-1}.district-sidebar a{font-size:12px;padding:10px 6px}.district-sidebar b{display:none}.aside,.about-index{position:static}.aside{display:none}.steps{grid-template-columns:1fr;gap:12px}.steps>div{padding:12px 0}.stage-panel .visual{min-height:230px}.sticker-wall,.gallery-strip,.trail-cards,.routes-grid{grid-template-columns:1fr}.sticker-wall a{min-height:100px}.gallery-strip{gap:27px}.quick-links{grid-template-columns:repeat(2,1fr)}.footer-grid{flex-direction:column}.footer{padding-bottom:90px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;justify-content:space-around;background:var(--paper);border-top:1px solid var(--border);padding:6px 0 max(6px,env(safe-area-inset-bottom))}.bottom-nav a{display:flex;flex-direction:column;align-items:center;font-size:19px;line-height:1.3;min-width:60px}.bottom-nav span{font-size:11px}.filter{align-items:stretch;flex-wrap:wrap}.filter label{width:100%}.search-controls{flex-direction:column}.page-intro{margin-bottom:24px}.feed-entry{grid-template-columns:40px 1fr}.feed-index{font-size:24px}.topic-row{grid-template-columns:30px 1fr 15px;gap:8px}.article-body p{font-size:16px}.timeline-node{grid-template-columns:50px 1fr;gap:7px}.timeline-node>div{padding:16px}.timeline-node>span{width:42px;height:42px}.comparison>div,.dual-voices>article{padding:24px}}@media(max-width:360px){.district-grid{grid-template-columns:1fr}.brand strong{font-size:18px}.hero-copy h1{font-size:33px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
