:root{--paper:#FAF9F4;--card:#FFFEFA;--ink:#1E1F1A;--ink2:#54584B;--ink3:#7A7F6F;--line:#E1DFD3;--olive:#47582C}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#14150F;--card:#1C1E17;--ink:#ECEDE4;--ink2:#B4B9A8;--ink3:#8C9282;--line:#2C2F25;--olive:#A9BE78}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Karla",system-ui,-apple-system,sans-serif;font-size:17px;line-height:1.65}
.wrap{max-width:68ch;margin:0 auto;padding:48px 22px 80px}
.mast{display:flex;align-items:center;gap:9px;margin-bottom:34px}
.mast svg{width:22px;height:27px}
.mast span{font-family:"Newsreader",Georgia,serif;font-size:1.25rem;font-weight:600;color:var(--olive)}
.mast small{font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink3)}
h1{font-family:"Newsreader",Georgia,serif;font-weight:600;font-size:2.1rem;line-height:1.1;margin:0 0 6px;letter-spacing:-.01em}
.when{font-size:.84rem;color:var(--ink3);margin:0 0 30px}
h2{font-family:"Newsreader",Georgia,serif;font-weight:600;font-size:1.3rem;margin:34px 0 8px}
p{margin:0 0 14px;color:var(--ink2)}
p strong,li strong{color:var(--ink);font-weight:600}
ul{padding-left:20px;color:var(--ink2)}li{margin-bottom:8px}
a{color:var(--olive)}
.box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin:22px 0}
.box p:last-child{margin-bottom:0}
footer{margin-top:48px;padding-top:20px;border-top:1px solid var(--line);font-size:.86rem;color:var(--ink3)}
footer a{margin-right:14px}