:root{--lime:#c3ec00;--canvas:#090d11;--surface:#11171d;--surface2:#182029;--line:#2a3540;--white:#f6f8f3;--muted:#aab5be;--paper:#eef1ec;--ink:#0c1115;--gold:#ffc42e}*{box-sizing:border-box}a{color:var(--lime);text-underline-offset:3px}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--white);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;line-height:1.65}.blog-nav{min-height:76px;padding:14px clamp(20px,5vw,56px);display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);background:rgba(9,13,17,.96)}.blog-brand{display:flex;align-items:center;gap:11px;color:var(--white);font-weight:760;text-decoration:none;margin-right:auto}.blog-brand img{width:42px;height:42px;border-radius:12px}.blog-links{display:flex;gap:22px}.blog-links a,.blog-footer a{color:var(--muted)}.coming{border:1px solid #3a4650;border-radius:8px;padding:8px 13px;color:var(--white);text-decoration:none}.article-shell,.hub-shell{width:min(100% - 40px,1120px);margin:0 auto;padding:48px 0 88px}.article-shell{max-width:820px}.breadcrumb{display:flex;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:.86rem;margin-bottom:46px}.breadcrumb a,.prose a,.product-cta a,.article-card a{color:var(--lime)}h1{font-size:clamp(2.25rem,7vw,4.9rem);line-height:1.02;letter-spacing:-.045em;margin:.1em 0 .3em}h2{font-size:clamp(1.55rem,4vw,2.25rem);line-height:1.16;margin:2.2em 0 .65em}h3{font-size:1.25rem;line-height:1.3;margin:1.8em 0 .55em}.eyebrow{color:var(--lime);font:700 .75rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase}.deck,.hub-intro{font-size:clamp(1.1rem,2.5vw,1.35rem);color:#cbd3d8}.byline{padding:18px 0;color:var(--muted);border-bottom:1px solid var(--line)}.draft-notice{padding:13px 16px;border:1px solid var(--gold);color:#ffe7a3;border-radius:8px;margin:22px 0;background:#211b0c}.hero-shot{margin:36px auto;max-width:410px}.hero-shot img{display:block;width:100%;height:auto;border-radius:28px;border:1px solid var(--line)}.prose p,.prose li{color:#dbe1e4}.prose table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);padding:10px 12px;text-align:left;min-width:130px}.prose blockquote{margin:24px 0;padding:3px 20px;border-left:3px solid var(--lime);background:var(--surface)}.prose pre{padding:18px;overflow:auto;background:#05080a;border:1px solid var(--line);border-radius:8px}.task-list{list-style:none;padding-left:0}.task-list input{margin-right:10px}.sources{overflow-wrap:anywhere}.related,.product-cta{margin-top:48px;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:46px}.article-card{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.article-card h2{margin:.35em 0;font-size:1.45rem}.card-meta{color:var(--muted);font-size:.86rem}.blog-footer{padding:34px clamp(20px,5vw,56px);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted)}@media(max-width:720px){.blog-links{display:none}.coming{font-size:.8rem}.article-grid{grid-template-columns:1fr}.blog-footer{flex-direction:column}.article-shell,.hub-shell{width:min(100% - 32px,1120px);padding-top:32px}}

/* Article headings keep their section rhythm; card headings use card spacing. */
.related,.product-cta{padding:clamp(20px,3vw,28px);margin-top:32px}
.related h2,.product-cta h2{margin:0 0 16px;font-size:clamp(1.35rem,3vw,1.75rem)}
.related ul{margin:0;padding-left:20px}
.related li+li{margin-top:8px}
.related a,.related a:visited{color:var(--lime)}
.product-cta p{margin:0}
.prose>p:first-child{margin-top:28px}
.prose{overflow-wrap:anywhere}
a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Landscape scouting illustrations remain part of the article's reading flow. */
.editorial-image{margin:32px 0 40px}
.editorial-image>a{display:block;overflow:hidden;border:1px solid var(--line);border-radius:12px;cursor:zoom-in}
.editorial-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.editorial-image figcaption{padding-top:12px;font-size:.9rem;line-height:1.55;color:var(--muted)}
.editorial-image figcaption span{display:block;margin-top:5px;font-size:.75rem;color:var(--muted)}
.editorial-image>a:hover{border-color:var(--lime)}