/* Shared styling for the legal stub pages (terms/privacy/refund).
   Mirrors the palette + type of index.html, kept minimal. */
:root {
  --paper: #ECEEE7; --paper-2: #F6F7F3; --cell: #FBFCF9;
  --ink: #17201C; --ink-soft: #55605A; --ink-faint: #8A938C;
  --rule: #CBD2C6; --accent: #1F6B45; --accent-ink: #0E3A25;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--paper); color: var(--ink);
  font-family: "IBM Plex Sans", system-ui, sans-serif; line-height: 1.6;
  background-image:
    linear-gradient(to right, rgba(23,32,28,.035) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(23,32,28,.035) 1px, transparent 1px);
  background-size: 34px 34px;
}
.wrap { max-width: 760px; margin: 0 auto; padding: 0 24px; }
.topbar { border-bottom: 1px solid var(--rule); background: var(--paper-2); }
.topbar .wrap { display: flex; align-items: baseline; padding: 14px 24px; }
.brand {
  font-family: "Archivo", sans-serif; font-weight: 800; font-size: 18px;
  color: var(--ink); text-decoration: none; letter-spacing: -.01em;
}
.brand span { color: var(--accent); }
main.wrap { padding-top: 40px; padding-bottom: 64px; }
h1 { font-family: "Archivo", sans-serif; font-weight: 800; font-size: 30px; margin: 0 0 6px; letter-spacing: -.02em; }
.updated { color: var(--ink-faint); font-size: 13px; font-family: "IBM Plex Mono", monospace; margin: 0 0 8px; }
.stub-banner {
  background: #FBF3E4; border: 1px solid #E4C97A; border-radius: 8px;
  padding: 12px 14px; margin: 18px 0 30px; font-size: 13.5px; color: #6b551f;
}
h2 { font-family: "Archivo", sans-serif; font-weight: 700; font-size: 19px; margin: 34px 0 8px; }
p, li { color: var(--ink-soft); font-size: 15px; }
a { color: var(--accent); }
.fill { background: #F1E6C9; color: var(--accent-ink); padding: 0 4px; border-radius: 3px; font-weight: 500; }
footer { border-top: 1px solid var(--rule); margin-top: 40px; padding: 22px 0 46px; color: var(--ink-faint); font-size: 12.5px; }
footer a { color: var(--ink-soft); text-decoration: none; margin-right: 16px; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }