:root { color-scheme:light; }
* { box-sizing:border-box; }
body { margin:0; background:#f1f1ec; color:#17212b; font:15px/1.7 Inter,Arial,sans-serif; }
a { color:#17617b; text-underline-offset:4px; }
a:focus-visible,button:focus-visible,pre:focus-visible { outline:3px solid #17617b; outline-offset:4px; }
.ai-header { padding:20px max(24px,calc((100% - 1100px)/2)); background:#090e1b; color:#f3f5fa; display:flex; align-items:center; flex-wrap:wrap; gap:24px; }
.ai-header a { color:#b5bfce; text-decoration:none; }
.ai-brand { font:600 30px/1 Outfit,Arial,sans-serif; letter-spacing:-1.5px; }
.ai-brand span { color:#9cdcf3; }
.ai-header nav { margin-left:auto; display:flex; gap:16px; font-size:11px; }
.ai-header nav [aria-current] { color:#9cdcf3; text-decoration:underline; }
.view-switch { display:flex; border:1px solid #47505d; padding:3px; gap:3px; border-radius:4px; font-size:11px; }
.view-switch a { padding:7px 12px; border-radius:2px; }
.view-switch [aria-current] { background:#9cdcf3; color:#102331; }
main { width:min(1100px,calc(100% - 48px)); margin:56px auto; }
h1,h2 { font-family:Outfit,Arial,sans-serif; font-weight:500; line-height:1.15; letter-spacing:-.025em; }
h1 { font-size:clamp(30px,4vw,48px); max-width:950px; overflow-wrap:anywhere; margin:18px 0; }
h2 { font-size:28px; }
.ai-eyebrow { font-size:10px; letter-spacing:.13em; font-weight:600; color:#596770; }
.ai-intro { color:#52616a; }
.ai-tools { display:flex; gap:14px 24px; align-items:center; flex-wrap:wrap; margin:28px 0 0; font-size:13px; }
button { border:1px solid #17617b; border-radius:3px; background:#dceff6; color:#102331; min-height:44px; padding:10px 18px; cursor:pointer; font:600 13px Inter,Arial,sans-serif; }
#copy-markdown { display:none; }
.ai-status { min-height:24px; color:#17617b; font-size:13px; }
.ai-document { padding:32px; background:#fff; border:1px solid #ccd2d6; border-radius:5px; }
pre { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; font:14px/1.9 ui-monospace,Consolas,monospace; tab-size:2; }
.ai-index { padding-top:35px; }
.ai-index ul { columns:2; padding-left:20px; }
.ai-index li { margin:8px 0; break-inside:avoid; }
.ai-notice { margin-top:35px; color:#52616a; font-size:12px; }
.ai-skip { position:absolute; top:-100px; left:24px; padding:10px; background:#9cdcf3; }
.ai-skip:focus { top:8px; }
@media(max-width:620px) { .ai-header { gap:20px; padding:20px 24px; } .view-switch { margin-left:auto; } main { margin-top:36px; } .ai-document { padding:20px 16px; } .ai-index ul { columns:1; } }