:root{--ink:#202821;--field:#173f32;--leaf:#2e684f;--paper:#f7f1dd;--chalk:#fffaf0;--survey:#f3c74f;--line:#a8aa91}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","PingFang SC",Arial,sans-serif}a{color:inherit;text-decoration:none}.site-head{height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(247,241,221,.94);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px}.brand-stamp{width:42px;height:42px;display:grid;place-items:center;background:var(--field);color:var(--survey);font-weight:900}.brand b{font-size:19px}.brand small{display:block;font:10px/1.3 monospace;letter-spacing:2px;color:#657063}.site-head nav,footer nav{display:flex;gap:26px;font-size:13px;font-weight:700}.menu{display:none}.hero{min-height:720px;display:grid;grid-template-columns:55% 45%;border-bottom:1px solid var(--line)}.map-panel{min-height:720px;background:var(--field);position:relative;overflow:hidden}.map-panel img{width:100%;height:100%;object-fit:cover}.map-key{position:absolute;bottom:24px;left:24px;right:24px;background:var(--chalk);padding:16px 20px;display:flex;justify-content:space-between;font:12px monospace}.hero-copy{padding:72px 5vw 60px;display:flex;flex-direction:column;justify-content:center}.eyebrow,.page-title>p{font:700 11px monospace;letter-spacing:2.4px;color:#806718}.hero h1{font-size:clamp(68px,8vw,118px);line-height:.78;letter-spacing:-.075em;margin:38px 0 36px}.hero h1 span{display:block;font-size:.36em;letter-spacing:.08em;margin-top:26px;color:var(--leaf)}.hero h2{font-size:clamp(30px,4vw,52px);line-height:1.12;margin:0 0 20px}.hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.85;color:#535c50}.hero-actions{display:flex;gap:10px;margin-top:28px}.hero-actions a,.section-link{display:inline-block;padding:13px 16px;border:1px solid var(--field);font-weight:800}.hero-actions a:first-child{background:var(--field);color:var(--chalk)}.signal-strip{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.signal-strip div{padding:28px 4vw;border-right:1px solid var(--line)}.signal-strip span,.name-card span,.plot span,.comparison span,.layer-grid span,.route-steps span{font:11px monospace;color:#806718}.signal-strip b{display:block;font-size:20px;margin:9px 0}.signal-strip p,.name-card p,.plot p{line-height:1.6;color:#61695f}.spelling-grid,.device-plots{padding:90px 7vw;display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:0}.spelling-grid header,.device-plots header{grid-column:1/-1;max-width:900px}.spelling-grid h2,.route-board h2,.device-plots h2,.manuals h2,.faq h2{font-size:clamp(38px,5vw,68px);line-height:1.05;letter-spacing:-.04em;margin:14px 0 45px}.name-card,.plot{padding:30px;border:1px solid var(--line);border-right:0;min-height:210px}.name-card:last-of-type,.plot:nth-of-type(4){border-right:1px solid var(--line)}.name-card.primary{background:var(--survey)}.name-card b{display:block;font-size:40px;margin:22px 0}.spelling-grid .section-link,.device-plots .section-link{grid-column:1/-1;justify-self:start;margin-top:24px}.route-board{padding:90px 7vw;background:var(--field);color:var(--chalk);display:grid;grid-template-columns:36% 64%;gap:60px}.route-intro p{line-height:1.8;color:#c3d0c5}.route-board ol{list-style:none;margin:0;padding:0}.route-board li{display:grid;grid-template-columns:64px 1fr;gap:24px;padding:25px 0;border-top:1px solid #537262}.route-board li i{font:700 24px monospace;color:var(--survey);font-style:normal}.route-board li b{font-size:24px}.route-board li p{color:#c3d0c5;line-height:1.7}.route-board .section-link{grid-column:2;border-color:var(--survey);color:var(--survey);justify-self:start}.device-plots{grid-template-columns:repeat(4,1fr)}.device-plots .plot b{display:block;font-size:23px;margin:16px 0}.manuals,.faq{padding:90px 7vw}.manuals{background:#fffaf0}.dispatch-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:3px solid var(--field)}.dispatch-card{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.dispatch-card time{font:11px monospace;color:#806718}.dispatch-card h3{font-size:24px;line-height:1.35}.dispatch-card p{line-height:1.7;color:#5f685c}.dispatch-card span{font-weight:800;color:var(--leaf)}.faq{display:grid;grid-template-columns:38% 62%;gap:60px}.faq header{grid-row:1/6}.faq details{grid-column:2;padding:22px 0;border-top:1px solid var(--line)}.faq summary{font-size:18px;font-weight:800;cursor:pointer}.faq details p{line-height:1.8;color:#596257}.page-main{width:min(1120px,calc(100% - 48px));margin:auto;padding:48px 0 110px}.crumb{display:flex;gap:10px;font:11px monospace;color:#697165;margin-bottom:68px}.page-title{max-width:900px;border-left:12px solid var(--survey);padding-left:28px;margin-bottom:70px}.page-title h1,.field-article h1{font-size:clamp(44px,7vw,80px);line-height:1.04;letter-spacing:-.045em;margin:12px 0 20px}.page-title>span,.field-article header p{font-size:19px;line-height:1.8;color:#586157}.comparison,.layer-grid,.about-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:2px solid var(--field)}.comparison article,.layer-grid article,.about-grid article{padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.comparison h2{font-size:54px;margin:15px 0}.comparison p,.layer-grid p,.about-grid p{line-height:1.8;color:#586157}.comparison .selected{background:var(--survey)}.check-list{margin:70px 0}.check-list ol,.route-steps{list-style:none;padding:0}.check-list li{display:grid;grid-template-columns:140px 1fr;padding:24px 0;border-top:1px solid var(--line)}.check-list b{font-size:22px}.check-list p{margin:0;line-height:1.8}.boundary,.record-box,.source-note{margin:55px 0;padding:28px;border-left:7px solid var(--survey);background:#e8e5ce;line-height:1.8}.boundary a{font-weight:800;color:var(--leaf)}.route-steps li{display:grid;grid-template-columns:120px 1fr;padding:34px 0;border-top:1px solid var(--line)}.route-steps h2{margin:0;font-size:30px}.route-steps p{line-height:1.8;color:#586157}.layer-grid h2{font-size:28px}.field-article{max-width:850px;margin:auto}.field-article header{border-top:8px solid var(--field);padding:42px 0}.field-article time{font:12px monospace;color:#806718}.article-body{font-family:"Noto Serif SC","Songti SC",serif;font-size:18px;line-height:2}.article-body .lead{font-size:23px;color:#254839}.article-body h2{font-family:"Noto Sans SC",sans-serif;font-size:31px;line-height:1.35;margin-top:55px}.source-note{font-size:16px}.article-links{display:flex;gap:12px;margin-top:45px;padding-top:25px;border-top:1px solid var(--line)}.article-links a{font-family:"Noto Sans SC",sans-serif;font-weight:800;color:var(--leaf)}footer{padding:50px 5vw;background:#1e2d25;color:#eef1e5;display:grid;grid-template-columns:1fr auto;gap:25px}footer p,footer small{grid-column:1/-1;color:#b9c6bb}footer nav{flex-wrap:wrap}@media(max-width:760px){.site-head{height:64px;padding:0 20px}.menu{display:block;border:1px solid var(--field);background:transparent;padding:8px 11px}.site-head nav{display:none;position:absolute;top:64px;left:0;right:0;padding:22px;background:var(--paper);flex-direction:column}.site-head nav.open{display:flex}.hero{display:flex;flex-direction:column}.map-panel{min-height:0;height:auto;aspect-ratio:6/5;order:2}.map-key{font-size:9px;left:12px;right:12px;bottom:12px}.hero-copy{padding:52px 24px 36px}.hero h1{font-size:74px}.hero h2{font-size:34px}.hero-actions{flex-direction:column}.signal-strip,.dispatch-list{grid-template-columns:1fr}.signal-strip div{border-right:0}.spelling-grid,.device-plots,.route-board,.faq{padding:60px 24px;grid-template-columns:1fr}.spelling-grid header,.device-plots header{grid-column:1}.name-card,.plot{border-right:1px solid var(--line);min-height:0}.route-board{gap:20px}.route-board .section-link{grid-column:1}.device-plots .section-link,.spelling-grid .section-link{grid-column:1}.manuals{padding:60px 24px}.faq header,.faq details{grid-column:1;grid-row:auto}.page-main{width:calc(100% - 40px);padding-top:30px}.crumb{margin-bottom:45px}.page-title{padding-left:18px}.comparison,.layer-grid,.about-grid{grid-template-columns:1fr}.route-steps li{grid-template-columns:1fr;gap:12px}.check-list li{grid-template-columns:1fr;gap:10px}.article-body{font-size:17px}.article-links{flex-direction:column}footer{grid-template-columns:1fr;padding:40px 24px}}
@media(min-width:1000px){.spelling-grid header{max-width:1100px}}