/* Privacy pages share the application's calm surfaces and semantic colours. */
:root{--bg:#fff;--canvas:#f8f9fc;--panel:#f3f5fa;--ink:#202b43;--muted:#5b667c;--line:#dfe5ef;--you:#315acb;--you-soft:#edf2ff;--ok:#147765;--ok-soft:#eaf7f1;--honey:#fff5db;--r:18px;--shadow:0 18px 50px -24px #263b6526}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#192236;--canvas:#101827;--panel:#1e2a40;--ink:#edf1fa;--muted:#aab6cd;--line:#33415b;--you:#9cb8ff;--you-soft:#253658;--ok:#80d3b8;--ok-soft:#1c3a36;--honey:#3a3223;--shadow:0 12px 40px -20px #0008}}
:root[data-theme=dark]{--bg:#192236;--canvas:#101827;--panel:#1e2a40;--ink:#edf1fa;--muted:#aab6cd;--line:#33415b;--you:#9cb8ff;--you-soft:#253658;--ok:#80d3b8;--ok-soft:#1c3a36;--honey:#3a3223;--shadow:0 12px 40px -20px #0008}
body{background:radial-gradient(ellipse at 5% 5%,var(--honey),transparent 40rem),var(--canvas);-webkit-font-smoothing:antialiased;line-height:1.85}
.wrap{padding-inline:24px}
header.site{background:#202d47}
.site-in{padding-block:20px;gap:18px}
.brand{letter-spacing:-.02em}.brand .mk{width:40px;height:40px;display:grid;place-items:center;background:#ffffff12;border-radius:12px}
.lead{background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 20%,var(--line))}.lead .wrap{padding-block:16px}.lead p{font-size:.87rem}
main{padding:32px 0 60px}
h1{font-size:clamp(1.7rem,4vw,2.4rem);letter-spacing:-.035em;line-height:1.3;text-wrap:balance;margin:0 0 12px}
h2,h3{font-family:var(--f-body);letter-spacing:-.02em}
h2{font-size:1.18rem;margin-top:2.2em;scroll-margin-top:24px}
p,li{overflow-wrap:anywhere}a{text-underline-offset:3px}
.meta{font-size:.8rem}.tag{border-radius:99px;padding:5px 12px;font-size:.72rem}
.card{padding:22px 24px;background:var(--bg);border-radius:var(--r);box-shadow:var(--shadow);margin-block:24px}
.card.ok{border-color:color-mix(in srgb,var(--ok) 40%,var(--line));background:var(--ok-soft)}
.toc{font-size:.86rem;line-height:1.8}.toc li{break-inside:avoid;padding-block:3px}
code{overflow-wrap:anywhere}table{display:block;max-width:100%;overflow-x:auto;font-size:.83rem}
.back{padding:12px 20px;border-radius:12px;font-size:.87rem;transition:box-shadow .2s,transform .25s ease}
footer.site{background:var(--bg);padding-block:28px;margin:0;border-color:var(--line);font-size:.8rem}
.nav a{display:inline-block;margin:0 0 0 12px;padding-block:5px}
:focus-visible{outline:3px solid var(--you);outline-offset:4px}
@media(hover:hover){.back:hover{transform:translateY(-2px);box-shadow:var(--shadow)}}
@media(max-width:560px){.wrap{padding-inline:18px}.site-in{padding-block:16px}.card{padding:18px}.brand{font-size:.95rem}main{padding-top:24px}.nav a{margin:0 12px 0 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}