:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;--bg:#07131f;--panel:#0e2535;--panel2:#102f41;--border:#294656;--text:#eef8fb;--muted:#a0b8c5;--mint:#4be1c7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.62}button,input{font:inherit}button,a{touch-action:manipulation}a{color:#8deedc}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #63e8cc;outline-offset:3px}a:hover{color:#d3fff6}.skip{position:absolute;left:15px;top:-50px;padding:8px 15px;background:var(--mint);color:#072634;z-index:99}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{border-bottom:1px solid #224252;background:#091d2b}.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:1260px;margin:auto;padding:17px 28px;gap:15px}.logo{font-weight:900;letter-spacing:-.8px;text-decoration:none;color:white;font-size:22px}.logo span{color:var(--mint)}.header-inner nav{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;font-weight:750}.header-inner nav a{text-decoration:none}
.layout{display:grid;grid-template-columns:228px minmax(0,1fr);gap:42px;max-width:1260px;margin:0 auto;padding:44px 28px 90px}.aside{align-self:start;position:sticky;top:24px;background:#0b1e2c;border:1px solid #1d3c4d;border-radius:17px;padding:22px 16px}.aside h2{font-size:13px;text-transform:uppercase;letter-spacing:1.1px;color:#7ce5d3;margin:0 0 17px}.aside nav{display:grid;gap:6px}.aside nav a{display:block;padding:11px 13px;border-radius:8px;text-decoration:none;color:#c3d8e1;font-size:13px;font-weight:700}.aside nav a:hover,.aside nav a:focus-visible{background:#174054;color:white}.aside p{font-size:11.5px;color:var(--muted);border-top:1px solid var(--border);margin:20px 0 0;padding-top:15px}
main{min-width:0}.hero{background:linear-gradient(122deg,#133749,#0a2636 54%,#12332e);border:1px solid #2b5664;border-radius:22px;padding:36px 38px}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:850;color:var(--mint)}h1{font-size:clamp(29px,4vw,48px);letter-spacing:-1.3px;line-height:1.12;margin:11px 0 12px}.hero>p{color:#c2d7df;max-width:680px;font-size:16px;margin:0 0 26px}.searchbox{display:flex;align-items:center;min-height:55px;border-radius:12px;border:1px solid #8bc5c5;background:#f6fbfb;color:#1c4653;box-shadow:0 5px 20px #0002}.searchbox label{display:flex;align-items:center;padding:0 15px}.searchbox input{background:transparent;color:#193b49;border:0;outline:none!important;min-width:0;flex:1;font-size:15px;padding:15px 0}.searchbox input::placeholder{color:#64808b}.searchbox button{border:0;border-left:1px solid #cad8db;background:transparent;color:#164f56;font-weight:800;padding:12px 17px;cursor:pointer}.search-results{margin:9px 0 0;color:#b9d1d9;font-size:12px;min-height:20px}.categories{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.categories button{cursor:pointer;border-radius:999px;padding:8px 13px;border:1px solid #467282;background:#112f3e;color:#c5e2e9;font-size:12px;font-weight:750}.categories button[aria-pressed="true"]{background:var(--mint);color:#0a2932;border-color:var(--mint)}
.quick{margin-top:35px}.quick-head,.group-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.quick-head h2,.guides-head h2{font-size:21px;letter-spacing:-.4px;margin:0 0 17px}.quick-head span,.group-title span{font-size:12px;color:var(--muted)}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.quick-grid a{background:#0d2738;border:1px solid #2b4b5d;border-radius:13px;text-decoration:none;padding:21px;display:grid;gap:6px;color:var(--text);transition:background .16s,transform .16s}.quick-grid a:hover{background:#164052;transform:translateY(-2px)}.quick-grid strong{font-size:15px}.quick-grid small{color:#a4bec9;font-size:12px}.quick-icon{display:grid;place-items:center;color:#8becd9;background:#214d59;width:36px;height:36px;border-radius:10px;font-weight:900;font-size:19px}
.guides-head{margin:45px 0 28px}.guides-head h2{margin-bottom:4px}.guides-head p{color:var(--muted);font-size:13px;margin:0}.group{margin:0 0 27px}.group-title{margin:15px 0 12px}.group-title h2{font-size:15px;margin:0;letter-spacing:.2px;color:#9ce8db}.group-title span{padding:3px 10px;background:#173746;border-radius:22px}.guide{background:#0b2131;border:1px solid #2a4556;border-radius:13px;margin:10px 0;overflow:hidden;scroll-margin-top:15px}.guide[open]{border-color:#438078;background:#0d2736}.guide summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 21px;list-style:none}.guide summary::-webkit-details-marker{display:none}.guide summary:hover{background:#153444}.guide-title{display:grid;gap:1px;min-width:0}.guide-category{font-size:10px;color:#8de6d5;font-weight:800;text-transform:uppercase;letter-spacing:.75px}.guide-title strong{font-size:16px;line-height:1.4}.guide-side{display:flex;align-items:center;gap:16px;flex-shrink:0;color:#a4bdc7}.guide-side small{font-size:11px}.chevron{font-size:24px;display:inline-block;line-height:1;transition:transform .15s}.guide[open] .chevron{transform:rotate(180deg)}.guide-body{padding:2px 23px 23px;border-top:1px solid #315163;color:#d3e2e8;font-size:14px;line-height:1.75}.guide-body p{margin:15px 0}.guide-body ol,.guide-body ul{padding-left:23px}.guide-body li{margin:11px 0;padding-left:3px}.guide-body strong{color:#f4fcff}.guide-body code{padding:2px 5px;background:#173e4e;border-radius:4px;color:#91e9d9;overflow-wrap:anywhere;font-size:.93em}.note{margin:22px 0;padding:15px 18px;background:#10332f;border-left:3px solid var(--mint);border-radius:0 9px 9px 0;color:#d0eeea}.note strong{color:#cff8ed}.guide-end{border-top:1px solid #315163;padding-top:14px;margin-top:24px!important;display:flex;gap:20px;flex-wrap:wrap}.guide-end a,.inline-link{font-weight:750;text-decoration:underline;text-underline-offset:3px}.guide-image{margin:20px 0 25px;background:#071725;border:1px solid #426475;border-radius:14px;overflow:hidden}.guide-image img{display:block;width:100%;height:auto;background:#07131f}.guide-image figcaption{font-size:11.5px;padding:12px 16px;color:#b4cad4;background:#0b2535;line-height:1.55}.guide-image figcaption strong{color:#c4e9e4}.no-results{border:1px dashed #57707c;text-align:center;padding:30px;border-radius:13px;margin-top:22px}.no-results h2{margin:0;font-size:19px}.no-results p{color:var(--muted)}.no-results button{padding:11px 20px;border:0;border-radius:9px;background:var(--mint);color:#092931;cursor:pointer;font-weight:800}footer{border-top:1px solid #305061;margin-top:44px;padding-top:25px;display:flex;align-items:center;flex-wrap:wrap;gap:16px}footer div{flex:1;min-width:220px}footer p{color:var(--muted);font-size:12px;margin:2px 0}footer a{font-size:12px;text-decoration:none;font-weight:750;padding:10px 13px;border:1px solid #3c6270;border-radius:8px}
@media(max-width:1050px){.layout{gap:23px;grid-template-columns:190px minmax(0,1fr);padding:28px 22px 70px}.hero{padding:30px 24px}}
@media(max-width:760px){.layout{display:block;padding:17px 14px 55px}.aside{display:none}.header-inner{padding:13px 17px}.header-inner nav{gap:13px}.header-inner nav a{font-size:12px}.logo{font-size:20px}.hero{padding:26px 19px;border-radius:16px}.hero>p{font-size:14px}.categories{flex-wrap:nowrap;overflow-x:auto;padding:3px 0 9px;scroll-snap-type:x proximity}.categories button{white-space:nowrap;scroll-snap-align:start}.quick-grid{grid-template-columns:1fr 1fr;gap:9px}.quick-grid a{padding:12px}.quick-grid strong{font-size:13px}.quick-grid small{font-size:11px}.quick-icon{width:30px;height:30px;font-size:16px}.guide summary{padding:15px 13px}.guide-title strong{font-size:14px}.guide-side{gap:7px}.guide-side small{font-size:10px}.guide-body{padding:3px 13px 19px;font-size:13px}.guide-image{margin:13px -5px 22px}.guide-image figcaption{padding:10px 12px}.guides-head{margin:33px 0 22px}.group{margin-bottom:25px}footer{display:grid;gap:12px}footer div{min-width:0}.searchbox{min-height:50px}.searchbox label{padding:0 9px}.searchbox input{font-size:14px}}
@media(max-width:380px){.quick-grid{grid-template-columns:1fr}.header-inner nav a:last-child{display:none}.hero h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}