*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#050705;color:#f5f8f0;font-family:Arial,sans-serif;line-height:1.7;padding-bottom:88px}a{color:#c4ff5a;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:2px solid #c4ff5a;outline-offset:5px}.wrap{max-width:1160px;margin:auto;padding:0 24px}.topbar{border-bottom:1px solid #ffffff20;background:#080c08}.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#eef5e6;font-size:14px}.brand img{width:108px;height:36px;object-fit:contain}.topbar nav{display:flex;flex-wrap:wrap;gap:22px;font-size:14px}.topbar nav a{text-decoration:none;color:#cbd4c5}.disclosure{font-size:12px;color:#9fab96;padding-top:16px}.hero{padding:64px 0 44px;background:radial-gradient(ellipse at top left,#c4ff5a0a,transparent 70%)}.eyebrow{font-size:12px;color:#c4ff5a;text-transform:uppercase;letter-spacing:.14em}h1{max-width:950px;font-size:clamp(34px,5vw,64px);font-weight:500;letter-spacing:-.045em;line-height:1.08;margin:20px 0 24px}h2{font-size:27px;letter-spacing:-.025em;line-height:1.3;font-weight:500;margin:44px 0 16px}h3{font-size:20px;line-height:1.35;font-weight:500}.intro{font-size:20px;line-height:1.65;color:#bec8b8;max-width:820px}.meta,.breadcrumb{font-size:12px;color:#92a087}.breadcrumb a{color:#b9c8af}.layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:70px;align-items:start;padding-top:24px;padding-bottom:64px}.article p,.article li{color:#c1cbb9;font-size:16px}.article ul,.article ol{padding-left:22px}.article li{margin:10px 0}.article h2:first-child{margin-top:0}.toc{position:sticky;top:24px;border:1px solid #ffffff20;border-radius:18px;padding:22px;font-size:13px}.toc strong{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#c4ff5a}.toc a{display:block;margin-top:14px;color:#b9c8af;text-decoration:none}.callout{border:1px solid #c4ff5a40;background:#c4ff5a06;border-radius:18px;padding:24px;margin:28px 0}.callout strong{color:#c4ff5a}.callout p{margin-bottom:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:420px;font-size:14px}th,td{border-bottom:1px solid #ffffff20;text-align:left;vertical-align:top;padding:16px 12px}th{color:#c4ff5a}td{color:#c1cbb9}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0}.card{display:block;border:1px solid #ffffff24;background:#ffffff03;border-radius:20px;padding:28px;text-decoration:none;color:#f4f7ef}.card:hover{border-color:#c4ff5a77}.card p{color:#aebba5;font-size:15px}.card span{color:#c4ff5a;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:99px;background:#c4ff5a;color:#10150a;text-decoration:none;font-weight:bold}.sticky-join{position:fixed;right:24px;bottom:24px;z-index:99999;box-shadow:0 5px 30px #0008;font-size:15px}.related{border-top:1px solid #ffffff20;padding-top:32px}.footer{border-top:1px solid #ffffff20;padding:32px 0;color:#9eac94;font-size:13px}.footer nav{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.footer p{max-width:850px}.note{color:#9ba98f;font-size:13px}.content-wide{max-width:850px;padding-bottom:70px}.content-wide p,.content-wide li{color:#c1cbb9}details{border-bottom:1px solid #ffffff20;padding:18px 0}summary{cursor:pointer;font-weight:bold;color:#e2ebd9}@media(max-width:850px){.layout{grid-template-columns:minmax(0,1fr);gap:20px}.toc{position:static;order:-1}.toc a{display:inline-block;margin:10px 18px 0 0}.cards{grid-template-columns:minmax(0,1fr)}.topbar .wrap{align-items:flex-start;flex-direction:column;gap:12px;padding-top:18px;padding-bottom:18px}.topbar nav{gap:18px}.hero{padding-top:40px}.intro{font-size:18px}.brand span{font-size:12px}}@media(max-width:480px){.wrap{padding-left:20px;padding-right:20px}.sticky-join{bottom:max(12px,env(safe-area-inset-bottom));right:12px;font-size:14px;min-height:44px;padding:12px 18px}.hero{padding-bottom:28px}.layout{padding-bottom:40px}.callout{padding:20px}.topbar nav{font-size:13px}.card{padding:24px}h2{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.related .cards{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:850px){.related .cards{grid-template-columns:minmax(0,1fr)}}
