@import url('https://fonts.googleapis.com/css2?family=Lalezar&family=Changa:wght@400;600;700&display=swap');
:root{--bg:#f6ecd8;--panel:#fffaf0;--ink:#2b1a0e;--muted:#6f553c;--accent:#9e1b1b;--brass:#b8862a;--line:#e3cfa8}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.8 Changa,Tahoma,sans-serif}
.sadu{height:14px;background:
 linear-gradient(135deg,#9e1b1b 25%,transparent 25%) -7px 0/14px 14px,
 linear-gradient(225deg,#9e1b1b 25%,transparent 25%) -7px 0/14px 14px,
 linear-gradient(315deg,#1c1410 25%,transparent 25%) 0 0/14px 14px,
 linear-gradient(45deg,#1c1410 25%,#f3e6cf 25%) 0 0/14px 14px}
header{background:#2b1a0e;color:#f6ecd8;padding:18px max(16px,env(safe-area-inset-right)) 18px max(16px,env(safe-area-inset-left))}
header .in{max-width:860px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.brand{font:400 30px/1 Lalezar,Changa,sans-serif;color:#ffd75a;text-decoration:none}
.brand small{display:block;font:14px Changa;color:#e7d3ac;margin-top:4px}
nav a{color:#f6ecd8;text-decoration:none;margin-inline-start:14px;font-weight:600}
nav a:hover,nav a:focus-visible{color:#ffd75a}
main{max-width:860px;margin:0 auto;padding:24px max(16px,env(safe-area-inset-right)) 48px max(16px,env(safe-area-inset-left))}
h1{font:400 38px/1.25 Lalezar,Changa,sans-serif;margin:8px 0 4px;text-wrap:balance}
h2{font:700 22px/1.4 Changa;margin:32px 0 8px;color:var(--accent)}
h3{font:700 18px/1.4 Changa;margin:20px 0 6px}
.meta{color:var(--muted);font-size:15px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:18px 0}
ul,ol{padding-inline-start:22px}
li{margin:4px 0}
a{color:#1d6f86}
.en{direction:ltr;text-align:left;font-family:Georgia,'Times New Roman',serif;font-size:16px;line-height:1.7}
.en h2{color:#1d6f86}
footer{border-top:1px solid var(--line);color:var(--muted);font-size:14px;text-align:center;padding:18px 16px 32px}
.hero{display:grid;gap:12px;padding:12px 0}
.btns{display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-block;background:#3f8a3a;color:#fff;text-decoration:none;border-radius:12px;padding:10px 18px;font-weight:700;box-shadow:inset 0 -4px 0 rgba(0,0,0,.2)}
.btn.alt{background:#2a6f8f}
footer.credit{font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-weight:300;letter-spacing:.02em;direction:ltr}