:root{color-scheme:dark;--bg:#101920;--panel:#17262f;--ink:#eef1e9;--muted:#c0cdcc;--sage:#bfd29f;--line:#30434c;--warm:#f5e8d2}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Segoe UI","Aptos",system-ui,sans-serif;font-size:17px;line-height:1.75}
a{color:var(--sage);text-underline-offset:4px}a:hover{color:var(--warm)}a:focus-visible,summary:focus-visible{outline:2px solid var(--sage);outline-offset:5px}
img{max-width:100%;height:auto;display:block}.shell{width:min(1120px,calc(100% - 80px));margin:auto}.topbar{border-bottom:1px solid var(--line)}.topbar .shell{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--ink)}.brand img{width:178px;height:auto}.brand span{font-size:13px;line-height:1.4}.toplinks{display:flex;gap:22px;flex-wrap:wrap;font-size:15px}.toplinks a{text-decoration:none}
.skip{position:absolute;left:16px;top:-100px;padding:10px 18px;background:var(--sage);color:var(--bg)}.skip:focus{top:12px;z-index:5}
.guide-header{padding:60px 0 38px;border-bottom:1px solid var(--line)}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.15em;color:var(--sage);margin:0 0 18px}h1,h2,h3{font-weight:450;line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(2.35rem,4.6vw,3.65rem);margin:0 0 22px;max-width:900px}h2{font-size:1.85rem;margin:48px 0 16px}h3{font-size:1.2rem;margin:28px 0 10px}.intro{max-width:780px;font-size:1.15rem;color:var(--muted);margin:0 0 18px}.version{font-size:13px;color:var(--muted)}.guide-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:55px;padding:38px 0 70px}.guide-nav{align-self:start;font-size:15px}.toc{list-style:none;padding:0;margin:0 0 25px}.toc li{padding-left:0;margin-bottom:12px}.mobile-guide-nav{display:none}.guide-nav h2{font-size:13px;letter-spacing:.09em;text-transform:uppercase;margin:0 0 16px}.guide-nav a{display:block;margin-bottom:13px}.guide-nav .active{color:var(--ink);font-weight:650}.guide-nav p{color:var(--muted);font-size:13px;border-top:1px solid var(--line);padding-top:18px;margin-top:24px}article{min-width:0}article>h2:first-child,article>.mobile-guide-nav+h2{margin-top:0}p{margin:0 0 19px}li{margin:0 0 15px;padding-left:4px}ol,ul{padding-left:25px}strong{font-weight:650}code{background:#22313a;padding:2px 6px;border-radius:3px;overflow-wrap:anywhere;font-size:.92em}figure{margin:30px 0}figure img{border:1px solid var(--line);border-radius:8px}figcaption{font-size:12px;color:var(--muted);margin-top:10px}.callout{background:var(--panel);border-left:3px solid var(--sage);padding:22px 25px;margin:25px 0}.callout p:last-child{margin-bottom:0}.button{display:inline-block;background:var(--sage);color:var(--bg);padding:13px 20px;border-radius:4px;font-weight:650;text-decoration:none}.button:hover{background:var(--warm);color:var(--bg)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:23px 0}.source-note{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:24px;margin-top:45px}footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:14px}footer .shell{display:flex;gap:22px;justify-content:space-between;flex-wrap:wrap}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:15px}th,td{border-bottom:1px solid var(--line);padding:14px 15px;text-align:left;vertical-align:top}th{color:var(--sage);font-weight:650}details{border-bottom:1px solid var(--line);padding:18px 0}summary{font-weight:650;cursor:pointer}details p{margin-top:14px}article a{overflow-wrap:anywhere}
@media(max-width:760px){.shell{width:calc(100% - 40px)}.topbar .shell{flex-wrap:wrap}.brand img{width:150px}.toplinks{font-size:14px;gap:17px}.guide-header{padding:38px 0 26px}.guide-grid{display:block;padding-top:24px}.guide-nav{display:none}.mobile-guide-nav{display:block;margin:0 0 28px;padding:0 0 20px}.mobile-guide-nav summary{font-size:15px;color:var(--sage)}.mobile-guide-nav .toc{margin-top:20px}.mobile-guide-nav nav>a{display:block;margin:12px 0}.mobile-guide-nav h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin:20px 0 12px}.guide-nav a{display:inline-block;margin:0 15px 10px 0}.guide-nav p{margin:6px 0 0;padding:0;border:0}h2{font-size:1.6rem;margin-top:37px}.callout{padding:18px}.actions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}