/* The page's own text (index.html #about): what crawlers without
   JavaScript read. main.ts removes it as the terminal starts, so a visitor
   never sees it; it shows only when the terminal has not started after 3 s
   (JavaScript off, or a failed load). */
html, body { margin: 0; background: #0b0c0e; color: #9aa0ab; }
.about { box-sizing: border-box; max-width: 640px; margin: 0 auto; padding: 14vh 20px 40px; font: 400 14px/1.6 system-ui, -apple-system, 'Segoe UI', sans-serif; opacity: 0; animation: about-in .3s ease 3s forwards; }
@keyframes about-in { to { opacity: 1; } }
.about-mark { margin: 0 0 18px; color: #fff; font-size: 18px; font-weight: 600; letter-spacing: -0.01em; }
.about-mark b { color: #eb2901; }
.about h1 { margin: 0 0 12px; color: #e6e8ec; font-size: 22px; font-weight: 600; line-height: 1.3; }
.about p { margin: 0 0 12px; }
.about ul { margin: 0 0 14px; padding-left: 18px; }
.about li { margin-bottom: 6px; }
.about li b { color: #c9cdd4; font-weight: 600; }
.about nav { display: flex; gap: 16px; margin-top: 18px; }
.about a { color: #9aa0ab; }