:root{--bg:#faf8f5;--fg:#1d1b19;--mut:#6b655e;--card:#fff;--bd:#e4ded6;--ac:#c4161c;--ac2:#fff}
@media(prefers-color-scheme:dark){:root{--bg:#15130f;--fg:#efeae3;--mut:#a39b90;--card:#1f1c17;--bd:#34302a;--ac:#ff7a6b;--ac2:#15130f}}
:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:inherit}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}
.w{max-width:860px;margin:0 auto;padding:0 18px}
header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg);font:700 22px Georgia,serif}.logo img{width:46px;height:46px;border-radius:8px;background:#fff;padding:2px}.logo b{color:var(--ac)}
nav.m{display:flex;gap:16px;flex-wrap:wrap}nav.m a{color:var(--fg);text-decoration:none;font-size:15px}nav.m a:hover{color:var(--ac)}
a.btn{background:var(--ac);color:var(--ac2);border-radius:9px;padding:9px 16px;text-decoration:none;font-weight:600;display:inline-block}
main{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:clamp(18px,4vw,36px);margin:12px 0 20px}
h1{font:700 clamp(26px,4.5vw,38px)/1.2 Georgia,serif;margin:.2em 0 .5em}h2{font:600 20px Georgia,serif;margin:1.6em 0 .4em}p,li{color:var(--fg)}main a{color:var(--ac)}
.mut{color:var(--mut);font-size:14px}details{border-bottom:1px solid var(--bd);padding:12px 0}summary{cursor:pointer;font-weight:600}details p{margin:.6em 0 0}
footer{text-align:center;color:var(--mut);font-size:14px;padding:10px 0 34px}footer a{color:var(--mut);margin:0 8px;text-decoration:none;white-space:nowrap}footer a:hover{color:var(--ac)}