/* Policy pages: the landing page's palette and type, set for long reading. */
:root {
  --paper: #fdf9ee; --linen: #f1e9dc; --taupe: #dbccb9; --caramel: #a68263; --rust: #8d4227; --ink: #3b2a20; --ink-soft: #6f5a4a; --focus: #8d4227;
  --font: "Assistant", "Segoe UI", system-ui, Arial, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --paper: #231b16; --linen: #382c23; --taupe: #4a3b30; --caramel: #c9a27f; --rust: #e8a07f; --ink: #f3ebe0; --ink-soft: #bfae9c; --focus: #e8a07f; color-scheme: dark; }
}
:root[data-theme="dark"] { --paper: #231b16; --linen: #382c23; --taupe: #4a3b30; --caramel: #c9a27f; --rust: #e8a07f; --ink: #f3ebe0; --ink-soft: #bfae9c; --focus: #e8a07f; color-scheme: dark; }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 400 calc(18px * var(--fs, 1))/1.8 var(--font); letter-spacing: 0.01em; -webkit-font-smoothing: antialiased; }
a { color: var(--rust); text-underline-offset: 4px; }
:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
.skip { position: absolute; z-index: 10; top: 8px; right: 8px; padding: 12px 20px; border-radius: 999px; background: var(--ink); color: var(--paper); text-decoration: none; transform: translateY(-160%); }
.skip:focus { transform: none; }
.bar, .doc, .foot { width: 100%; max-width: 860px; margin-inline: auto; padding-left: max(20px, env(safe-area-inset-left, 0px), var(--strip, 0px)); padding-right: max(20px, env(safe-area-inset-right, 0px), var(--strip, 0px)); }
/* Wide screens leave room beside the column for the accessibility tab, so no strip is needed there. */
@media (min-width: 980px) { .bar, .doc, .foot { --strip: 0px; } }
.bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-block: 22px; }
.bar img { width: 108px; height: auto; display: block; }
.bar .back { font-weight: 400; font-size: calc(15px * var(--fs, 1)); letter-spacing: 0.1em; text-decoration: none; padding: 12px 0; }
main:focus { outline: none; }
.doc { padding-block: clamp(24px, 6vw, 72px) clamp(56px, 8vw, 104px); }
.doc h1 { margin: 0; font-size: calc(clamp(34px, 5vw, 54px) * var(--fs, 1)); font-weight: 600; line-height: 1.15; letter-spacing: 0.02em; text-wrap: balance; }
.doc .updated { margin: 12px 0 0; font-size: calc(15px * var(--fs, 1)); color: var(--ink-soft); }
.doc .lead { margin: 32px 0 0; padding: 22px 26px; background: var(--linen); font-size: calc(18px * var(--fs, 1)); }
.doc h2 { margin: 48px 0 10px; font-size: calc(clamp(22px, 2.6vw, 28px) * var(--fs, 1)); font-weight: 600; line-height: 1.35; }
.doc p, .doc li { max-width: 68ch; }
.doc p { margin: 0 0 14px; }
.doc ol, .doc ul { margin: 0 0 14px; padding-inline-start: 1.4em; }
.doc li { margin-bottom: 8px; }
.doc li::marker { color: var(--caramel); }
.doc strong { font-weight: 500; }
.doc dl { display: grid; grid-template-columns: max-content 1fr; gap: 6px 20px; margin: 0 0 14px; }
.doc dt { font-weight: 400; } .doc dd { margin: 0; }
.ltr { direction: ltr; unicode-bidi: isolate; }
.foot { padding-block: 32px calc(40px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--taupe); font-size: calc(15px * var(--fs, 1)); }
.foot nav { display: flex; flex-wrap: wrap; gap: 4px 24px; margin-bottom: 14px; }
.foot nav a { color: var(--ink); padding-block: 10px; }
.foot nav a[aria-current="page"] { font-weight: 500; text-decoration: none; }
.foot p { margin: 0; color: var(--ink-soft); }
@media (max-width: 560px) { .doc dl { grid-template-columns: 1fr; } .doc dd { margin-bottom: 8px; } }
