@font-face { font-family: "Alfa Slab One"; src: url("/assets/alfa-slab-one.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Google Sans"; src: url("/assets/google-sans.woff2") format("woff2"); font-weight: 400 700; font-display: swap; }
:root { --ink: #0b0f14; --ink-2: #121821; --parchment: #efe4cf; --muted: #a9b1bb; --ember: #f08a3c; --line: rgba(239, 228, 207, 0.14); }
* { box-sizing: border-box; }
body { margin: 0; background: var(--ink); color: var(--parchment); font: 400 1.0625rem/1.7 "Google Sans", system-ui, -apple-system, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
a { color: var(--ember); }
.wrap { width: min(760px, 100% - 32px); margin-inline: auto; }
header { border-bottom: 1px solid var(--line); padding: 20px 0; }
header a { font-family: "Alfa Slab One", Georgia, serif; color: var(--parchment); text-decoration: none; font-size: 1.15rem; }
main { padding: 48px 0 72px; }
h1 { font-family: "Alfa Slab One", Georgia, serif; font-weight: 400; font-size: clamp(2rem, 6vw, 2.8rem); line-height: 1.1; margin: 0 0 8px; }
.updated { color: var(--muted); margin: 0 0 32px; }
.summary { border: 1px solid var(--line); background: var(--ink-2); border-radius: 12px; padding: 18px 22px; margin-bottom: 36px; }
.summary p { margin: 0; }
h2 { font-family: "Alfa Slab One", Georgia, serif; font-weight: 400; font-size: 1.35rem; margin: 40px 0 10px; }
h3 { font-size: 1.05rem; margin: 22px 0 6px; }
p, li { color: #d9d2c3; }
ul { padding-left: 1.2em; }
li { margin: 6px 0; }
footer { border-top: 1px solid var(--line); padding: 28px 0 40px; color: var(--muted); font-size: 0.9rem; }
footer .wrap { display: flex; flex-wrap: wrap; gap: 10px 22px; }