:root { color-scheme:light; --ink:#092048; --muted:#5f7390; --blue:#0795ff; --line:#dbe9f5; --bg:#f4faff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; direction:rtl; background:var(--bg); color:var(--ink); font-family:Arial,"Helvetica Neue",sans-serif; line-height:1.75; }
a { color:#006fc9; }
a:focus-visible { outline:3px solid #0795ff; outline-offset:3px; border-radius:3px; }
.skip { position:absolute; top:-80px; right:16px; z-index:10; padding:10px 16px; background:#fff; color:var(--ink); border-radius:8px; }
.skip:focus { top:16px; }
header { background:#06182f; color:#fff; }
.bar { width:min(960px,calc(100% - 32px)); margin:auto; min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { color:#fff; text-decoration:none; font-size:1.25rem; font-weight:800; }
.back { color:#a9d9ff; }
main { width:min(850px,calc(100% - 32px)); margin:42px auto 70px; background:#fff; border:1px solid var(--line); border-radius:20px; padding:clamp(24px,5vw,56px); box-shadow:0 18px 50px rgba(9,32,72,.07); }
h1 { font-size:clamp(2rem,6vw,3.25rem); line-height:1.15; margin:0 0 8px; }
h2 { margin:36px 0 8px; font-size:1.3rem; }
p,li { color:#314967; }
.updated { color:var(--muted); margin:0 0 30px; }
.notice { border-right:4px solid var(--blue); background:#eef8ff; border-radius:10px; padding:14px 18px; }
ul { padding-right:22px; }
footer { text-align:center; color:var(--muted); padding:0 16px 42px; }
footer a { margin:0 8px; }
@media (max-width:600px) { .bar { min-height:64px; } main { margin-top:20px; border-radius:14px; } }