:root{
  --bg:#F1F3EA; --surface:#FFFFFF; --border:#D3D8C2;
  --text:#161F16; --text-dim:#4E5B49; --text-faint:#7C876F;
  --accent:#A07A1E; --accent-strong:#7E5F14;
  color-scheme: light;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#10140D; --surface:#171C13; --border:#2E3524;
    --text:#ECEFE2; --text-dim:#AAB59D; --text-faint:#7C876B;
    --accent:#D6A64A; --accent-strong:#E9C070;
    color-scheme: dark;
  }
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--text);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  padding:0 20px;
}
main{max-width:680px; margin:0 auto; padding:56px 0 80px}
header{display:flex; align-items:center; gap:14px; margin-bottom:8px}
.mark{
  width:44px; height:44px; border-radius:11px; background:var(--text);
  display:flex; align-items:center; justify-content:center; color:var(--accent); flex:0 0 auto;
}
.mark svg{width:24px; height:24px}
.mark img{width:44px; height:44px; border-radius:11px}
h1{font-family:Georgia,'Times New Roman',serif; font-size:1.9rem; margin:0; letter-spacing:-.01em}
.updated{color:var(--text-faint); font-size:.85rem; margin:0 0 32px 58px}
.lede{
  background:var(--surface); border:1px solid var(--border); border-radius:14px;
  padding:20px 22px; font-size:1.05rem; margin-bottom:36px;
}
h2{
  font-family:Georgia,'Times New Roman',serif; font-size:1.2rem; margin:38px 0 10px;
  padding-top:18px; border-top:1px solid var(--border);
}
h3{font-size:1rem; margin:22px 0 4px}
ul{padding-left:22px}
li{margin-bottom:8px}
strong{color:var(--text)}
a{color:var(--accent-strong)}
.card{
  background:var(--surface); border:1px solid var(--border); border-radius:14px;
  padding:18px 20px; margin-top:34px;
}
.contact{
  background:var(--surface); border:1px solid var(--border); border-radius:14px;
  padding:18px 20px; margin-top:34px;
}
.contact .addr{font-size:1.1rem}
nav.crumbs{font-size:.85rem; color:var(--text-faint); margin-bottom:26px}
nav.crumbs a{color:var(--text-faint)}
footer{margin-top:40px; color:var(--text-faint); font-size:.85rem; border-top:1px solid var(--border); padding-top:18px}
footer a{color:var(--text-faint)}
@media (max-width:520px){ main{padding:32px 0 60px} .updated{margin-left:0} }