:root{
  --bg:#F9F1E0; --panel:#FBF5E7; --chip:#FFFAF0; --ink:#3E3128;
  --muted:#8E7F6E; --whisper:#B0A190; --sage:#6F9475; --sage-deep:#3F6A50;
}
*{box-sizing:border-box;margin:0}
body{
  background:var(--bg); color:var(--ink); line-height:1.65;
  font-family:"Nunito Sans","Segoe UI",system-ui,-apple-system,sans-serif;
}
.serif{font-family:"Playfair Display",Georgia,"Times New Roman",serif}
.wrap{max-width:760px;margin:0 auto;padding:48px 22px 80px}
header.site{ text-align:center; padding-top:26px }
.eyebrow{font-size:12px;letter-spacing:.35em;color:var(--whisper);font-weight:600}
h1{font-size:clamp(30px,6vw,44px);font-weight:700;margin:14px 0 10px}
h1 em{color:var(--sage);font-style:normal}
.sub{color:var(--muted);max-width:46ch;margin:0 auto}
.card-art{
  width:130px;height:172px;background:#fff;border-radius:16px;padding:6px;margin:30px auto 8px;
  box-shadow:0 10px 28px rgba(90,70,40,.2); transform:rotate(-3deg);
}
.card-art img{width:100%;height:100%;object-fit:cover;border-radius:11px}
main h2{font-size:22px;font-weight:700;margin:34px 0 10px}
main h3{font-size:16px;font-weight:700;margin:22px 0 6px}
main p, main li{color:#6B5E4E;font-size:15px}
main ul{padding-left:22px}
.panel{background:var(--panel);border-radius:22px;padding:26px 28px;margin-top:26px;
  box-shadow:0 4px 18px rgba(90,70,40,.08)}
.links{display:flex;gap:14px;justify-content:center;margin-top:26px;flex-wrap:wrap}
.btn{background:var(--sage-deep);color:#fff;text-decoration:none;font-weight:700;
  padding:12px 22px;border-radius:15px;font-size:14px}
.btn.ghost{background:var(--chip);color:var(--ink);box-shadow:0 2px 8px rgba(90,70,40,.12)}
.updated{font-size:12px;color:var(--whisper);margin-top:6px}
footer{margin-top:60px;text-align:center;font-size:12.5px;color:var(--whisper)}
footer a{color:var(--muted)}
.lang{margin:18px 0 0;font-size:13px;text-align:center}
.lang a{color:var(--sage-deep);font-weight:700;text-decoration:none}
hr.sep{border:none;border-top:1px solid #ECE1CC;margin:44px 0}
a{color:var(--sage-deep)}

/* Языки: показывается один, переключение кнопкой */
html[data-lang="en"] .lang-ru{display:none}
html[data-lang="ru"] .lang-en{display:none}
.lang-switch{position:absolute;top:18px;right:18px;display:flex;gap:6px}
.lang-switch button{
  border:none;cursor:pointer;font:700 12px "Nunito Sans",sans-serif;
  padding:7px 13px;border-radius:999px;background:var(--chip);color:#6B5E4E;
  box-shadow:0 2px 8px rgba(90,70,40,.12)
}
html[data-lang="en"] .lang-switch [data-lang-btn="en"],
html[data-lang="ru"] .lang-switch [data-lang-btn="ru"]{background:var(--sage-deep);color:#fff}
body{position:relative}