@font-face{font-family:'Lora';src:url(fonts/lora.woff) format('woff');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:'Lora';src:url(fonts/lora-italic.woff) format('woff');font-weight:400 700;font-style:italic;font-display:swap}
@font-face{font-family:'Poppins';src:url(fonts/poppins-400.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url(fonts/poppins-500.woff) format('woff');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url(fonts/poppins-700.woff) format('woff');font-weight:700;font-style:normal;font-display:swap}

:root{--bg:#FBF7EC;--surface:#fff;--fg:#1E2742;--muted:#566080;--accent:#F3BE0F;--cop:#A9532A;--line:rgba(30,39,66,.14)}
@media (prefers-color-scheme: dark){:root{--bg:#131A2D;--surface:#1C2540;--fg:#F6F0DF;--muted:#A8B0C8;--cop:#E39265;--line:rgba(255,255,255,.14);color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:400 1rem/1.7 'Poppins','Segoe UI',system-ui,sans-serif}
.wrap{max-width:820px;margin-inline:auto;padding:0 max(16px,env(safe-area-inset-left,0px))}
header{border-bottom:1px solid var(--line);padding:14px 0}
header .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px}
header a{color:var(--fg);text-decoration:none;font-weight:700}
header img{height:44px;width:auto;background:#FBF6E9;border-radius:10px;padding:2px 4px}
h1,h2{font-family:'Lora',Georgia,serif;line-height:1.2}
h1{font-size:clamp(2rem,5vw,3rem);margin:40px 0 8px}
h2{font-size:1.4rem;margin:34px 0 8px}
p,li{color:var(--muted)}
li{margin:6px 0}
a{color:var(--fg)}
.updated{font-size:.9rem}
mark.fill{background:var(--accent);color:#1E2742;padding:0 .25em;border-radius:4px;font-weight:700}
footer{border-top:1px solid var(--line);margin-top:56px;padding:24px 0 40px;font-size:.9rem}
footer a{margin-right:18px;color:var(--muted)}