:root{color-scheme:dark;--bg:#08130f;--panel:#101f18;--ink:#e7f1e6;--dim:#bfd1c3;--accent:#a9df8f;--line:#496354}
html[data-theme=day]{color-scheme:light;--bg:#f0f4eb;--panel:#fffef7;--ink:#18362e;--dim:#37574e;--accent:#176b4d;--line:#9daf9e}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.85 'Space Grotesk',system-ui,sans-serif}html[lang=ar] body{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:18px}header,nav,main,footer{max-width:900px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center}.brand{font-weight:700;font-size:22px}a{color:var(--accent);text-underline-offset:4px}nav{display:flex;gap:12px 24px;flex-wrap:wrap}nav a{min-height:44px;display:inline-flex;align-items:center}[aria-current=page]{font-weight:700}main{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:clamp(20px,5vw,48px)}h1{font-size:clamp(30px,5vw,44px);line-height:1.4;margin:0}h2{font-size:22px;line-height:1.5;margin-bottom:8px}p{color:var(--dim);margin-top:8px;overflow-wrap:anywhere}.date{font-size:14px}.draft{padding:16px;border-inline-start:3px solid var(--accent);background:var(--bg)}section{margin-top:32px}button{font:inherit;color:var(--bg);background:var(--accent);border:0;border-radius:8px;padding:12px 20px;cursor:pointer;min-height:44px}.settings label{display:flex;align-items:center;gap:12px;min-height:44px;margin-bottom:16px}input{width:22px;height:22px;accent-color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;top:-100px;left:20px;background:var(--panel);padding:10px;z-index:5}.skip:focus{top:8px}@media(max-width:600px){main{margin:0 12px}header,nav,footer{padding:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
header{gap:18px;flex-wrap:wrap}header #policyTheme{margin-inline-start:auto;font-size:14px;padding:8px 14px;min-height:44px;background:var(--panel);color:var(--accent);border:1px solid var(--line)}