/* About-only monitor view. The existing lab raster and site styles are untouched. */
body.about-monitor{
  --green:#91f4a9;--white:#cbffd5;--dim:#82ad8b;--faint:#284532;
  --panel:#08190e;--cyan:#98e0d1;--amber:#dbc988;--gold:#dbc988;--coral:#e6b899;--red:#ffab91;
  background:#09121a;color:var(--green);height:100vh;height:100dvh;overflow:hidden;isolation:isolate;
}
.lab-room{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(6,13,18,.28),rgba(6,13,18,.58)),url('ai-lab-ps1.webp') center center/cover no-repeat}
.monitor-stage{height:100%;width:min(1120px,100%);margin:0 auto;padding:16px 30px 14px;display:flex;flex-direction:column;min-height:0}
.monitor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;padding:0 4px 10px;color:#c3cecd;font:14px var(--pix);letter-spacing:.09em;text-shadow:0 1px 3px #000}
.monitor-toolbar .back-to-lab{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;color:#e0eeea;text-decoration:none;font:19px var(--pix);letter-spacing:.04em;background:rgba(10,20,26,.8);border:1px solid #53666a}
.monitor-toolbar .back-to-lab:hover{color:#baf7d0;border-color:#96b7ac;background:#16262b}
.about-monitor a:focus-visible{outline:2px solid #baf7d0;outline-offset:3px}
.monitor-shell{position:relative;flex:1;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 46px;padding:24px 28px 0;border-radius:27px 27px 22px 22px;border:2px solid #101518;border-top-color:#607076;border-left-color:#455258;background:linear-gradient(130deg,#424e52 0%,#252d31 14%,#21282c 70%,#151c20 100%);box-shadow:inset 0 2px 1px #617075,inset 3px 0 2px #38444a,8px 12px 0 #0a1116,12px 22px 40px rgba(0,0,0,.55)}
.monitor-glass{position:relative;min-height:0;overflow:hidden;border-radius:17px;background:#06120a;border:3px solid #0d1315;border-bottom-color:#4b5a5a;border-right-color:#394849;box-shadow:inset 0 0 35px rgba(0,0,0,.8),0 0 2px #000}
.monitor-glass::after{content:"";position:absolute;inset:0;z-index:60;pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(180deg,transparent 0,transparent 2px,rgba(0,0,0,.12) 2px,rgba(0,0,0,.12) 3px),radial-gradient(ellipse at 50% 45%,transparent 65%,rgba(0,0,0,.23) 100%);box-shadow:inset 0 0 20px rgba(0,0,0,.55)}
.terminal-scroll{position:relative;width:100%;height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#54765a #0a190f;background:radial-gradient(ellipse at top,#0c2413,#06120a 85%);color:var(--green);text-shadow:0 0 5px rgba(95,255,132,.16)}
.terminal-scroll:focus-visible{outline:2px solid #91f4a9;outline-offset:-4px}
.monitor-chin{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 10px;color:#a1b0ad;font:14px var(--pix);letter-spacing:.17em;text-shadow:0 1px #0c1012}
.monitor-vents{height:9px;width:90px;background:repeating-linear-gradient(90deg,#10171b 0,#10171b 3px,transparent 3px,transparent 7px)}
.monitor-power{display:flex;align-items:center;gap:9px;color:#899b92;font:12px var(--pix);letter-spacing:.06em}
.monitor-power i{width:7px;height:7px;background:#9bdd89;border-radius:50%;box-shadow:0 0 7px rgba(158,255,130,.48)}
.monitor-stand{position:relative;flex:none;width:220px;height:28px;margin:0 auto;background:linear-gradient(90deg,transparent 30%,#111a20 30%,#2b383d 50%,#111a20 70%,transparent 70%)}
.monitor-stand::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:9px;background:#253036;border-top:2px solid #47565a;clip-path:polygon(10% 0,90% 0,100% 100%,0 100%)}
.about-monitor .wrap{animation:none;min-width:0}
.about-monitor .bar{position:sticky;top:0;display:flex;flex-wrap:wrap;gap:6px 20px;padding:10px 20px;background:#0a1c10;border-bottom:1px solid #33583d;box-shadow:none;color:var(--green)}
.about-monitor .bar .seg{display:none}
.about-monitor .wordmark{font-size:12px;min-height:32px;color:var(--white);flex-wrap:wrap}
.about-monitor .nav{gap:3px}
.about-monitor .nav a{display:inline-flex;align-items:center;min-height:32px;color:#9ebda6;letter-spacing:.05em;padding:4px 7px}
.about-monitor .nav a.here{color:#c4ffd2;border-color:#60916b;background:#183b22}
.about-monitor .nav a:hover{color:#c4ffd2;border-color:#517e5c}
.about-monitor .page{max-width:920px;padding:28px 28px 36px;margin:0 auto;overflow-wrap:anywhere}
.about-monitor .page-head{margin-bottom:22px}
.about-monitor .page-head h1{font:400 clamp(30px,4vw,46px)/1.12 var(--pix);color:var(--white);letter-spacing:.01em}
.about-monitor .page-head h1 em{color:var(--green);font-style:normal}
.about-monitor .kicker{font-size:11px;color:#8cc69a;letter-spacing:.13em}
.about-monitor .kicker .dot{animation:none;background:#91f4a9}
.about-monitor .panel{border:1px solid #284532;background:rgba(4,15,8,.55)}
.about-monitor .panel>.ptitle{gap:12px;flex-wrap:wrap;font-size:10px;color:#91b89a;letter-spacing:.08em;border-color:#284532}
.about-monitor .boot{font-size:15px;line-height:1.85}
.about-monitor .boot .l{margin-bottom:9px}
.about-monitor .boot .l:last-child{margin-bottom:0}
.about-monitor .boot .sys{font-size:13px;color:#8bb596;margin-top:14px}
.about-monitor .boot .sys:first-child{margin-top:0}
.about-monitor .rv{opacity:1;transform:none;transition:none}
.about-monitor .quote{text-align:left;padding:28px 0;border-bottom:1px solid #284532;margin-bottom:24px}
.about-monitor .quote .big{font-size:26px;color:#addeb8}
.about-monitor .quote .big .hl{color:#b4eebf}
.about-monitor .quote cite{color:#91b89a;font-size:12px}
.about-monitor .places{display:block;margin-top:0}
.about-monitor .place{padding:14px 0;background:none;border:0;border-bottom:1px dashed #284532}
.about-monitor .place h3{color:#a2e0b1;font-size:23px}
.about-monitor .place p{color:#99bba3;font-size:14px;margin-top:4px}
.about-monitor footer{border-color:#284532;margin:0 28px;padding:16px 0 24px;font-size:11px;color:#91b89a}
@media(max-width:700px){
 .monitor-stage{padding:8px 9px 9px}
 .monitor-toolbar{padding:0 3px 7px;gap:8px}
 .monitor-toolbar>span{font-size:12px;letter-spacing:.02em}
 .monitor-shell{padding:10px 9px 0;border-radius:17px;grid-template-rows:minmax(0,1fr) 33px;box-shadow:inset 0 2px 1px #617075,3px 5px 0 #0a1116,0 12px 25px rgba(0,0,0,.5)}
 .monitor-glass{border-radius:9px;border-width:2px}
 .monitor-chin{padding:0 7px;font-size:12px}
 .monitor-vents{width:40px;height:7px}
 .monitor-stand{height:15px;width:150px}
 .about-monitor .bar{padding:8px 12px}
 .about-monitor .wordmark{font-size:11px}
 .about-monitor .nav a{min-height:44px;padding:4px 7px;font-size:11px}
 .about-monitor .page{padding:22px 15px 28px}
 .about-monitor .boot{font-size:14px;line-height:1.8}
 .about-monitor footer{margin:0 15px}
}
@media(max-height:500px){
 .monitor-stage{padding:5px 10px}
 .monitor-toolbar{padding-bottom:4px}
 .monitor-shell{padding:8px 10px 0;border-radius:15px;grid-template-rows:minmax(0,1fr) 24px}
 .monitor-stand{display:none}
 .about-monitor .bar{position:relative}
}
@media(prefers-reduced-motion:reduce){.about-monitor *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}