:root { --ink:#16181d; --muted:#5b616e; --line:#e3e6ec; --accent:#1c6fd4; --warn:#8a5a00; --warnbg:#fff6e0; }
* { box-sizing:border-box; }
body {
  margin:0; padding:0; background:#fff; color:var(--ink);
  font-family:"Segoe UI",Tahoma,Arial,system-ui,sans-serif;
  font-size:17px; line-height:1.6;
}
.wrap { max-width:680px; margin:0 auto; padding:48px 24px 72px; }
header { border-bottom:1px solid var(--line); padding-bottom:18px; margin-bottom:32px; }
.brand { font-size:26px; font-weight:700; letter-spacing:-0.01em; text-decoration:none; color:var(--ink); }
.brand span { color:var(--muted); font-weight:400; font-size:17px; margin-inline-start:10px; }
h1 { font-size:27px; margin:0 0 14px; letter-spacing:-0.01em; }
h2 { font-size:19px; margin:34px 0 10px; }
p { margin:0 0 14px; }
a { color:var(--accent); }
.block { margin-bottom:40px; padding-bottom:8px; }
.block + .block { border-top:1px solid var(--line); padding-top:34px; }
[dir="rtl"] { line-height:1.95; }
[dir="rtl"] h1, [dir="rtl"] h2 { line-height:1.6; }
.notice {
  background:var(--warnbg); border:1px solid #e8d5a3; border-inline-start:4px solid var(--warn);
  padding:16px 18px; border-radius:4px; margin:0 0 22px; color:var(--warn);
}
.notice strong { color:#6b4600; }
ul { margin:0 0 14px; padding-inline-start:22px; }
li { margin:6px 0; }
footer { margin-top:56px; padding-top:18px; border-top:1px solid var(--line); color:var(--muted); font-size:15px; }
footer a { color:var(--muted); }