@font-face { font-family: "Laica"; src: url("/fonts/ABCLaicaA-Regular.otf") format("opentype"); font-display: swap; }
@font-face { font-family: "Estragon"; src: url("/fonts/ABCEstragon-Thin.otf") format("opentype"); font-weight: 200; font-display: swap; }
@import url("https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&display=swap");
:root { --bg: #F1EDE4; --text: #121212; --muted: #5C6574; --line: #E3DDD0; color-scheme: light; }
@media (prefers-color-scheme: dark) { :root { --bg: #121212; --text: #F1EDE4; --muted: #B3AEA2; --line: #2D2C29; color-scheme: dark; } }
body { margin: 0; background: var(--bg); color: var(--text); font: 16px/1.6 "Satoshi", -apple-system, "Segoe UI", sans-serif; }
main { max-width: 640px; margin: 0 auto; padding: 48px 24px 72px; }
.mark { font-family: "Estragon", "Laica", serif; font-weight: 200; font-size: 30px; letter-spacing: .01em; }
h1 { font-family: "Laica", Georgia, serif; font-weight: 400; font-size: 38px; line-height: 1.1; margin: 28px 0 6px; }
h2 { font-family: "Laica", Georgia, serif; font-weight: 400; font-size: 22px; margin: 34px 0 8px; }
p, li { margin: 0 0 12px; } ul { padding-left: 20px; } li { margin-bottom: 8px; }
.sub { color: var(--muted); } a { color: inherit; text-underline-offset: 3px; }