:root{--primary: #1e6b35;--primary-active: #165428;--primary-disabled: #c8e6d1;--primary-subtle: #e8f5ec;--accent-warm: #d4a853;--accent-warm-light: #f5edd6;--accent-stone: #8a9ba8;--accent-stone-light: #eaeff2;--accent-sky: #e8f0f0;--ink: #1a1a2e;--body: #2d3748;--muted: #5a6a7a;--muted-soft: #8a9ba8;--hairline: #d0d8e0;--hairline-soft: #e2e8ea;--border-strong: #c1c1c1;--canvas: #ffffff;--surface-soft: #f4f6f8;--surface-card: #ffffff;--surface-strong: #f2f2f2;--on-primary: #ffffff;--on-dark: #ffffff;--scrim: rgba(0,0,0,.5);--tag-easy: #2d7d46;--tag-moderate: #d48a2a;--tag-challenging: #b83230;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--display-xl: 700 28px/1.43 var(--font-family);--display-lg: 600 22px/1.2 var(--font-family);--display-md: 700 21px/1.43 var(--font-family);--display-sm: 700 20px/1.25 var(--font-family);--title-md: 700 16px/1.3 var(--font-family);--title-sm: 500 16px/1.25 var(--font-family);--body-md: 400 16px/1.6 var(--font-family);--body-sm: 400 14px/1.6 var(--font-family);--caption: 500 14px/1.29 var(--font-family);--caption-sm: 400 13px/1.23 var(--font-family);--badge: 600 11px/1.18 var(--font-family);--micro-label: 700 12px/1.33 var(--font-family);--button-md: 500 16px/1.25 var(--font-family);--button-sm: 500 14px/1.29 var(--font-family);--nav-link: 600 16px/1.25 var(--font-family);--rounded-sm: 8px;--rounded-md: 14px;--rounded-lg: 20px;--rounded-xl: 32px;--rounded-full: 9999px;--space-xxs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-base: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--space-section: 32px;--shadow-card: 0 0 0 1px rgba(0,0,0,.02), 0 2px 6px rgba(0,0,0,.04), 0 4px 8px rgba(0,0,0,.08);--max-width: 1280px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font:var(--body-md);color:var(--body);background:var(--canvas);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.top-nav a:hover,.site-footer a:hover{text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--rounded-sm)}.main-wrap{min-height:70vh}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-section) 0}.section-title{font:var(--display-md);color:var(--ink);margin-bottom:var(--space-lg)}.section-sub{font:var(--body-sm);color:var(--muted);margin-top:calc(-1 * var(--space-base));margin-bottom:var(--space-xl)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font:var(--button-md);background:var(--primary);color:var(--on-primary);border:none;padding:14px 24px;height:48px;border-radius:var(--rounded-sm);cursor:pointer;transition:background .15s;white-space:nowrap}.btn-primary:hover{background:var(--primary-active)}.btn-primary:active{transform:scale(.98)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;font:var(--button-md);background:var(--canvas);color:var(--ink);border:1px solid var(--hairline);padding:13px 23px;height:48px;border-radius:var(--rounded-sm);cursor:pointer}.btn-secondary:hover{border-color:var(--ink)}.btn-pill{display:inline-flex;align-items:center;gap:var(--space-xs);font:var(--button-sm);background:var(--canvas);color:var(--ink);border:1px solid var(--hairline);padding:10px 20px;border-radius:var(--rounded-full);cursor:pointer}.btn-pill:hover{border-color:var(--ink)}.top-nav{position:sticky;top:0;z-index:100;background:var(--canvas);height:64px;border-bottom:1px solid var(--hairline-soft);display:flex;align-items:center}.top-nav .container{display:flex;align-items:center;justify-content:space-between;width:100%}.nav-logo{font:var(--display-sm);color:var(--primary);letter-spacing:-.3px;display:flex;align-items:center;gap:var(--space-sm)}.nav-logo-icon{width:28px;height:28px;background:var(--primary);border-radius:var(--rounded-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.nav-links{display:flex;gap:var(--space-xl);font:var(--nav-link);color:var(--ink);list-style:none}.nav-links a{position:relative;transition:color .15s;text-decoration:none;padding-bottom:4px}.nav-links a:hover,.nav-links a.current{color:var(--primary)}.nav-links a.current:after{content:"";position:absolute;bottom:-20px;left:0;right:0;height:2px;background:var(--primary);border-radius:1px}.nav-actions{display:flex;gap:var(--space-sm);align-items:center}.nav-hamburger{display:none;background:none;border:none;cursor:pointer;padding:var(--space-sm)}.site-footer{background:var(--canvas);border-top:1px solid var(--hairline-soft);padding:var(--space-xxl) 0 var(--space-xl)}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xxl);padding-bottom:var(--space-xxl);border-bottom:1px solid var(--hairline-soft);margin-bottom:var(--space-xl)}.footer-col h4{font:var(--title-sm);color:var(--ink);margin-bottom:var(--space-base)}.footer-col ul{list-style:none}.footer-col li{margin-bottom:var(--space-sm)}.footer-col a{font:var(--body-sm);color:var(--muted);transition:color .15s}.footer-col a:hover{color:var(--ink)}.legal-band{display:flex;justify-content:space-between;align-items:center;font:var(--caption-sm);color:var(--muted-soft);flex-wrap:wrap;gap:var(--space-sm)}.breadcrumb{padding:var(--space-base) 0 0;font:var(--caption-sm);color:var(--muted-soft);display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center}.page-header{padding:var(--space-xl) 0}@media(max-width:768px){.page-header{padding:var(--space-lg) 0 var(--space-xl)}}.breadcrumb a{color:var(--muted);transition:color .15s}.breadcrumb a:hover{color:var(--primary)}.breadcrumb-sep{color:var(--hairline);margin:0 2px}.route-hero{position:relative;min-height:261px;display:flex;align-items:flex-end;overflow:hidden}.route-hero-img{position:absolute;inset:0;overflow:hidden;background:linear-gradient(135deg,#1a4a2e,#3a7a4a,#4a9e5e)}.route-hero-img img{width:100%;height:100%;object-fit:cover}.route-hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#000000a6,#00000026,#0000000d)}.route-hero-content{position:relative;z-index:1;width:100%;padding:var(--space-xxl) 0}.route-hero-content .container{max-width:var(--max-width)}.route-hero h1{font:700 40px/1.15 var(--font-family);color:var(--on-primary);margin-bottom:var(--space-xs)}.route-hero-lead{font:400 18px/1.5 var(--font-family);color:#ffffffd9;margin-bottom:var(--space-sm)}.route-hero-line{font:var(--body-sm);color:#ffffffb3;margin-bottom:var(--space-base)}.route-hero-badges{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.hero-badge{font:var(--badge);background:#ffffff2e;color:var(--on-primary);padding:4px 12px;border-radius:var(--rounded-full)}.hero-badge-primary{background:var(--primary)}.hero-home{position:relative;min-height:261px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#1a4a2e,#1e6b35,#3a7a5a 60%,#d4a853 110%);background-size:200% 200%;animation:hero-shift 12s ease-in-out infinite alternate}@keyframes hero-shift{0%{background-position:0% 50%}to{background-position:100% 50%}}.hero-home-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 30%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(255,255,255,.06) 0%,transparent 40%),radial-gradient(ellipse at 50% 50%,rgba(0,0,0,.08) 0%,transparent 60%);pointer-events:none}.hero-home-pattern{position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23fff' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hero-home .container{position:relative;z-index:1;width:100%}.hero-home-content{max-width:700px}.hero-home h1{font:700 48px/1.1 var(--font-family);color:var(--on-primary);letter-spacing:-.5px;margin-bottom:var(--space-sm)}.hero-home-subtitle{font:var(--body-md);color:#ffffffd9;margin-bottom:var(--space-xl);max-width:560px;line-height:1.6}.hero-search{display:flex;align-items:center;background:var(--canvas);border-radius:var(--rounded-full);height:64px;box-shadow:0 4px 12px #00000026;padding:0 0 0 var(--space-lg);margin-bottom:var(--space-lg);max-width:680px}.search-field{flex:1;padding:var(--space-sm) var(--space-lg);border-right:1px solid var(--hairline)}.search-field:last-of-type{border-right:none}.search-field label{display:block;font:var(--caption);color:var(--ink)}.search-field span{display:block;font:var(--body-sm);color:var(--muted);margin-top:2px}.search-orb{flex-shrink:0;width:48px;height:48px;background:var(--primary);border-radius:var(--rounded-full);border:none;margin-right:var(--space-sm);cursor:pointer;display:flex;align-items:center;justify-content:center}.search-orb svg{width:20px;height:20px;fill:#fff}.hero-buttons{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.hero-buttons .btn-primary{background:var(--canvas);color:var(--ink);border:1px solid rgba(255,255,255,.2)}.hero-buttons .btn-primary:hover{border-color:var(--canvas)}.quick-filters{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.quick-filters a{display:inline-flex;align-items:center;gap:var(--space-xs);font:var(--button-sm);background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:var(--on-primary);font-size:13px;padding:8px 16px;border-radius:var(--rounded-full);white-space:nowrap;transition:background .15s}.quick-filters a:hover{background:#ffffff40}.hero-home+.section{padding-top:var(--space-xl)}@media(max-width:768px){.hero-home+.section{padding-top:var(--space-lg)}}.hero-search-mobile{display:none!important}@media(max-width:768px){.hero-search{display:none}.hero-search-mobile{display:flex!important;background:var(--canvas);border-radius:var(--rounded-full);height:56px;align-items:center;padding:0 var(--space-base);margin-bottom:var(--space-base);box-shadow:0 4px 12px #00000026}.hero-search-mobile span{flex:1;font:var(--body-sm);color:var(--muted)}}.starting-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-base)}.starting-card{display:block;background:var(--surface-soft);border-radius:var(--rounded-md);padding:var(--space-xl);border:1px solid transparent;transition:box-shadow .2s,transform .2s}.starting-card:hover{box-shadow:var(--shadow-card);border-color:var(--hairline-soft)}.starting-card-icon{width:40px;height:40px;background:var(--primary-subtle);border-radius:var(--rounded-full);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-base);font-size:18px}.starting-card h3{font:var(--title-md);color:var(--ink);margin-bottom:var(--space-xs)}.starting-card p{font:var(--body-sm);color:var(--muted)}.trails-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-base)}.trail-card{display:block;background:var(--surface-card);border-radius:var(--rounded-md);border:1px solid var(--hairline-soft);overflow:hidden;transition:box-shadow .2s,transform .2s}.trail-card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.trail-photo{height:180px;position:relative;overflow:hidden;background:#c8dcc8}.trail-photo img{transition:transform .3s ease}.trail-card:hover .trail-photo img{transform:scale(1.06)}.trail-photo img{width:100%;height:100%;object-fit:cover}.trail-tag{position:absolute;top:var(--space-sm);left:var(--space-sm);background:var(--canvas);font:var(--badge);padding:4px 10px;border-radius:var(--rounded-full);color:var(--ink)}.trail-body{padding:var(--space-base)}.trail-body h3{font:var(--title-md);color:var(--ink);margin-bottom:var(--space-xxs)}.trail-summary{font:var(--body-sm);color:var(--muted);margin-bottom:var(--space-sm)}.trail-meta{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-sm)}.trail-meta-item{font:var(--caption-sm);color:var(--muted);display:flex;align-items:center;gap:4px}.trail-meta-item strong{color:var(--ink);font-weight:600}.trail-difficulty{font:var(--badge);padding:2px 8px;border-radius:var(--rounded-full)}.difficulty-easy{background:#e8f5ec;color:var(--tag-easy)}.difficulty-moderate{background:#fef5e7;color:var(--tag-moderate)}.trail-tags{display:flex;flex-wrap:wrap;gap:4px}.trail-tag-chip{font:400 11px/1.3 var(--font-family);background:var(--surface-soft);padding:3px 8px;border-radius:var(--rounded-full);color:var(--muted)}.chinese-name{font:400 13px/1.3 var(--font-family);color:var(--muted)}.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-base)}.area-card{display:block;position:relative;border-radius:var(--rounded-md);overflow:hidden;height:260px}.area-card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.area-card{transition:box-shadow .2s,transform .2s}.area-card-bg{position:absolute;inset:0;overflow:hidden;background:#c8dcc8}.area-card-bg img{width:100%;height:100%;object-fit:cover}.area-card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.75) 0%,rgba(0,0,0,.4) 40%,rgba(0,0,0,.12) 65%,transparent 100%)}.area-card-content{position:absolute;bottom:0;left:0;right:0;padding:var(--space-xl)}.area-card-content h3{font:var(--display-sm);color:var(--on-primary);margin-bottom:var(--space-xs);text-shadow:0 1px 6px rgba(0,0,0,.5)}.area-card-content .chinese-name-area{font:400 14px/1.3 var(--font-family);color:#ffffffe6;margin-bottom:var(--space-xs);text-shadow:0 1px 4px rgba(0,0,0,.4)}.area-card-content p{font:var(--body-sm);color:#fffc;text-shadow:0 1px 4px rgba(0,0,0,.3)}.car-free-block{background:var(--surface-soft);border-radius:var(--rounded-md);padding:var(--space-xxl);display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl)}.car-free-text h2{font:var(--display-md);color:var(--ink);margin-bottom:var(--space-sm)}.car-free-text p{font:var(--body-md);color:var(--muted);max-width:600px}.latest-list{list-style:none}.latest-item{display:flex;align-items:center;gap:var(--space-base);padding:var(--space-base) 0;border-bottom:1px solid var(--hairline-soft)}.latest-item:last-child{border-bottom:none}.latest-dot{width:8px;height:8px;background:var(--primary);border-radius:var(--rounded-full);flex-shrink:0}.latest-item h4{font:var(--title-md);color:var(--ink)}.latest-item .latest-meta{font:var(--body-sm);color:var(--muted)}.latest-item .latest-date{font:var(--body-sm);color:var(--muted-soft);margin-left:auto;white-space:nowrap}.guides-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-base)}.guide-card{display:block;border-radius:var(--rounded-md);border:1px solid var(--hairline-soft);padding:var(--space-lg);transition:box-shadow .2s,transform .2s}.guide-card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.guide-card-icon{font-size:24px;margin-bottom:var(--space-sm)}.guide-card h3{font:var(--title-md);color:var(--ink);margin-bottom:var(--space-xs)}.guide-card p{font:var(--body-sm);color:var(--muted)}.trust-block{background:var(--surface-soft);border-radius:var(--rounded-md);padding:var(--space-xxl);text-align:center}.trust-block h2{font:var(--display-md);color:var(--ink);margin-bottom:var(--space-sm)}.trust-block p{font:var(--body-md);color:var(--muted);max-width:600px;margin:0 auto var(--space-lg)}.trust-stats{display:flex;justify-content:center;gap:var(--space-xxl);flex-wrap:wrap}.trust-stat{text-align:center}.trust-stat-num{font:700 24px/1.2 var(--font-family);color:var(--primary)}.trust-stat-label{font:var(--caption-sm);color:var(--muted)}.facts-kv-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}.facts-kv-table{width:100%;border-collapse:collapse}.facts-kv-table tr{border-bottom:1px solid var(--hairline-soft)}.facts-kv-table tr:last-child{border-bottom:none}.facts-kv-table td{padding:10px 0;font:var(--body-sm);line-height:1.4;vertical-align:top}.facts-kv-table td:first-child{width:180px;font-weight:600;color:var(--ink);padding-right:var(--space-lg)}.facts-kv-table td:last-child{color:var(--body)}.facts-difficulty[data-level=easy]{color:var(--tag-easy);font-weight:600}.facts-difficulty[data-level=moderate]{color:var(--tag-moderate);font-weight:600}.facts-difficulty[data-level=challenging],.facts-difficulty[data-level=hard]{color:var(--tag-challenging);font-weight:600}.summary-body p{margin-bottom:var(--space-base);line-height:1.7}.summary-body p:last-child{margin-bottom:0}.transport-section{margin-bottom:var(--space-lg)}.transport-section:last-child{margin-bottom:0}.transport-section-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.transport-section-icon{font-size:14px;flex-shrink:0}.transport-section-label{font:600 12px/1.3 var(--font-family);color:var(--muted-soft);text-transform:uppercase;letter-spacing:.5px}.transport-strip-list{display:flex;flex-direction:column;gap:var(--space-sm)}.transport-strip{display:flex;align-items:flex-start;gap:var(--space-base);padding:var(--space-base) var(--space-lg);background:var(--surface-soft);border-radius:var(--rounded-sm);border-left:3px solid var(--hairline);transition:background .15s}.transport-strip-recommended{border-left-color:var(--primary)}.transport-strip-return{border-left-color:var(--accent-warm)}.transport-strip-not-recommended{border-left-color:#d0a0a0}.transport-strip-icon{flex-shrink:0;width:36px;height:36px;border-radius:var(--rounded-full);display:flex;align-items:center;justify-content:center;font-size:16px;background:var(--canvas);margin-top:1px}.transport-strip-recommended .transport-strip-icon{background:var(--primary-subtle)}.transport-strip-return .transport-strip-icon{background:#f5edd6}.transport-strip-body{flex:1;min-width:0}.transport-strip-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:3px;flex-wrap:wrap}.transport-strip-header h3{font:600 14px/1.3 var(--font-family);color:var(--ink)}.transport-strip-tag{font:600 9px/1.3 var(--font-family);letter-spacing:.3px;text-transform:uppercase;padding:2px 8px;border-radius:var(--rounded-full)}.transport-strip-tag-recommended{background:var(--primary);color:#fff}.transport-strip-tag-return{background:var(--accent-warm);color:var(--ink)}.transport-strip-tag-not-recommended{background:#fef2f2;color:#b83230}.transport-strip-stats{display:flex;gap:var(--space-base);font:400 12px/1.3 var(--font-family);color:var(--muted);margin-bottom:2px}.transport-strip-stats strong{color:var(--ink);font-weight:600}.transport-strip-body p{font:400 13px/1.55 var(--font-family);color:var(--body)}.transport-chinese-block{background:var(--surface-soft);border-radius:var(--rounded-sm);padding:var(--space-base) var(--space-lg)}.transport-chinese-block p{font:400 13px/1.55 var(--font-family);color:var(--body);line-height:1.6}.route-steps{counter-reset:step}.route-step{display:flex;gap:var(--space-lg);padding:var(--space-lg) 0;border-bottom:1px solid var(--hairline-soft)}.route-step:last-child{border-bottom:none}.route-step-num{flex-shrink:0;width:40px;height:40px;background:var(--primary-subtle);color:var(--primary);border-radius:var(--rounded-full);display:flex;align-items:center;justify-content:center;font:700 16px/1 var(--font-family)}.route-step-body{flex:1;min-width:0}.route-step-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-sm);gap:var(--space-sm)}.route-step-header h3{font:var(--title-md);color:var(--ink)}.route-step-time{font:var(--caption-sm);color:var(--muted-soft);background:var(--surface-soft);padding:2px 10px;border-radius:var(--rounded-full)}.route-step-body p{font:var(--body-sm);color:var(--body);line-height:1.7;margin-bottom:var(--space-sm)}.route-step-body p:last-child{margin-bottom:0}.route-step-caution{background:#fff8e1;border-left:3px solid #f59e0b;padding:var(--space-sm) var(--space-base);border-radius:0 var(--rounded-sm) var(--rounded-sm) 0;font:var(--body-sm);margin-top:var(--space-sm);color:#92400e}.route-step-photo-note{font:var(--caption-sm);color:var(--muted-soft);margin-top:var(--space-sm);font-style:italic}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-base)}.photo-card{border-radius:var(--rounded-md);overflow:hidden;border:1px solid var(--hairline-soft)}.photo-card-img{aspect-ratio:4 / 3;background:#c8dcc8;overflow:hidden}.photo-card-img img{width:100%;height:100%;object-fit:cover}.photo-card-caption{padding:var(--space-sm) var(--space-base);font:var(--caption-sm);color:var(--muted);background:var(--canvas)}.practical-categorized{display:flex;flex-direction:column;gap:var(--space-xl)}.practical-category-group{display:flex;flex-direction:column;gap:var(--space-md)}.practical-category-header{display:flex;align-items:center;gap:var(--space-sm)}.practical-category-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:15px}.practical-category-label{font:600 12px/1.3 var(--font-family);color:var(--muted-soft);text-transform:uppercase;letter-spacing:.5px}.practical-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.practical-cat-card{display:flex;border:1px solid var(--hairline-soft);border-radius:var(--rounded-sm);overflow:hidden;background:var(--canvas);transition:box-shadow .15s}.practical-cat-card:hover{box-shadow:var(--shadow-card)}.practical-cat-card-accent{flex-shrink:0;width:4px;background:var(--muted-soft)}.practical-essentials .practical-cat-card-accent{background:var(--primary)}.practical-logistics .practical-cat-card-accent{background:#6b9fd4}.practical-comfort .practical-cat-card-accent{background:var(--accent-warm)}.practical-cat-card-body{flex:1;min-width:0;padding:var(--space-base)}.practical-cat-card-body h3{font:600 13px/1.3 var(--font-family);color:var(--ink);margin-bottom:4px}.practical-cat-card-body p{font:400 12.5px/1.55 var(--font-family);color:var(--body)}.practical-other{padding-top:var(--space-sm)}.practical-other .practical-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.practical-other .practical-card{background:var(--surface-soft);border-radius:var(--rounded-md);padding:var(--space-lg)}.practical-other .practical-card h3{font:var(--title-md);color:var(--ink);margin-bottom:var(--space-xs)}.practical-other .practical-card p{font:var(--body-sm);color:var(--body);line-height:1.6}@media(max-width:860px){.practical-category-grid{grid-template-columns:1fr}}@media(max-width:768px){.practical-other .practical-grid{grid-template-columns:1fr}}.safety-list{list-style:none}.safety-list li{font:var(--body-sm);color:var(--body);padding:var(--space-sm) 0;padding-left:var(--space-lg);position:relative;line-height:1.6;border-bottom:1px solid var(--hairline-soft)}.safety-list li:last-child{border-bottom:none}.safety-list li:before{content:"!";position:absolute;left:0;width:18px;height:18px;background:#fef5e7;color:#e67e22;border-radius:var(--rounded-full);display:flex;align-items:center;justify-content:center;font:700 11px/1 var(--font-family);top:10px}.season-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-base)}.season-card{border-radius:var(--rounded-md);border:1px solid var(--hairline-soft);padding:var(--space-lg);text-align:center}.season-icon{font-size:28px;margin-bottom:var(--space-sm)}.season-card h3{font:var(--title-md);color:var(--ink);margin-bottom:var(--space-xs)}.season-card p{font:var(--body-sm);color:var(--body);line-height:1.6}.season-good{border-color:var(--primary);background:var(--primary-subtle)}.season-list{display:flex;flex-direction:column;gap:var(--space-sm)}.season-item{display:flex;align-items:flex-start;gap:var(--space-base);padding:var(--space-base) var(--space-lg);background:var(--surface-soft);border-radius:var(--rounded-sm);border-left:3px solid var(--hairline);transition:background .15s}.season-item-recommended{border-left-color:var(--primary)}.season-item-icon{flex-shrink:0;width:36px;height:36px;border-radius:var(--rounded-full);display:flex;align-items:center;justify-content:center;font-size:16px;background:var(--canvas);margin-top:2px}.season-item-recommended .season-item-icon{background:var(--primary-subtle)}.season-item-body{flex:1;min-width:0}.season-item-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:3px}.season-item-header h3{font:600 14px/1.3 var(--font-family);color:var(--ink)}.season-item-tag{font:600 9px/1.3 var(--font-family);letter-spacing:.3px;text-transform:uppercase;padding:2px 8px;border-radius:var(--rounded-full);background:var(--primary);color:#fff}.season-item-body p{font:400 13px/1.55 var(--font-family);color:var(--body)}.faq-list{list-style:none}.faq-item{border-bottom:1px solid var(--hairline-soft)}.faq-item details{padding:var(--space-lg) 0}.faq-item:last-child{border-bottom:none}.faq-item summary{font:var(--title-md);color:var(--ink);cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font:400 18px/1 var(--font-family);color:var(--muted);transition:transform .2s}.faq-item details[open] summary:after{content:"–"}.faq-a{font:var(--body-sm);color:var(--body);line-height:1.7;margin-top:var(--space-sm)}.nearby-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-base)}.nearby-card{display:block;background:var(--surface-card);border-radius:var(--rounded-md);border:1px solid var(--hairline-soft);padding:var(--space-lg);transition:box-shadow .2s,transform .2s}.nearby-card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.nearby-card h3{font:var(--title-md);color:var(--ink);margin-bottom:var(--space-xs)}.nearby-card p{font:var(--body-sm);color:var(--muted);margin-bottom:var(--space-sm);line-height:1.5}.nearby-tags{display:flex;flex-wrap:wrap;gap:4px}.nearby-tag{font:400 11px/1.3 var(--font-family);background:var(--surface-soft);padding:3px 8px;border-radius:var(--rounded-full);color:var(--muted)}.update-block{background:var(--surface-soft);border-radius:var(--rounded-md);padding:var(--space-lg)}.update-block p{font:var(--body-sm);color:var(--muted);line-height:1.6}.update-meta{display:flex;flex-wrap:wrap;gap:var(--space-lg);margin-top:var(--space-base)}.update-meta-item{font:var(--caption-sm);color:var(--muted-soft)}.update-meta-item strong{color:var(--muted);font-weight:600}.nav-toggle{display:none}.nav-overlay{position:fixed;inset:0;background:#00000073;z-index:90;opacity:0;pointer-events:none;transition:opacity .25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nav-panel{position:fixed;top:0;left:0;width:300px;max-width:85vw;height:100dvh;background:var(--canvas);z-index:100;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding:var(--space-xl);box-shadow:var(--shadow-card);overflow-y:auto;border-radius:0 var(--rounded-lg) var(--rounded-lg) 0}#nav-toggle:checked~.nav-panel{transform:translate(0)}#nav-toggle:checked~.nav-overlay{opacity:1;pointer-events:auto}@keyframes navLinkIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.nav-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xxl);padding-bottom:var(--space-base);border-bottom:1px solid var(--hairline-soft)}.nav-panel-brand{font:var(--display-lg);color:var(--primary);letter-spacing:-.3px;display:flex;align-items:center;gap:var(--space-sm);text-decoration:none}.nav-panel-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;background:var(--surface-soft);border-radius:var(--rounded-full);cursor:pointer;color:var(--ink);transition:background .15s;flex-shrink:0}.nav-panel-close:hover{background:var(--hairline-soft)}.nav-panel-links{list-style:none;display:flex;flex-direction:column;gap:var(--space-xs);flex:1}#nav-toggle:checked~.nav-panel .nav-panel-links li{animation:navLinkIn .25s ease backwards}.nav-panel-links a{display:flex;align-items:center;min-height:44px;padding:0 var(--space-base);font:var(--nav-link);color:var(--ink);border-radius:var(--rounded-sm);border-left:3px solid transparent;transition:background .15s,border-color .15s,color .15s}.nav-panel-links a:hover{background:var(--surface-soft)}.nav-panel-links a.active{border-left:3px solid var(--primary);padding-left:calc(var(--space-base) - 3px);background:var(--primary-subtle);color:var(--primary)}.nav-panel-cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;height:48px;margin-top:var(--space-lg);font:var(--button-md);background:var(--primary);color:var(--on-primary);border-radius:var(--rounded-sm);text-decoration:none;transition:background .15s}.nav-panel-cta:hover{background:var(--primary-active)}.nav-panel-cta:active{transform:scale(.98)}.cta-arrow{font-size:1.2em;line-height:1}@media(hover:hover){.nav-panel-close:hover{background:var(--hairline-soft)}.nav-panel-links a:hover{background:var(--surface-soft)}.nav-panel-cta:hover{background:var(--primary-active)}}.section-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm)}.section-header>.section-title{margin-bottom:0}.more-link{font:var(--caption);color:var(--muted-soft);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-xs);transition:color .15s;white-space:nowrap}.more-link:hover{color:var(--primary)}.more-link-arrow{display:inline-block;transition:transform .15s}.more-link:hover .more-link-arrow{transform:translate(3px)}@media(max-width:1024px){.starting-grid,.trails-grid,.guides-grid{grid-template-columns:repeat(2,1fr)}.facts-kv-grid{grid-template-columns:1fr;gap:var(--space-base)}.facts-kv-table td:first-child{width:140px}.practical-other .practical-grid{grid-template-columns:repeat(2,1fr)}.practical-category-grid{grid-template-columns:1fr}.season-grid,.nearby-grid,.photo-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.section{padding:var(--space-xxl) 0}.hero-home{min-height:auto;padding:var(--space-xxl) 0}.hero-home h1{font:700 32px/1.15 var(--font-family)}.hero-home-subtitle{font-size:15px}.hero-buttons{flex-direction:column}.hero-buttons .btn-primary{justify-content:center}.nav-links{display:none}.nav-hamburger{display:block}.starting-grid,.trails-grid,.area-grid{grid-template-columns:1fr}.area-card{height:200px}.car-free-block{flex-direction:column;text-align:center}.car-free-text p{margin:0 auto}.guides-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:var(--space-xl)}.legal-band{flex-direction:column;text-align:center}.trust-stats{gap:var(--space-lg)}.route-hero{min-height:200px}.route-hero h1{font:700 26px/1.2 var(--font-family)}.route-hero-lead{font-size:16px}.facts-kv-table td{padding:8px 0;font-size:13px}.facts-kv-table td:first-child{width:120px}.photo-grid,.practical-other .practical-grid{grid-template-columns:1fr}.season-grid{grid-template-columns:repeat(2,1fr)}.nearby-grid{grid-template-columns:1fr}.route-step{gap:var(--space-base)}}@media(max-width:480px){.container{padding:0 var(--space-base)}.hero-home h1{font:700 26px/1.2 var(--font-family)}.quick-filters a{font-size:12px;padding:6px 12px}.facts-kv-table td:first-child{width:100px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}