:root { --bg: #f6f4ef; --ink: #1d1c1a; --muted: #6b675f; --accent: #2c4a78; }
@media (prefers-color-scheme: dark) { :root { --bg: #161513; --ink: #ece8df; --muted: #a39d92; --accent: #9db8e6; } }
body { margin: 0; background: var(--bg); color: var(--ink); font: 17px/1.7 system-ui, "Segoe UI", Tahoma, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 32px 16px 64px; }
h1 { font-size: 2rem; margin: 0 0 8px; }
h2 { font-size: 1.2rem; margin-top: 28px; }
.lead { font-size: 1.15rem; color: var(--muted); }
.date, .lang { color: var(--muted); font-size: .9rem; }
a { color: var(--accent); }
code { background: rgba(127,127,127,.15); padding: 1px 5px; border-radius: 4px; }
hr { border: 0; border-top: 1px solid rgba(127,127,127,.3); margin: 40px 0; }

:root { --bg:#f8f4e9; --ink:#233d63; --muted:#626d7a; --accent:#2d4c7d; }
main { max-width:800px; padding-top:36px; }
.privacy-brand { display:flex; align-items:center; gap:12px; margin-bottom:36px; text-decoration:none; font-size:25px; font-weight:700; }
.privacy-brand img { border-radius:10px; }
.privacy-brand span { margin-inline-start:auto; font-size:13px; font-weight:400; }
h2 { border-bottom:1px solid #dedfd9; padding-bottom:10px; }
a:focus-visible { outline:3px solid #a97d35; outline-offset:4px; }