:root{
  --primary:#c8611a;
  --primary-dark:#a34e13;
  --cream:#fdf6ec;
  --card:#ffffff;
  --border:#f0dfc9;
  --text:#3a2c1f;
  --text-muted:#7a6a58;
  --radius:18px;
  --shadow:0 8px 24px rgba(120,70,20,0.08);
}
*{box-sizing:border-box;}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:var(--cream);
  color:var(--text);
  line-height:1.65;
}
img{max-width:100%;display:block;}
a{color:var(--primary-dark);}
.wrap{max-width:760px;margin:0 auto;padding:0 20px;}
.topbar{padding:22px 0;border-bottom:1px solid var(--border);background:#fff;}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.site-logo{height:40px;width:auto;}
.topbar a.back{font-size:14px;text-decoration:none;font-weight:600;}
main{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
     box-shadow:var(--shadow);padding:34px;margin:28px auto 40px;}
h1{color:var(--primary-dark);font-size:30px;margin:0 0 6px;line-height:1.2;}
.updated{color:var(--text-muted);font-size:14px;margin:0 0 26px;}
h2{color:var(--primary-dark);font-size:19px;margin:30px 0 8px;}
p,li{font-size:15px;color:var(--text);}
ul{padding-left:22px;}
li{margin-bottom:6px;}
.note{background:#fdf1e4;border-left:3px solid var(--primary);padding:12px 16px;
      border-radius:8px;font-size:14.5px;margin:20px 0;}
footer{text-align:center;padding:26px 20px 40px;color:var(--text-muted);font-size:13px;}
footer a{color:var(--text-muted);margin:0 8px;}
@media(max-width:640px){ main{padding:24px 20px;} h1{font-size:25px;} }