/* Supplemental styles for long-form SEO detail pages. */
:root{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}
body{margin:0;background:#080b09;color:#ecf3ec;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.65}
a{color:#bbff2a}a:focus-visible,button:focus-visible{outline:3px solid #baff2b;outline-offset:3px}.skip-link{position:absolute;top:-5rem;left:1rem;background:#baff2b;color:#000;padding:8px;z-index:10}.skip-link:focus{top:1rem}
.wrap{max-width:1110px;margin:auto;padding:0 24px}.nav{display:flex;align-items:center;gap:24px;justify-content:space-between;padding-block:24px;border-bottom:1px solid #2b342a}
.brand{font-weight:850;font-size:24px;letter-spacing:-.05em;text-decoration:none;color:#fff}.brand span{color:#baff2b}.navlinks{display:flex;flex-wrap:wrap;gap:22px;font-size:14px}.navlinks a{color:#d6dfd3;text-decoration:none}.navlinks a:hover{color:#baff2b}
.crumb{display:flex;flex-wrap:wrap;gap:9px;margin:38px 0 26px;font-size:13px;color:#a6ae9f}.crumb a{color:#c7dcc0}
.hero{padding:30px 0 60px;border-bottom:1px solid #2d362a}.kicker{font-size:13px;color:#baff2b;font-weight:800;letter-spacing:.14em}h1{font-size:clamp(36px,6vw,76px);line-height:1.07;max-width:900px;letter-spacing:-.06em;margin:14px 0 20px}.intro{font-size:clamp(18px,2vw,23px);max-width:830px;color:#d7dfd2}
.cta-row{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.btn{border:1px solid #baff2b;border-radius:999px;display:inline-block;text-decoration:none;padding:13px 20px;font-weight:800;font-size:14px}.btn-primary{background:#baff2b;color:#0c1207}.btn-secondary{color:#dbf1ce;background:#151b12}
.content{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:34px;padding-block:52px}.article section{background:#101510;border:1px solid #34402c;border-radius:14px;padding:24px 28px;margin-bottom:20px}.article h2,.aside h2{margin:0 0 14px;font-size:clamp(21px,3vw,28px);line-height:1.22}.article p{margin:0;max-width:70ch;color:#ccd5c9}.aside{align-self:start;position:sticky;top:20px;background:#0e140c;border:1px solid #4b6224;padding:26px;border-radius:14px}.aside ul{padding-left:20px;color:#d6e5d1}.aside li{margin-bottom:13px}
.faq{padding:10px 0 40px}.faq h2{font-size:clamp(24px,3vw,34px);margin:0 0 18px}.faq details{background:#101510;border:1px solid #34402c;border-radius:12px;margin:10px 0;padding:16px 20px}.faq summary{cursor:pointer;color:#eff8eb;font-weight:750}.faq details p{max-width:75ch;color:#cbd7c8;margin:12px 0 0}.more{border-top:1px solid #2d362a;padding:40px 0}.more a{font-weight:700}.footer{border-top:1px solid #34402c;padding:28px 0;color:#a4aea1;font-size:14px}.footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.note{font-size:14px;color:#aab8a6;margin-top:24px}
@media(max-width:770px){.content{grid-template-columns:1fr}.aside{position:static}.nav{align-items:flex-start;flex-direction:column;gap:10px}.navlinks{gap:14px}.article section{padding:22px}.hero{padding-bottom:40px}}