/* Shrinemaps' own text (index.html #about): what crawlers without
   JavaScript read, and the home page without a coin (src/main.ts shows it
   there at once, .show). On a coin's page main.ts removes it as the map
   starts, so it is never seen; without a start after 3 s it shows. */
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; }
.about.show { opacity: 1; animation: none; }
@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; }
.about code { color: #c9cdd4; font: 13px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }