/* Paper (2026-09-22) for the sheet-less pages (dpa, glossary, hosting,
   security-whitepaper, sub-processors): the homepage's ground and display
   serif, linked last so it wins over each page's inline block. The families
   with a shared sheet (light-page, vs-page, for-page, case-study, blog)
   carry the same block in that sheet. */
@font-face { font-family:'Newsreader'; font-style:normal; font-weight:300 600; font-display:swap; src:url(/assets/fonts/newsreader-var-latin-ext.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Newsreader'; font-style:normal; font-weight:300 600; font-display:swap; src:url(/assets/fonts/newsreader-var-latin.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
html, html body { background:#f9f8f4; }
body footer { background:transparent; }
h1, h2 { font-family:'Newsreader','Iowan Old Style',Georgia,serif; font-weight:400 !important; letter-spacing:-.02em; font-optical-sizing:none; font-variation-settings:'opsz' 40; color:#15161a; }
code, kbd, samp, pre { font-family:'JetBrains Mono',ui-monospace,'SF Mono',monospace; }
button, input, select, textarea { font-family:inherit; }
footer h1, footer h2, nav h1, nav h2 { font-family:inherit; font-weight:inherit !important; letter-spacing:inherit; color:inherit; }
/* Code on paper; the logo mark is ink everywhere; the DPA toolbar sits on paper and keeps its button on one line. */
main pre, body > pre, .wrap pre { background:#f1efe8; color:#15161a; box-shadow:inset 0 0 0 1px #e4e1d8; }
nav .logo-mark { background:#101410; color:#fff; }
.toolbar { background:rgba(249,248,244,.97); }
.toolbar .dl { display:inline-flex; white-space:nowrap; }
/* Phones: long tokens in legal tables (code, hostnames) wrap instead of widening the page. */
@media (max-width:640px) { table { table-layout:fixed; } td, th { overflow-wrap:anywhere; } }