@font-face { font-family:"Literata"; src:url(fonts/literata-latin-600-normal.woff2) format("woff2"); font-weight:600; font-display:swap; }
@font-face { font-family:"Plex"; src:url(fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2"); font-weight:400; font-display:swap; }
@font-face { font-family:"Plex"; src:url(fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2"); font-weight:600; font-display:swap; }
:root { --ink:#17211C; --muted:#56635C; --line:#D9E2DC; --band:#EEF3EF; --green:#1F5C4B; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); font:400 17px/1.65 "Plex", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; -webkit-font-smoothing:antialiased; }
a { color:var(--green); text-underline-offset:3px; }
:focus-visible { outline:3px solid #F6C453; outline-offset:2px; border-radius:4px; }
.top { border-bottom:1px solid var(--line); }
.top .wrap { display:flex; align-items:center; justify-content:space-between; height:68px; }
.wrap { max-width:760px; margin:0 auto; padding:0 24px; }
.brand { display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--ink); font:600 22px/1 "Literata", Georgia, serif; letter-spacing:-0.02em; }
.brand svg { width:30px; height:30px; }
.back { font-size:15px; font-weight:600; }
main { padding:48px 0 72px; }
h1 { font:600 clamp(32px, 4vw, 42px)/1.15 "Literata", Georgia, serif; letter-spacing:-0.015em; margin:0 0 8px; }
h2 { font:600 22px/1.3 "Literata", Georgia, serif; margin:36px 0 8px; }
.updated { color:var(--muted); margin:0 0 28px; }
.summary { background:var(--band); border-radius:12px; padding:18px 22px; margin:0 0 12px; }
.summary ul { margin:8px 0 0; padding-left:20px; }
li { margin:4px 0; }
footer { border-top:1px solid var(--line); padding:24px 0 40px; color:var(--muted); font-size:15px; }
footer .wrap { display:flex; gap:20px; flex-wrap:wrap; }