:root{--ink:#102b2d;--muted:#5e7779;--fog:#f2f6f5;--paper:#fff;--sea:#0a6669;--deep:#06494d;--orange:#e76838;--amber:#f3ae45;--line:#cbd9d8;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--fog);font-family:Inter,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75;letter-spacing:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.mast{height:76px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:34px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(16,43,45,.1);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:white;background:var(--orange);font-weight:800}.brand b{font-size:18px}.mast nav{display:flex;gap:25px;font-size:14px}.mast nav a:hover{color:var(--orange)}.menu{display:none;border:0;background:none;width:42px;height:42px;padding:10px}.menu i{display:block;height:2px;background:var(--ink);margin:5px 0}.hero{min-height:680px;position:relative;overflow:hidden;background:#dce9e8}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,248,247,.98) 0%,rgba(245,248,247,.86) 35%,rgba(245,248,247,.05) 72%)}.hero-copy{position:relative;z-index:2;max-width:var(--max);margin:auto;padding:150px 46% 110px 0}.eyebrow,.section-title>span,.time-window>div>span,.reading header>span,.questions>div>span,.page-lead>span{color:var(--orange);font-size:12px;font-weight:800;letter-spacing:2px}.hero h1{font-size:clamp(42px,5vw,74px);line-height:1.08;margin:18px 0 24px}.hero-copy>p:not(.eyebrow){color:#496467;font-size:17px}.actions{display:flex;gap:12px;margin-top:32px}.actions a,.time-window a,.device-compare>a,.not-found a{padding:13px 20px;border:1px solid var(--deep);font-weight:700}.actions a:first-child{background:var(--deep);color:white}.window{position:absolute;z-index:3;right:max(24px,calc((100vw - var(--max))/2));bottom:36px;background:rgba(255,255,255,.76);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 50px rgba(6,73,77,.16);padding:22px 26px;min-width:300px}.window span{font-size:12px;color:var(--muted)}.window b{display:block;font-size:21px;margin:3px 0}.window p{margin:0;color:var(--sea)}.metric-strip{max-width:var(--max);margin:-1px auto 0;background:var(--paper);display:grid;grid-template-columns:1.4fr repeat(3,1fr);border:1px solid var(--line)}.metric-strip>*{padding:28px;border-right:1px solid var(--line)}.metric-strip>*:last-child{border:0}.metric-strip header span,.diagnostic .section-title span{font-size:11px;color:var(--orange);font-weight:800}.metric-strip h2{font-size:22px;line-height:1.25;margin:8px 0}.metric-strip a b{display:block;font-size:22px}.metric-strip a span{font-size:13px;color:var(--muted)}.diagnostic,.time-window,.device-compare,.reading,.questions,.page-lead,.field-guide,.route-links,.about-copy,.article-main,.not-found{max-width:var(--max);margin:0 auto}.diagnostic{padding:120px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.section-title h2,.time-window h2,.reading h2,.questions h2{font-size:38px;line-height:1.18;margin:12px 0}.section-title p{color:var(--muted)}.diagnostic ol{list-style:none;padding:0;margin:0;border-top:1px solid var(--ink)}.diagnostic li{display:grid;grid-template-columns:54px 170px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid var(--line)}.diagnostic li i{font-style:normal;color:var(--orange)}.diagnostic li p{margin:0;color:var(--muted)}.time-window{background:var(--deep);color:white;max-width:none;padding:100px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.time-window p{color:#c5d8d8}.time-window a{display:inline-block;border-color:#fff;margin-top:18px}.time-window figure{margin:0;padding:32px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18)}.time-window figcaption{font-size:13px;color:#c5d8d8}.timeline{height:120px;position:relative;border-bottom:1px solid rgba(255,255,255,.25);background:linear-gradient(180deg,transparent,rgba(255,255,255,.03))}.timeline:after{content:"";position:absolute;left:0;right:0;top:62px;height:2px;background:var(--orange);transform:skewY(-4deg)}.timeline i{position:absolute;left:var(--x);top:52px;width:20px;height:20px;border:4px solid var(--amber);background:var(--deep);border-radius:50%;z-index:2}.time-window dl{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0 0}.time-window dt{font-weight:800}.time-window dd{margin:0;color:#bcd0d1;font-size:13px}.device-compare{padding:115px 0}.compare-head,.compare-row{display:grid;grid-template-columns:1fr 180px 1fr;text-align:center}.compare-head{border-bottom:1px solid var(--ink);padding:0 0 15px}.compare-head span{color:var(--orange);font-weight:700}.compare-row{align-items:center;padding:35px 0;border-bottom:1px solid var(--line)}.compare-row p{color:var(--muted)}.compare-row strong{color:var(--sea)}.device-compare>a{display:inline-block;margin-top:28px}.reading{padding:90px 0 120px}.reading header{display:flex;align-items:end;gap:22px;border-bottom:2px solid var(--ink)}.reading header h2{margin-right:auto}.reading header a{margin-bottom:14px;color:var(--sea);font-weight:700}.reading-row{display:grid;grid-template-columns:150px 1fr;gap:30px;padding:30px 0;border-bottom:1px solid var(--line)}.reading-row time{font-variant-numeric:tabular-nums;color:var(--muted)}.reading-row span{font-size:12px;color:var(--orange);font-weight:800}.reading-row h2,.reading-row h3{margin:5px 0;font-size:24px;line-height:1.35}.reading-row p{margin:0;color:var(--muted)}.questions{padding:0 0 120px;display:grid;grid-template-columns:.6fr 1.4fr;gap:80px}.questions details{border-top:1px solid var(--line);padding:22px 0}.questions details:last-child{border-bottom:1px solid var(--line)}.questions summary{font-size:18px;font-weight:700;cursor:pointer}.questions p{color:var(--muted)}footer{background:#0d2527;color:white;padding:65px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr auto;gap:28px}footer p{color:#abc0c1;max-width:520px}footer>div:nth-child(2){display:flex;gap:22px}footer small{grid-column:1/-1;color:#789294;border-top:1px solid #284345;padding-top:22px}.page-lead{padding:110px 0 60px;border-bottom:1px solid var(--line)}.page-lead h1{font-size:clamp(38px,5vw,64px);line-height:1.12;max-width:900px;margin:14px 0}.page-lead p{font-size:18px;color:var(--muted);max-width:760px}.field-guide{padding:35px 0 80px}.field-guide article{display:grid;grid-template-columns:230px 1fr;gap:35px;padding:30px 0;border-bottom:1px solid var(--line)}.field-guide b{font-size:24px}.field-guide p{margin:0;color:var(--muted);font-size:17px}.route-links{display:flex;gap:12px;padding-bottom:100px}.route-links a{border:1px solid var(--deep);padding:11px 16px}.article-index{padding-bottom:120px}.article-main{padding:100px 0}.article-main>header{max-width:900px;margin-bottom:60px}.article-main>header>span{color:var(--orange);font-weight:800;font-size:12px}.article-main h1{font-size:clamp(36px,5vw,62px);line-height:1.14;margin:16px 0}.article-main header time{color:var(--muted)}.article-main header p{font-size:19px;color:var(--muted)}.article-sheet{display:grid;grid-template-columns:minmax(0,760px) 250px;gap:70px}.article-copy section{margin-bottom:45px}.article-copy h2{font-size:29px;line-height:1.3}.article-copy p{font-size:17px;color:#304b4d}.article-sheet aside{align-self:start;position:sticky;top:105px;border-top:2px solid var(--orange);padding-top:15px}.article-sheet aside a{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.about-copy{padding:70px 0 120px;max-width:820px}.about-copy h2{margin-top:42px}.about-copy p{color:var(--muted);font-size:17px}.not-found{padding:150px 0}.not-found>span{font-size:100px;color:var(--orange);font-weight:800}.not-found h1{font-size:40px}.not-found a{display:inline-block;margin-top:20px}@media(max-width:900px){.mast{height:64px;padding:0 18px}.mast nav{display:none;position:absolute;top:64px;left:0;right:0;background:white;padding:18px;flex-direction:column}.mast.open nav{display:flex}.menu{display:block}.hero{min-height:650px}.hero:after{background:linear-gradient(180deg,rgba(245,248,247,.97) 0%,rgba(245,248,247,.84) 55%,rgba(245,248,247,.08) 100%)}.hero-copy{padding:85px 22px 210px}.hero h1{font-size:43px}.window{left:20px;right:20px;bottom:25px;min-width:0}.metric-strip{margin:0;display:block;border-left:0;border-right:0}.metric-strip>*{border-right:0;border-bottom:1px solid var(--line)}.diagnostic,.device-compare,.reading,.questions,.page-lead,.field-guide,.route-links,.about-copy,.article-main,.not-found{padding-left:20px;padding-right:20px}.diagnostic,.questions{grid-template-columns:1fr;gap:35px}.diagnostic li{grid-template-columns:42px 1fr}.diagnostic li p{grid-column:2}.time-window{grid-template-columns:1fr;padding:80px 20px;gap:45px}.device-compare{padding-top:80px}.compare-head{grid-template-columns:1fr 100px 1fr;font-size:13px}.compare-row{grid-template-columns:1fr}.compare-row strong{order:-1;margin-bottom:20px}.reading header{align-items:start;flex-direction:column;padding-bottom:18px}.reading-row{grid-template-columns:1fr;gap:4px}.questions{padding-bottom:80px}.page-lead{padding-top:80px}.field-guide article{grid-template-columns:1fr;gap:8px}.route-links{flex-wrap:wrap}.article-sheet{grid-template-columns:1fr}.article-sheet aside{position:static}.article-main{padding-top:75px}.article-main h1{font-size:38px}footer{grid-template-columns:1fr}footer>div:nth-child(2){flex-wrap:wrap}footer small{grid-column:auto}}.metric-strip>a{display:block}