:root{color-scheme:dark;--bg:#101510;--panel:#1a2318;--text:#f0f3e9;--muted:#adb9a2;--accent:#bdf58d;--line:#35422f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;min-height:108px;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:13px;font-size:28px;font-weight:650;letter-spacing:-1px}.brand img{object-fit:contain;border-radius:15px;background:black}.brand span{font-size:14px;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:10px}nav{display:flex;gap:28px;font-size:15px}nav a:hover,.back:hover{color:var(--accent)}.intro{padding:94px 0 78px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--accent);font-weight:550;text-transform:uppercase}h1,h2,h3{line-height:1.12;letter-spacing:-.045em;font-weight:550}h1{font-size:clamp(42px,5.5vw,76px);margin:25px 0}h1 em{font-style:normal;color:var(--muted)}.lead{font-size:21px;line-height:1.65;color:var(--muted);max-width:780px}.section-label{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:14px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:30px}.card{display:block;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#151d14;transition:transform .35s,border-color .35s}.card:hover{transform:translateY(-5px);border-color:#799866}.cover{height:310px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 100%,#33452b, #080c08 75%)}.cover img{position:absolute;right:25px;bottom:-28px;width:270px;height:270px;object-fit:contain;mix-blend-mode:screen}.cover-1{background:radial-gradient(ellipse at 20% 100%,#42523c,#0b110c 75%)}.cover-1 img{right:50px;transform:scaleX(-1)}.cover-label{position:absolute;left:28px;top:28px;letter-spacing:3px;font-size:12px;color:var(--accent)}.cover-note{position:absolute;left:28px;bottom:28px;max-width:210px;font-size:26px;line-height:1.2;letter-spacing:-1px;background:#172012dd;border:1px solid #435238;border-radius:18px;padding:14px;z-index:1}.card-copy{padding:30px}.card h2{font-size:31px;margin:14px 0}.card p:not(.meta){color:var(--muted);margin-bottom:25px}.meta{font-size:13px;color:var(--muted)}.read{font-size:14px;color:var(--accent)}.endnote{margin:100px 0;padding:58px;background:var(--panel);border:1px solid var(--line);border-radius:28px}.endnote h2{font-size:44px}.endnote p{color:var(--muted)}.button{display:inline-block;background:var(--accent);color:#183012;border-radius:99px;padding:14px 25px;font-size:15px;margin-top:12px}.button:hover{background:#d2ffab}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:32px 0 45px;color:var(--muted);font-size:14px}.article-head{padding:50px 0 52px;max-width:1000px}.back{font-size:14px;color:var(--muted);display:block;margin-bottom:35px}.article-head h1{font-size:clamp(38px,4.7vw,66px)}.article-layout{display:grid;grid-template-columns:245px minmax(0,740px);gap:70px;align-items:start}.toc-box{position:sticky;top:28px;font-size:13px;color:var(--muted);max-height:90vh;overflow:auto}.toc-box summary{color:var(--text);font-size:15px;cursor:pointer}.toc ul{list-style:none;padding:0}.toc li{margin:13px 0;line-height:1.4}.toc a:hover{color:var(--accent)}.prose{font-size:18px;line-height:1.85;min-width:0}.prose>p:first-child{font-size:21px;color:#d8e0d1}.prose h2{font-size:34px;margin:60px 0 22px;scroll-margin-top:30px}.prose h3{font-size:26px}.prose p,.prose li{color:#cbd4c3}.prose li{margin:10px 0}.prose strong{color:var(--text)}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.prose .button{text-decoration:none;color:#183012}.prose table{font-size:14px;border-collapse:collapse;display:block;overflow-x:auto;max-width:100%}.prose th,.prose td{padding:14px;min-width:115px;border:1px solid var(--line);text-align:left;line-height:1.5}.prose th{background:var(--panel)}.app-shot{margin:40px 0;padding:32px;text-align:center;background:#1a2318;border:1px solid var(--line);border-radius:24px}.app-shot img{display:block;max-width:100%;height:auto;max-height:560px;width:auto;margin:auto;border-radius:20px}.app-shot figcaption{font-size:13px;line-height:1.5;color:var(--muted);margin-top:20px}.inline-cta{padding:30px;margin:44px 0;border:1px solid #506343;border-radius:24px;background:#202c1a}.inline-cta small{display:block;margin-top:15px;color:var(--muted);font-size:13px}.related{max-width:740px;margin:90px 0 90px auto}.related .card{display:grid;grid-template-columns:230px 1fr}.related .cover{height:100%;min-height:280px}.related .cover img{width:200px;right:0}.related .cover-note{font-size:20px;left:18px}.related h2{font-size:26px}.skip{position:absolute;top:-100px;background:var(--accent);color:#000;padding:10px}.skip:focus{top:5px;z-index:10}@media(max-width:900px){.article-layout{grid-template-columns:1fr;gap:18px}.toc-box{position:static;max-height:none;padding:20px;background:var(--panel);border-radius:18px}.toc ul{columns:2;column-gap:30px}.toc li{break-inside:avoid}.prose{max-width:740px}.brand span{display:none}.cover img{right:-15px;width:220px}.card h2{font-size:27px}}@media(max-width:600px){.wrap{width:calc(100% - 40px)}header{min-height:86px;gap:12px}.brand{font-size:24px;gap:9px}.brand img{width:38px;height:38px}nav{gap:15px;font-size:13px}.intro{padding:54px 0 42px}.lead{font-size:18px}.cards{grid-template-columns:1fr;gap:24px}.cover{height:280px}.cover img{width:260px;right:10px}.card-copy{padding:24px}.endnote{margin:60px 0;padding:28px}.endnote h2{font-size:35px}footer{flex-wrap:wrap;font-size:12px}.article-head{padding:35px 0}.article-head h1{font-size:39px;overflow-wrap:anywhere}.toc ul{columns:1}.prose{font-size:17px}.prose h2{font-size:29px}.prose ul,.prose ol{padding-left:22px}.app-shot{padding:20px}.inline-cta{padding:23px}.related .card{display:block}.related .cover{height:240px;min-height:0}.related{margin:60px 0}.prose .button{font-size:14px}.cover-note{max-width:190px;font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}.card:hover{transform:none}}
.cover-0 img{mix-blend-mode:normal;width:180px;height:auto;top:48px;bottom:auto;right:38px;transform:rotate(7deg);border-radius:20px;box-shadow:0 20px 60px #0008}.related .cover-0 img{width:125px;right:20px}
