:root { color-scheme: light; --ink: #171717; --paper: #f5f3ee; --muted: #77746d; --accent: #e44b2e; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; line-height: 1.6; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; padding: 24px; color: var(--ink); background: var(--paper); }
main { max-width: 760px; margin: 12vh auto 8vh; }
header { border-top: 2px solid var(--ink); padding-top: 14px; }
.eyebrow, .section-label, .stamp { margin: 0; color: var(--accent); font-size: .75rem; letter-spacing: .12em; }
h1 { margin: 5rem 0 1rem; font-family: Georgia, serif; font-size: clamp(3.7rem, 13vw, 8.5rem); font-weight: 400; line-height: .85; letter-spacing: -.08em; }
.nickname { color: var(--accent); font-style: italic; }
.intro { max-width: 32rem; margin: 0; font-size: clamp(1rem, 2.5vw, 1.3rem); }
nav { margin-top: 7rem; border-bottom: 1px solid #c9c6be; }
.index-link { display: grid; grid-template-columns: 3rem 1fr auto; gap: 1rem; align-items: baseline; padding: 1rem 0; border-top: 1px solid #c9c6be; color: inherit; text-decoration: none; }
.index-link span { color: var(--accent); font-size: .75rem; }
.index-link strong { font-family: Georgia, serif; font-size: 1.55rem; font-weight: 400; }
.index-link em { color: var(--muted); font-size: .75rem; font-style: normal; }
.index-link:hover strong, .index-link:focus-visible strong { color: var(--accent); }
.section { margin-top: 7rem; scroll-margin-top: 2rem; }
.muted { max-width: 34rem; margin-top: 1rem; color: var(--muted); }
.footer { border-top: 1px solid #c9c6be; padding-top: 1rem; }
.footer p:not(.section-label):not(.stamp) { margin-top: 1rem; }
.stamp { margin-top: 6rem; color: var(--muted); }
a { color: inherit; text-underline-offset: .2em; }
a:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
@media (max-width: 600px) { main { margin-top: 6vh; } h1 { margin-top: 4rem; } nav, .section { margin-top: 5rem; } .index-link { grid-template-columns: 2.5rem 1fr; gap: .5rem; } .index-link em { grid-column: 2; margin-top: -.7rem; } }