:root{color-scheme:light dark;--bg:#f7f4ee;--paper:#fffdf8;--ink:#24211d;--muted:#6f6960;--line:#ddd6ca;--accent:#9b4f32;--soft:#f1e8dc}
@media(prefers-color-scheme:dark){:root{--bg:#181714;--paper:#22201c;--ink:#f3eee6;--muted:#b9b0a4;--line:#403b34;--accent:#e49a78;--soft:#302a24}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.68 ui-serif,Georgia,Cambria,"Times New Roman",serif}
a{color:var(--accent);text-underline-offset:.15em}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
header,main,footer{width:min(760px,calc(100% - 32px));margin-inline:auto}header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:38px 0 18px}header>a{text-decoration:none;font:650 15px/1.2 system-ui,sans-serif}.languages{display:flex;flex-wrap:wrap;gap:10px;font:13px/1.2 system-ui,sans-serif}.languages a[aria-current="page"]{font-weight:750;text-decoration:none;color:var(--ink)}
article{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:clamp(24px,5vw,52px);box-shadow:0 16px 42px rgb(40 30 20/.07)}
h1,h2,h3{font-family:ui-serif,Georgia,serif;line-height:1.2;text-wrap:balance}h1{font-size:clamp(2rem,6vw,3.2rem);margin:0 0 8px}h2{font-size:1.45rem;margin:2.2em 0 .55em}h3{font-size:1.08rem;margin:1.5em 0 .35em}
p,ul{margin:.6em 0}ul{padding-left:1.25em}.meta,.note{color:var(--muted)}.summary{margin:24px 0;padding:18px 20px;border-left:4px solid var(--accent);border-radius:4px 12px 12px 4px;background:var(--soft)}
table{width:100%;border-collapse:collapse;margin:1em 0;font:14px/1.5 system-ui,sans-serif}th,td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--muted)}
footer{padding:24px 0 42px;color:var(--muted);font:13px/1.5 system-ui,sans-serif}
@media(max-width:560px){table,thead,tbody,tr,th,td{display:block}thead{position:absolute;clip:rect(0 0 0 0)}tr{padding:8px 0;border-bottom:1px solid var(--line)}td{border:0;padding:4px 0}td::before{content:attr(data-label) ": ";font-weight:700;color:var(--muted)}}
