/* Presentation only: the source document and shared chrome stay intact. */
html:has(body[data-page="ai"]){scroll-behavior:auto}
body[data-page="ai"]{background:#050807}
body[data-page="ai"] main{--terminal-color:#39ff14;--line:#39ff1433;position:relative;isolation:isolate;background:#050807;color:var(--terminal-color);padding:calc(var(--header-height) + 32px) clamp(18px,4vw,64px) 64px;font:13px/1.85 'JetBrains Mono','Noto Sans JP',monospace;text-shadow:0 0 9px color-mix(in srgb,currentColor 22%,transparent)}
body[data-page="ai"] main::after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#00000009 3px 4px);animation:ai-scan 12s linear infinite}
#main .page-title,#main .ai-panel,#main .page-section{position:relative;color:var(--terminal-color);background:#050807ed;z-index:1;display:block;margin:0;padding:24px 0 32px;border:0;border-bottom:1px dashed color-mix(in srgb,currentColor 32%,transparent);border-radius:0;box-shadow:none}
#main .page-title{--command:'gig@tamba:~$ cat ./ai.html'}
#main .ai-panel:first-child{--command:'gig@tamba:~$ ./session --whoami'}
#main .ai-panel[aria-labelledby="ai-security-title"]{--command:'gig@tamba:~$ ./security --status'}
#main .page-section:nth-of-type(1){--command:'gig@tamba:~$ ls ./for-ai/'}
#main .page-section:nth-of-type(2){--command:'gig@tamba:~$ cat company.txt'}
#main .page-section:nth-of-type(3){--command:'gig@tamba:~$ man faq'}
#main .page-section:nth-of-type(4){--command:'gig@tamba:~$ ls ./pages/'}
#main .page-title::before,#main .ai-panel::before,#main .page-section::before{content:var(--command);display:block;margin-bottom:18px;font-weight:700;white-space:pre-wrap;overflow-wrap:anywhere}
#main .ai-command::before{content:none}
.ai-prompt{display:block;width:max-content;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:18px;font-weight:700}
.ai-prompt::after{content:'';display:inline-block;width:.65em;height:1.1em;background:currentColor;vertical-align:-.15em;margin-left:.5em;animation:ai-cursor 1.2s steps(1,end) infinite}
#main h1,#main h2,#main h3,#main .section-index,#main .eyebrow{font:inherit;color:inherit;letter-spacing:0}
#main h1,#main h2,#main h3{font-weight:700;font-size:13px;line-height:1.85}
#main h1::before,#main h2::before,#main h3::before{content:'# '}
#main .eyebrow{font-size:11px;margin:0 0 6px}
#main .section-heading{display:flex;gap:12px;align-items:baseline;margin-bottom:14px}
#main .section-index{display:inline;font-size:11px;margin:0}
#main .section-index::before{content:'['}#main .section-index::after{content:']'}
#main .page-title>p:last-child{max-width:none;font-size:inherit;margin:14px 0 0}
.ai-terminal{position:static;margin:0;border:0;background:none}
.ai-code{position:absolute;inset:0;width:100%;height:min(100%,1600px);opacity:.10;pointer-events:none;z-index:0}
/* Nearly opaque output surfaces retain contrast over the faint code rain. */
.ai-dashboard{display:block;padding:0}
.ai-panel-caption{font-size:12px;margin:6px 0 16px}
.ai-panel dl{margin:0}.ai-panel dl>div{display:grid;grid-template-columns:minmax(180px,32%) minmax(0,1fr);gap:12px;padding:5px 0;font-size:12px;line-height:1.85}
.ai-panel dt{display:flex;align-items:baseline;gap:8px;min-width:0}
.ai-panel dt::after{content:'';flex:1;min-width:16px;border-bottom:1px dotted currentColor}
.ai-panel dd{margin:0;min-width:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ai-panel dd::before{content:': '}.ai-security dd span,.ai-security time{display:block;font-size:11px}.ai-security time::before{content:'# '}
.ai-panel-note{font-size:11px;margin-top:16px}
.ai-links{list-style:none;margin:0;padding:0}.ai-links li{padding:10px 0}.ai-links a{display:inline-block;color:inherit;min-height:32px;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.ai-links a::before{content:'./'}
.ai-links p{margin:0 0 0 2ch}.ai-facts h3{margin:22px 0 6px}.ai-facts h3:first-child{margin-top:0}.ai-facts p+p{margin-top:12px}
.ai-faq{border-top:1px dotted color-mix(in srgb,currentColor 32%,transparent)}
.ai-faq summary{list-style:none;position:relative;padding:12px 0 12px 4ch;cursor:pointer;font-weight:400;overflow-wrap:anywhere}
.ai-faq summary::-webkit-details-marker{display:none}.ai-faq summary::before{content:'[+]';position:absolute;left:0}.ai-faq[open] summary::before{content:'[-]'}
.ai-faq p{padding:0 0 18px 4ch}.ai-faq summary:hover{ text-decoration:underline;text-underline-offset:4px}
#main :focus-visible{outline:2px solid currentColor;outline-offset:4px}
.ai-boot{margin:0;padding:0 0 24px;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.8 'JetBrains Mono','Noto Sans JP',monospace;color:#39ff14;background:#050807}
.ai-ascii{display:block;font:clamp(7px,1.55vw,16px)/1.15 'JetBrains Mono',monospace;white-space:pre;letter-spacing:0;margin-top:22px}
.ai-noise{position:fixed;left:0;right:0;top:45%;height:2px;z-index:3;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 19px,currentColor 20px 39px);opacity:0}
@keyframes ai-cursor{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes ai-scan{to{background-position:0 32px}}
@media(max-width:600px){body[data-page="ai"] main{font-size:12px}.ai-panel dl>div{grid-template-columns:minmax(0,45%) minmax(0,1fr);gap:8px;font-size:11px}.ai-panel dt{gap:4px}#main .section-heading{gap:8px}}
@media(prefers-reduced-motion:reduce){#main *,#main::after{animation:none!important;transition:none!important;clip-path:none!important}.ai-code,.ai-noise{display:none}}
@media print{body[data-page="ai"] main{background:white;color:black;text-shadow:none}#main .page-title,#main .ai-panel,#main .page-section,.ai-boot{background:white;color:black!important}.ai-code,.ai-noise,#main::after,.ai-prompt::after{display:none}}

#main #threat-map{--command:'gig@tamba:~$ ./threat --map --period=daily'}