:root { --paper:#f4f0e7; --ink:#1c1b18; --muted:#6c6961; --line:#bdb7aa; --blue:#b8d3dd; --blue-ink:#274651; --red:#8b3128; font-family:Georgia,"Times New Roman",serif; color:var(--ink); background:var(--paper); }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); line-height:1.75; }
.page { width:min(860px,calc(100% - 32px)); margin:0 auto; padding:28px 0 48px; }
.page-head { border-block:2px solid var(--ink); padding:16px 0; margin-bottom:22px; }
.kicker { color:var(--red); font:700 12px/1.2 "Courier New",monospace; letter-spacing:.06em; }
h1 { margin:7px 0; font-size:clamp(2rem,5vw,3.5rem); line-height:1.05; letter-spacing:-.04em; }
h2 { margin:24px 0 5px; color:var(--blue-ink); font-size:1.35rem; line-height:1.25; }
p { margin:6px 0 12px; }
ul { margin-top:6px; padding-inline-start:1.4em; }
.card { border-block:1px solid var(--line); padding:10px 0 14px; margin-top:16px; }
a { color:var(--blue-ink); font-weight:700; }
.back { display:inline-block; margin-bottom:4px; }
.page-langs { margin-bottom:12px; font-size:.9rem; }
.en { direction:ltr; text-align:left; }
.note { background:color-mix(in srgb,var(--paper) 82%,white); border-inline-start:4px solid var(--blue); padding:10px 14px; margin-top:18px; }
.footer { border-top:1px solid var(--ink); margin-top:28px; padding-top:14px; color:var(--muted); font-size:.88rem; }
@media (max-width:600px) { .page { width:min(100% - 24px,860px); } h1 { font-size:2.3rem; } }