@font-face { font-family:"Nunito"; font-style:normal; font-weight:400 800; font-display:swap; src:url(/fonts/nunito.woff2) format("woff2"); }
@font-face { font-family:"Fraunces"; font-style:normal; font-weight:700 800; font-display:swap; src:url(/fonts/fraunces.woff2) format("woff2"); }
:root { --ground:#FBF3E8; --surface:#FFFBF5; --ink:#3A2A22; --muted:#6E5A4E; --line:#EBDCCB; --primary:#B5502A; --tint:#FBE3D3; }
* { box-sizing: border-box; }
body { margin:0; background:var(--ground); color:var(--ink); font:16px/1.6 "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 24px 16px 64px; }
header { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom: 8px; }
.brand { font-family:"Fraunces", Georgia, serif; font-weight:800; font-size:22px; color:var(--primary); text-decoration:none; }
.lang a { color:var(--muted); text-decoration:none; font-weight:700; padding:4px 10px; border-radius:999px; }
.lang a.on { background:var(--tint); color:#8F3C1D; }
h1 { font-family:"Fraunces", Georgia, serif; font-size:32px; line-height:1.2; margin:16px 0 4px; }
.date { color:var(--muted); margin:0 0 20px; }
.summary { background:var(--surface); border:1px solid var(--line); border-radius:20px; padding:16px 20px; margin-bottom:24px; }
.summary ul { margin:8px 0 0; padding-left:20px; }
h2 { font-family:"Fraunces", Georgia, serif; font-size:21px; margin:28px 0 6px; }
table { width:100%; border-collapse:collapse; margin:8px 0; font-size:15px; }
th, td { text-align:left; vertical-align:top; padding:8px 10px; border-bottom:1px solid var(--line); }
th { color:var(--muted); font-weight:700; }
.table-wrap { overflow-x:auto; }
a { color:var(--primary); }
footer { margin-top:40px; color:var(--muted); font-size:14px; }