:root{--brand-primary:#283778;--brand-primary-hover:#33438D;--brand-primary-deep:#1D2A5E;--brand-ink:#1D2540;--brand-navy-footer:#1B2450;--brand-navy-hero:#151C40;--brand-accent:#FFC805;--brand-accent-hover:#FFD84D;--brand-gold-logo:#FFD300;--brand-blue:#4AA4EA;--brand-blue-soft:#8FBEF0;--text-muted:#5B6480;--text-subtle:#8A91A8;--border:#E4E8F3;--border-strong:#C9D2E8;--surface:#FFFFFF;--surface-1:#F6F8FC;--surface-2:#F2F5FB;--surface-3:#EEF1F8;--success:#2E7D46;--success-bg:#F0F9EE;--warn-text:#6B5407;--warn-bg:#FFF9E6;--warn-border:#F5E3A0;--grad-primary:linear-gradient(90deg,#283778,#33438D);--grad-hero:linear-gradient(105deg,#12193a,#161f48 40%,#1d2a5e 70%,#1d2a5e);--grad-urgent:linear-gradient(120deg,#1D2A5E,#283778 55%,#33438D);--grad-cta:linear-gradient(135deg,#F6F8FC,#EAF2FC 60%,#FFF6DC 130%);--grad-gold:linear-gradient(150deg,#FFD300,#F8A600 55%,#EB501E);--font-heading:"Ubuntu",sans-serif;--font-body:"Montserrat",system-ui,sans-serif;--radius-sm:10px;--radius-md:12px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:20px;--radius-3xl:24px;--radius-pill:999px;--shadow-float:0 16px 32px -10px rgba(40,55,120,0.25);--shadow-card:0 20px 40px -14px rgba(40,55,120,0.22);--shadow-btn:0 12px 24px -8px rgba(40,55,120,0.45);--shadow-pop:0 30px 60px -18px rgba(40,55,120,0.32);--shadow-modal:0 40px 80px -24px rgba(15,21,52,0.6);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-14:56px;--space-18:72px;--space-24:96px;--container:1240px;--container-narrow:880px;--dur-fast:0.15s;--dur-mid:0.2s;--dur-slow:0.25s;--ease:ease;--ease-in-out:ease-in-out}.sg{--sidebar-w:264px;font-family:var(--font-body);color:var(--brand-ink);background:var(--surface-1);min-height:100vh;overflow-x:clip}.sg *,.sg :after,.sg :before{box-sizing:border-box}.sg-shell{display:flex;max-width:1440px;margin:0 auto;align-items:flex-start}.sg-side{position:-webkit-sticky;position:sticky;top:0;align-self:flex-start;width:var(--sidebar-w);height:100vh;overflow-y:auto;flex-shrink:0;background:var(--brand-navy-hero);color:#fff;padding:26px 18px 40px;scrollbar-width:thin}.sg-side::-webkit-scrollbar{width:8px}.sg-side::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:8px}.sg-brandline{display:flex;align-items:center;gap:10px;padding:0 8px 18px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:14px}.sg-navgroup{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-blue-soft);padding:16px 10px 6px}.sg-navlink{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;font-size:13.5px;font-weight:600;color:rgba(255,255,255,.72);cursor:pointer;transition:background .15s,color .15s;line-height:1.2}.sg-navlink:hover{background:rgba(255,255,255,.08);color:#fff}.sg-navlink.active{background:var(--brand-accent);color:var(--brand-ink)}.sg-navnum{font-size:11px;font-weight:700;opacity:.6;width:18px;flex-shrink:0}.sg-navlink.active .sg-navnum{opacity:.85}.sg-main{flex:1 1;min-width:0;padding:0 clamp(20px,4vw,64px) 120px}.sg-section{padding:76px 0 8px;scroll-margin-top:20px;border-bottom:1px solid var(--border)}.sg-section:last-child{border-bottom:none}.sg-eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-blue);display:flex;align-items:center;gap:10px}.sg-h2{font-family:var(--font-heading);font-size:clamp(26px,3.4vw,40px);font-weight:700;color:var(--brand-ink);margin:10px 0 0;letter-spacing:-.01em}.sg-lead{font-size:15.5px;line-height:1.65;color:var(--text-muted);margin:12px 0 0;max-width:720px}.sg-grid{display:grid;grid-gap:16px;gap:16px;margin-top:28px}.sg-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:20px}.sg-copy{cursor:copy;transition:color .15s;position:relative}.sg-copy:hover{color:var(--brand-primary)}.sg-copied{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--brand-ink);color:#fff;padding:10px 18px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;z-index:300;box-shadow:var(--shadow-pop);animation:sgFade .2s ease}@keyframes sgFade{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.sg-swatch{border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;background:var(--surface);cursor:copy;transition:transform .15s,box-shadow .15s}.sg-swatch:hover{transform:translateY(-3px);box-shadow:var(--shadow-card)}.sg-chip-btn{display:inline-flex;align-items:center;gap:6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:5px 9px;color:var(--brand-ink);cursor:copy}.sg-chip-btn:hover{border-color:var(--brand-primary)}.sg-code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px;line-height:1.6;background:var(--brand-navy-hero);color:#e6ebff;border-radius:var(--radius-lg);padding:16px 18px;overflow-x:auto;white-space:pre}.sg-toggle{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);padding:3px}.sg-toggle button{border:none;background:none;font:inherit;font-size:12.5px;font-weight:700;padding:6px 14px;border-radius:var(--radius-pill);cursor:pointer;color:var(--text-muted)}.sg-dl,.sg-toggle button.on{background:var(--brand-primary);color:#fff}.sg-dl{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;padding:9px 14px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:background .15s,transform .15s;text-decoration:none}.sg-dl:hover{background:var(--brand-primary-hover);transform:translateY(-1px)}.sg-dl.ghost{background:var(--surface);color:var(--brand-primary);border:1.5px solid var(--border-strong)}.sg-dl.ghost:hover{border-color:var(--brand-primary);background:var(--surface)}.sg-hoverlift{transition:transform .2s,box-shadow .2s}.sg-hoverlift:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}.sg-topbar{display:none}@media (max-width:900px){.sg-side{display:none}.sg-topbar{display:block;position:-webkit-sticky;position:sticky;top:0;z-index:50;background:var(--brand-navy-hero);padding:12px 16px}.sg-topbar-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.sg-topbar-scroll::-webkit-scrollbar{display:none}.sg-topbar .sg-navlink{white-space:nowrap;flex-shrink:0;padding:7px 12px}.sg-main{padding:0 18px 90px}.sg-section{padding-top:52px}}.sg-pagetitle{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}