:root{
  --felt:#1F5C45; --felt-deep:#123B2C; --tile:#FFFBF0; --bone:#E7D5AE; --ink:#332A1D; --soft:#6E6453;
  --pink:#E0559B; --pink-deep:#A93070; --jade:#2E6B52; --jade-deep:#1E4A38; --jade-pale:#E3EFE8; --gold-pale:#F6E8B8;
}
*{box-sizing:border-box}
body{margin:0; background:var(--felt); color:var(--ink); font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;}
.wrap{max-width:760px; margin:0 auto; padding:28px 16px 48px;}
header{display:flex; align-items:center; gap:14px; margin-bottom:22px;}
header img{width:56px; height:56px; border-radius:13px;}
header a{color:#F3ECDA; text-decoration:none; font:italic 700 28px/1.1 Georgia,serif;}
nav{margin-left:auto; display:flex; gap:12px; flex-wrap:wrap;}
nav a{color:var(--gold-pale); font-size:14px; font-weight:700; text-decoration:none;}
.card{background:var(--tile); border-radius:20px; padding:26px 22px; border-bottom:6px solid #C8AF7F; margin-bottom:18px;}
h1{font:700 26px/1.25 Georgia,serif; color:var(--jade-deep); margin:0 0 6px;}
h2{font:700 19px/1.3 Georgia,serif; color:var(--jade-deep); margin:26px 0 6px;}
h3{font-size:16px; margin:18px 0 4px;}
p,li{margin:6px 0;}
.muted{color:var(--soft); font-size:14px;}
.lang{display:inline-flex; gap:6px; margin:6px 0 4px;}
.lang a{font-size:13px; font-weight:700; color:var(--jade); border:1.5px solid var(--bone); border-radius:999px; padding:3px 12px; text-decoration:none;}
a{color:var(--jade);}
.btn{display:inline-block; background:var(--pink); color:#fff; font-weight:700; border-radius:14px; padding:12px 20px; text-decoration:none;}
footer{color:#C3D6CB; font-size:13px; text-align:center; margin-top:10px;}
hr{border:0; border-top:1.5px dashed var(--bone); margin:28px 0;}
