/* Shared light research treatment for GIGI reference and interactive pages. */
:root{color-scheme:light;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--mono:Consolas,'Courier New',monospace;--line:#d5e0e6;--line-2:#aec5d2;--gigi-faint:#edf6f6}
html{scrollbar-gutter:stable}body{font-weight:400}h1,h2,h3{font-weight:400;letter-spacing:-.5px}a{text-underline-offset:4px}a:hover{text-decoration:underline}
a:focus-visible,button:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid #167f86;outline-offset:4px}
.nav,nav.scrolled{background:#fff;backdrop-filter:none}.hero{background:#fff;text-align:left;min-height:0;padding-top:44px}.hero-grid{display:none}.hero-content{max-width:1120px;text-align:left}.hero h1{font:400 clamp(34px,4vw,49px)/1.2 var(--serif)}.hero-tagline{font:18px/1.7 var(--serif)}.hero-status,.hero-actions{justify-content:flex-start}
.btn,.chip,.cmd,.callout,.receipt,.console-editor,.console-output,.example,.mode-card,.stat-card{border-radius:0;box-shadow:none}.btn-primary{background:#244e73;color:#fff;border-color:#244e73}.btn-primary:hover{background:#315f83;color:#fff}.btn-secondary{color:#315f83}.brand,.nav-brand{font-family:var(--sans);font-weight:600;letter-spacing:1px}
.s-title{font:400 30px/1.3 var(--serif)}.s-lede{font:17px/1.75 var(--serif)}.s.alt{background:#f8fbfc}.hero-text .subtitle{font:23px/1.5 var(--serif)}.hero-text .lede{font:17px/1.75 var(--serif)}.hero-stats{animation:none;opacity:1}.hero-content{animation:none}.hero-text{animation:none;opacity:1}
pre,code,textarea{font-family:var(--mono)}.console-head input{max-width:100%;min-width:0}svg text{display:inline}
@media(max-width:700px){.hero{padding-top:28px}.hero h1{font-size:35px}.s-title{font-size:27px}.hero-tagline{font-size:17px}}
.hero-tagline{margin-left:0;margin-right:0}
#geoCanvas{display:none}#mainNav,#mainNav.scrolled{position:relative;padding:23px 40px;background:#fff;backdrop-filter:none;border-bottom:1px solid #d5e0e6;box-shadow:none;gap:24px}
#mainNav .nav-links{gap:25px}#mainNav .nav-brand{font:600 16px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;margin:0;color:#243746}#mainNav .nav-links a{font:13px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none}
.hero .hero-text .lede{font:17px/1.75 Georgia,serif}.hero .hero-content:has(.hero-text){padding:35px 30px 40px;gap:35px}.hero .hero-text .subtitle{font:20px/1.6 Georgia,serif}.hero-stats .stat-panel{background:#f4f8fa;box-shadow:none}.hero-stats{box-shadow:none}
@media(max-width:900px){#mainNav,#mainNav.scrolled{padding:20px 22px}#mainNav .nav-links{background:#fff}.hero .hero-content:has(.hero-text){padding:25px 22px;grid-template-columns:1fr}}