:root:not([data-theme="comic"]) [data-comic]{display:none}

/* Captain Comic mode: EGA night sky, bright status colors, hard pixel edges. */
:root[data-theme="comic"] body{--ink:#edf1ff;--paper:#111632;--muted:#c2cce9;--red:#ffeb7c;--line:#555d91;background:#06091b;color:var(--ink);font:16px/1.65 'Courier New',monospace;scrollbar-color:#6468a3 #10142c;color-scheme:dark}
:root[data-theme="comic"] .theme-switch{width:min(1152px,calc(100% - 48px));color:#aebae4;font-family:'Courier New',monospace}
:root[data-theme="comic"] .theme-switch a{background:#181f45;color:#dce7ff;border:2px solid #5b649c;box-shadow:2px 2px 0 #020514}
:root[data-theme="comic"] .theme-switch a:hover{border-color:#a7b7ee;color:#fff}
:root[data-theme="comic"] .theme-switch a[aria-current]{color:#151531;background:#ffeb7c;border-color:#ffef99;box-shadow:2px 2px 0 #b97a43}
:root[data-theme="comic"] .retro-site{max-width:1280px;margin:0 auto}
:root[data-theme="comic"] .wrap{width:min(1152px,calc(100% - 48px))}
:root[data-theme="comic"] .retro-site>header{display:none}
:root[data-theme="comic"] .comic-console{margin:18px auto 28px;border:3px solid #757ba9;background:#121938;box-shadow:5px 5px 0 #000}
.comic-caption,.comic-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;color:#cbd6f7;font:bold .78rem/1.4 'Courier New',monospace;letter-spacing:.09em}
.comic-caption{background:#242e62;border-bottom:2px solid #727ab1;color:#eff1ff}
.comic-caption i{display:inline-block;width:8px;height:8px;background:#8bef64;box-shadow:2px 2px #407d46;margin-right:5px}
.comic-caption-mode{color:#bbfca0;white-space:nowrap}
.comic-status{background:#0e1430;border-top:2px solid #6571ab;color:#abbbef}
.comic-status span:last-child{color:#ffee75;letter-spacing:.24em}
.comic-console-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(205px,1fr)}
.comic-playfield{position:relative;width:100%;min-width:0;min-height:330px;aspect-ratio:416 / 176;background:#080c25 url('comic-world.svg') center bottom/cover no-repeat;image-rendering:pixelated}
.comic-title-block{padding:22px 22px 0;text-align:center}
.comic-title-block p{margin:0;color:#aeeeff;font:bold .86rem/1.4 'Courier New',monospace;letter-spacing:.22em}
.comic-title-block img{display:block;width:min(100%,540px);height:auto;border-radius:0;margin:8px auto 4px}
.comic-title-block>span{display:inline-block;background:#171832;color:#fbd799;font:bold .7rem/1.4 'Courier New',monospace;letter-spacing:.16em;padding:3px 8px;border:1px solid #70536f}
:root[data-theme="comic"] .comic-hud{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:8px;background:#151b3b;border-left:3px solid #626da4;padding:17px;font:normal .85rem/1.4 'Courier New',monospace}
.comic-hud-title{margin:0 0 6px;color:#9ef084;font-weight:bold;font-size:.82rem;letter-spacing:.1em}
:root[data-theme="comic"] .comic-hud a{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:44px;padding:7px;background:#21294e;border:2px solid #626d9a;color:#e8edff;text-decoration:none;box-shadow:2px 2px #0a0f23}
:root[data-theme="comic"] .comic-hud a b{color:#fff27e}
:root[data-theme="comic"] .comic-hud a:hover{background:#344477;color:#fff27e;border-color:#9ea9e0}
:root[data-theme="comic"] .comic-hud a.comic-hud-contact{display:block;background:#151b3b;color:#b5f0fb;border:0;box-shadow:none;text-decoration:underline;padding:6px 0;min-height:0}
:root[data-theme="comic"] a:focus-visible,:root[data-theme="comic"] button:focus-visible,:root[data-theme="comic"] summary:focus-visible{outline:2px dashed #ffed79;outline-offset:3px}
:root[data-theme="comic"] .hero{margin:0 auto 28px;padding:26px;gap:34px;background:#141a39;border:2px solid #555e91;box-shadow:4px 4px #050717}
:root[data-theme="comic"] .hero .eyebrow,:root[data-theme="comic"] .eyebrow,:root[data-theme="comic"] .section-label>span{font-family:'Courier New',monospace;color:#b6ed9d;letter-spacing:.08em}
:root[data-theme="comic"] .hero .eyebrow{font-size:.7rem;margin-bottom:17px}
:root[data-theme="comic"] h1,:root[data-theme="comic"] h2,:root[data-theme="comic"] .lead,:root[data-theme="comic"] .career h3{font-family:'Courier New',monospace;font-weight:bold;letter-spacing:-.055em;color:#eef1ff}
:root[data-theme="comic"] h1{font-size:clamp(2.3rem,4.1vw,4.15rem);line-height:1.04}
:root[data-theme="comic"] h2{font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.12}
:root[data-theme="comic"] em{font-style:normal;color:#ffec7d}
:root[data-theme="comic"] .intro{font-size:1rem;margin-top:22px}
:root[data-theme="comic"] .hero-context{font-size:.86rem}
:root[data-theme="comic"] .portrait{padding:5px;background:#070b21;border:3px solid #717eae;border-radius:0;box-shadow:4px 4px #070b21}
:root[data-theme="comic"] .portrait::before{display:none}
:root[data-theme="comic"] .portrait img{border-radius:0}
:root[data-theme="comic"] .portrait figcaption{color:#cbd7fd;text-align:center;padding:8px 4px;font:.66rem/1.4 'Courier New',monospace}
:root[data-theme="comic"] .button,:root[data-theme="comic"] .button.light{color:#141626;background:#ffec7c;border:2px solid #fff6ba;border-radius:0;box-shadow:3px 3px 0 #b07947;font:bold .9rem/1.3 'Courier New',monospace}
:root[data-theme="comic"] .button:hover,:root[data-theme="comic"] .button.light:hover{background:#adf47c;border-color:#dcffbe;color:#141626;box-shadow:3px 3px 0 #478844}
:root[data-theme="comic"] .button::before{display:none}
:root[data-theme="comic"] .band{background:#1a234c;border-block:2px solid #6575b0}
:root[data-theme="comic"] .band::before{height:6px;background:repeating-linear-gradient(90deg,#82e05b 0 12px,#388453 12px 19px,#9eec6d 19px 24px)}
:root[data-theme="comic"] .band .wrap{padding-block:8px}
:root[data-theme="comic"] .band button.sector-trigger{color:#d3e7ff;font-family:'Courier New',monospace;letter-spacing:.02em}
:root[data-theme="comic"] .band button.sector-trigger:is(:hover,[aria-expanded=true]){color:#fff27e}
:root[data-theme="comic"] .sector-example{background:#171f42;color:#edf1ff;border:2px solid #7180bd;border-radius:0;box-shadow:4px 4px #070b21;font-family:'Courier New',monospace}
:root[data-theme="comic"] .sector-example .sector-source{color:#aef488}
:root[data-theme="comic"] .statement,:root[data-theme="comic"] .connect{background:#0a0e25;border:0}
:root[data-theme="comic"] .statement-layout{padding-block:35px}
:root[data-theme="comic"] .statement-layout>div,:root[data-theme="comic"] .connect>.wrap{background:#171f41;border:2px solid #636ea8;border-radius:0;box-shadow:4px 4px #06091b}
:root[data-theme="comic"] .statement blockquote p{color:#eef1ff;font:bold clamp(1.65rem,3.1vw,2.7rem)/1.25 'Courier New',monospace;letter-spacing:-.055em}
:root[data-theme="comic"] .statement cite{color:#bfcaed;font-family:'Courier New',monospace}
:root[data-theme="comic"] .section-label>span::before,:root[data-theme="comic"] .section-heading .eyebrow::before,:root[data-theme="comic"] .teaching>div>.eyebrow::before{background:repeating-linear-gradient(90deg,#5fca62 0 10px,#283f6b 10px 14px);border-radius:0}
:root[data-theme="comic"] .leadership-note{border-color:#85db66}
:root[data-theme="comic"] .disciplines article,:root[data-theme="comic"] .disciplines article:nth-child(n){border-color:#6573ae}
:root[data-theme="comic"] .experience{background:#121936;border-color:#545f95}
:root[data-theme="comic"] .impact article,:root[data-theme="comic"] .impact article+article{border-color:#545f95}
:root[data-theme="comic"] .impact strong{color:#fff183;font:bold clamp(2rem,4vw,3.25rem)/1.15 'Courier New',monospace;letter-spacing:-.075em}
:root[data-theme="comic"] .career article{border-color:#515d90}
:root[data-theme="comic"] .career .career-meta{border-color:#8bd565}
:root[data-theme="comic"] .career .career-date{color:#fff183;font:bold 1.2rem/1.2 'Courier New',monospace}
:root[data-theme="comic"] .career .role{color:#b9ed9e}
:root[data-theme="comic"] .teaching aside{background:#161e40;border:2px solid #616fa7;border-radius:0;box-shadow:4px 4px #080b22}
:root[data-theme="comic"] .teaching aside>div{border-color:#5c6898}
:root[data-theme="comic"] .teaching aside .institution-logo{background:#f8faff;padding:4px}
:root[data-theme="comic"] .connect .eyebrow{color:#b6ed9d}
:root[data-theme="comic"] footer.wrap{color:#b6c3e9;border-color:#515d90}
:root[data-theme="comic"] footer.wrap{flex-wrap:wrap}
:root[data-theme="comic"] .retro-badges{display:flex;flex-basis:100%;flex-wrap:wrap;align-items:center;gap:8px 16px;font:bold .75rem/1.4 'Courier New',monospace}
:root[data-theme="comic"] .retro-badges a{color:#b5f0fb}
:root[data-theme="comic"] .retro-visitor-counter{display:inline-flex;align-items:center;gap:7px;padding:5px 8px;color:#dce5ff;background:#1b2449;border:2px solid #6575ad}
:root[data-theme="comic"] #visitor-total{padding:4px 6px;background:#060b21;color:#b6f895;border:1px solid #5d6b9d;font:bold 1rem/1 'Courier New',monospace;letter-spacing:.14em;font-variant-numeric:tabular-nums}
@media(max-width:850px){.comic-playfield{min-height:270px}.comic-console-grid{grid-template-columns:minmax(0,2.5fr) minmax(165px,1fr)}:root[data-theme="comic"] .comic-hud{padding:12px}.comic-title-block{padding-inline:12px}:root[data-theme="comic"] .hero{gap:24px}}
@media(max-width:650px){:root[data-theme="comic"] .wrap,:root[data-theme="comic"] .theme-switch{width:calc(100% - 24px)}:root[data-theme="comic"] .comic-console{margin-top:12px;margin-bottom:18px}.comic-caption,.comic-status{font-size:.64rem;padding:6px 8px;letter-spacing:.04em}.comic-console-grid{grid-template-columns:1fr}.comic-playfield{min-height:175px;aspect-ratio:416/190}.comic-title-block{padding-top:13px}.comic-title-block p{font-size:.68rem}.comic-title-block>span{font-size:.59rem}:root[data-theme="comic"] .comic-hud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;border-left:0;border-top:2px solid #6571ab;padding:8px}.comic-hud-title{grid-column:1/-1;margin-bottom:1px;font-size:.71rem}:root[data-theme="comic"] .comic-hud a{display:flex;justify-content:center;padding:4px 2px;font-size:.69rem}:root[data-theme="comic"] .comic-hud a b,:root[data-theme="comic"] .comic-hud a>span[aria-hidden]{display:none}:root[data-theme="comic"] .comic-hud a.comic-hud-contact{grid-column:1/-1;padding:4px 0}:root[data-theme="comic"] .hero{padding:15px;gap:20px}:root[data-theme="comic"] .hero .eyebrow{font-size:.64rem}:root[data-theme="comic"] h1{font-size:clamp(2rem,8vw,2.8rem)}:root[data-theme="comic"] .impact strong{font-size:2.55rem}:root[data-theme="comic"] .statement-layout>div,:root[data-theme="comic"] .connect>.wrap{padding:17px}}
