/* Shared look for all pages: warm paper background, one reading column */
:root{--paper:#f7ecd8;--card:#fffdf8;--ink:#2b2420;--muted:#5f5248;--red:#a3311f;--line:#e6d6bb}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Rubik,system-ui,sans-serif;font-size:17px;line-height:1.7}
main{max-width:720px;margin:0 auto;padding:40px 16px 32px}
a{color:var(--red)}
a:focus-visible{outline:3px solid var(--red);outline-offset:2px;border-radius:3px}
.skip{position:absolute;inset-inline-start:-9999px}
.skip:focus{inset-inline-start:16px;top:8px;background:var(--card);padding:6px 12px;z-index:1}
.card{background:var(--card);padding:32px 28px;box-shadow:0 2px 0 rgba(0,0,0,.05),0 18px 40px rgba(70,45,20,.14)}
.brand{font-weight:700;font-size:15px;letter-spacing:.02em;color:var(--muted);margin:0 0 6px;text-decoration:none;display:inline-block}
h1{font-size:34px;line-height:1.2;margin:0 0 4px}
.updated{color:var(--muted);font-size:15px;margin:0 0 24px}
h2{font-size:20px;line-height:1.3;margin:28px 0 6px}
.card > h2:first-child{margin-top:0}
p,li{margin:0 0 8px}
ul,ol{padding-inline-start:22px;margin:0 0 8px}
.ltr{direction:ltr;unicode-bidi:embed}
.site-footer{max-width:720px;margin:0 auto;padding:8px 16px 40px;color:var(--muted);font-size:14px;text-align:center}
.site-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;margin-bottom:6px}
.site-footer p{margin:0 0 4px}
@media (max-width:480px){.card{padding:24px 18px}h1{font-size:28px}}