/* Shared look for HelpOne's small pages (privacy notice, not found). Tokens match index.html. */
@font-face { font-family: 'Bricolage Grotesque'; font-style: normal; font-weight: 300 800; font-display: swap; src: url(/fonts/bricolage-grotesque.woff2) format('woff2'); }
@font-face { font-family: 'DM Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/dm-mono-400.woff2) format('woff2'); }
@font-face { font-family: 'Instrument Serif'; font-style: italic; font-weight: 400; font-display: swap; src: url(/fonts/instrument-serif-italic.woff2) format('woff2'); }
:root {
  --paper: #FBF5EA; --ink: #0F0E17; --coral: #FF4A2E;
  --bg: var(--paper); --text: var(--ink); --muted: #5B5969; --line: rgba(15, 14, 23, .14);
  --link: #1B35C2; --accent-text: #C4260F; --btn-bg: var(--ink); --btn-fg: var(--paper);
  --font-display: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Instrument Serif", Georgia, serif;
  --font-mono: "DM Mono", ui-monospace, Menlo, monospace;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --bg: #0F0E17; --text: #F6F1E7; --muted: #B3AFC2; --line: rgba(246, 241, 231, .16); --link: #93A6FF; --accent-text: #FF7A64; --btn-bg: var(--paper); --btn-fg: var(--ink); color-scheme: dark; }
}
:root[data-theme="dark"] { --bg: #0F0E17; --text: #F6F1E7; --muted: #B3AFC2; --line: rgba(246, 241, 231, .16); --link: #93A6FF; --accent-text: #FF7A64; --btn-bg: var(--paper); --btn-fg: var(--ink); color-scheme: dark; }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--text); font: 400 1.0625rem/1.65 var(--font-display); }
a { color: var(--link); text-underline-offset: 3px; }
a:focus-visible, .btn:focus-visible { outline: 3px solid var(--coral); outline-offset: 3px; border-radius: 6px; }
.skip { position: absolute; left: -9999px; }
.skip:focus { left: 16px; top: 12px; background: var(--bg); padding: 10px 14px; z-index: 10; }
.head { border-bottom: 1px solid var(--line); }
.wrap { max-width: 760px; margin: 0 auto; padding: 0 16px; }
.head .wrap { display: flex; align-items: center; justify-content: space-between; min-height: 64px; }
.logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--text); font-weight: 750; letter-spacing: -.03em; font-size: 1.3rem; min-height: 44px; }
.logo .mark { width: 28px; height: 28px; border-radius: 50%; background: var(--coral); position: relative; flex: none; }
.logo .mark::after { content: ""; position: absolute; inset: 8px; border-radius: 50%; background: var(--paper); }
.btn { display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; border-radius: 999px; background: var(--btn-bg); color: var(--btn-fg); text-decoration: none; font-weight: 600; }
main { padding: 48px 0 72px; }
.eyebrow { font: 500 .8rem/1.4 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--accent-text); margin: 0 0 12px; }
h1 { font-size: clamp(2.2rem, 7vw, 3.6rem); line-height: 1; letter-spacing: -.04em; margin: 0 0 20px; font-weight: 750; }
h1 em { font: italic 400 1.05em/1 var(--font-serif); letter-spacing: -.01em; }
h2 { font-size: 1.35rem; letter-spacing: -.02em; margin: 40px 0 8px; line-height: 1.25; }
p, li { max-width: 68ch; }
ul { padding-left: 1.2em; }
li + li { margin-top: 6px; }
.muted { color: var(--muted); }
.foot { border-top: 1px solid var(--line); padding: 28px 0 40px; color: var(--muted); font-size: 1rem; }