:root { --blue:#163c70; --paper:#e7e4d6; --ink:#121a27; --line:#939486; }
* { box-sizing:border-box; }
body { min-height:100vh; margin:0; color:var(--ink); background:#05070b; background-image:radial-gradient(circle at 8% 21%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 29% 8%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 61% 18%,#b7d0ff 0 1px,transparent 1.5px),radial-gradient(circle at 88% 35%,#fff 0 1px,transparent 1.5px); background-size:180px 160px,250px 200px,270px 220px,240px 260px; font:13px/1.55 Verdana,Geneva,sans-serif; }
.about-page { width:760px; margin:26px auto 36px; border:3px ridge #e5e5db; background:var(--paper); box-shadow:0 0 0 3px #0c1423,0 10px 28px #000; }
header, footer { display:flex; justify-content:space-between; padding:5px 9px; color:#fff; background:var(--blue); font:bold 10px "Courier New",monospace; letter-spacing:.7px; }
main { padding:15px 20px 18px; }.page-heading { margin:2px 0 15px; text-align:center; }.page-heading h1 { margin:0; color:#b84408; font:bold 30px/1 Georgia,"Times New Roman",serif; letter-spacing:1px; text-transform:uppercase; text-shadow:1px 1px #fff; }.page-heading p { margin:4px 0 0; color:#565b62; font:bold 11px "Courier New",monospace; text-transform:uppercase; }
.box { margin:0 0 13px; border:2px groove #c7c7bd; background:#f6f3e7; }.box h2 { margin:0; padding:3px 6px; color:#fff; background:linear-gradient(90deg,#163c70,#2b66aa); font:bold 11px "Courier New",monospace; letter-spacing:.35px; text-transform:uppercase; }.box-body { padding:9px 11px; }.box p { margin:0 0 10px; }.box p:last-child { margin-bottom:0; }
.profile-grid { display:block; }.specifications,.story { margin:0; }.spec-list { margin:0; display:grid; grid-template-columns:repeat(3, 1fr); column-gap:20px; }.spec-list div { padding:6px 0; border-bottom:1px dotted var(--line); }.spec-list div:last-child { border-bottom:0; }.spec-list dt { margin-bottom:1px; color:#163c70; font:bold 10px "Courier New",monospace; text-transform:uppercase; }.spec-list dd { margin:0; font:11px/1.45 "Courier New",monospace; }
.story article { padding-bottom:14px; margin-bottom:14px; border-bottom:1px dotted var(--line); }.story article:last-child { padding-bottom:0; margin-bottom:0; border-bottom:0; }.story h3 { margin:0 0 7px; color:#b84408; font:bold 15px Georgia,"Times New Roman",serif; text-transform:uppercase; }.story p { font-size:12px; }
.terminal-note { display:grid; grid-template-columns:max-content 1fr; gap:2px 9px; margin:10px 0 0; padding:7px 8px; border:1px inset #ddd; color:#20344b; background:#e7eadf; font:10px/1.45 "Courier New",monospace; }.terminal-note > b:first-child { grid-column:1/-1; color:#163c70; }.terminal-note hr { grid-column:1/-1; width:100%; margin:3px 0; border:0; border-top:1px dotted #899182; }.terminal-note strong { color:#187116; }.terminal-note > span:only-child { grid-column:1/-1; }
.currently .box-body { font:12px/1.65 "Courier New",monospace; }.currently b { color:#163c70; font-size:13px; }.status-line { display:flex; flex-wrap:wrap; gap:5px 16px; margin-top:9px; padding-top:7px; border-top:1px dotted var(--line); font-size:10px; }.status-line i { display:inline-block; width:7px; height:7px; margin-right:4px; border:1px solid #0d5c13; border-radius:50%; background:#39a12e; }
.closing blockquote { margin:14px 7px; color:#173f72; font:italic 15px/1.45 Georgia,"Times New Roman",serif; text-align:center; }.specialisation { display:flex; align-items:center; gap:13px; width:max-content; max-width:100%; margin:12px auto 0; padding:7px 10px; border:1px dashed #aa6600; background:#fff3c9; font:10px/1.4 "Courier New",monospace; }.specialisation b { color:#8a4100; }.specialisation span { border-left:1px dotted #aa6600; padding-left:13px; }
.employment dl { margin:0; }.employment dl div { display:grid; grid-template-columns:122px 1fr; padding:7px 0; border-bottom:1px dotted var(--line); }.employment dl div:last-child { border-bottom:0; }.employment dt { color:#163c70; font:bold 10px "Courier New",monospace; text-transform:uppercase; }.employment dd { margin:0; font:11px/1.45 "Courier New",monospace; }
.return { display:block; width:max-content; margin:17px auto 0; padding:5px 12px; border:2px outset #9eb3cf; color:#fff; background:#214e8a; font:bold 11px "Courier New",monospace; text-decoration:none; }.return:active { border-style:inset; }.return:focus-visible { outline:3px solid #ffcf50; outline-offset:2px; } footer { justify-content:center; font-size:9px; }
@media (max-width:800px) { body { background-image:none; }.about-page { width:100%; margin:0; border-width:0; box-shadow:none; } }
@media (max-width:560px) { main { padding:14px 10px; }.page-heading h1 { font-size:25px; }.profile-grid { grid-template-columns:1fr; }.status-line { display:grid; gap:4px; }.employment dl div { grid-template-columns:1fr; gap:3px; } header { flex-direction:column; }.specialisation { width:100%; } }