/* Shared styles for the legal subpages (imprint / privacy / terms). */
:root {
  color-scheme: dark;
  --bg: #101116;
  --panel: #191b21;
  --line: #2c313c;
  --line-soft: #21252e;
  --txt: #edeff4;
  --muted: #9aa1b2;
  --muted-2: #656d7e;
  --gold: #d9a441;
  --gold-hi: #ecbb5b;
  --display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --ui: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --mono: ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, monospace;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: var(--ui); color: var(--txt); background: var(--bg); line-height: 1.7; -webkit-font-smoothing: antialiased; }
a { color: var(--gold-hi); text-decoration: none; }
a:hover { text-decoration: underline; }
:focus-visible { outline: 2px solid var(--gold-hi); outline-offset: 3px; border-radius: 4px; }

.site-head { position: sticky; top: 0; z-index: 20; background: rgba(16,17,22,0.7); backdrop-filter: saturate(150%) blur(12px); border-bottom: 1px solid var(--line-soft); }
.site-head .wrap { max-width: 860px; margin: 0 auto; padding: 0 28px; height: 64px; display: flex; align-items: center; justify-content: space-between; }
.brand { display: flex; align-items: center; gap: 11px; font-family: var(--display); font-weight: 600; font-size: 16px; color: var(--txt); }
.brand img { width: 26px; height: 26px; border-radius: 7px; }
.back { font-size: 14px; color: var(--muted); }
.back:hover { color: var(--txt); text-decoration: none; }

main { max-width: 760px; margin: 0 auto; padding: 56px 28px 40px; }
.doc-kicker { font-family: var(--mono); font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--gold); margin: 0; }
h1 { font-family: var(--display); font-weight: 700; letter-spacing: -0.02em; font-size: clamp(28px, 5vw, 40px); margin: 14px 0 6px; }
.updated { color: var(--muted-2); font-family: var(--mono); font-size: 12.5px; margin: 0 0 30px; }
h2 { font-family: var(--display); font-weight: 600; letter-spacing: -0.01em; font-size: 19px; margin: 34px 0 8px; color: var(--txt); }
p, li { color: var(--muted); font-size: 15.5px; }
p { margin: 0 0 12px; }
strong { color: var(--txt); font-weight: 600; }
ul { margin: 0 0 14px; padding-left: 20px; }
li { margin: 4px 0; }
address { font-style: normal; color: var(--txt); margin: 6px 0 14px; }
hr { border: 0; border-top: 1px solid var(--line-soft); margin: 34px 0; }
.note { border: 1px solid var(--line); background: var(--panel); border-radius: 10px; padding: 14px 16px; color: var(--muted); font-size: 14px; margin: 22px 0; }

footer { border-top: 1px solid var(--line-soft); padding: 26px 0 50px; margin-top: 40px; }
footer .wrap { max-width: 760px; margin: 0 auto; padding: 0 28px; display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; color: var(--muted-2); font-size: 13px; }
footer nav { display: flex; gap: 16px; }
footer nav a { color: var(--muted); }
footer nav a:hover { color: var(--txt); text-decoration: none; }