/* Legal pages (privacy, legal notice, data processing): simple, readable, same look as the landing */
@font-face { font-family: "Inter"; font-weight: 300; font-display: swap; src: url("fonts/Inter-Light.woff") format("woff"); }
@font-face { font-family: "Inter"; font-weight: 400; font-display: swap; src: url("fonts/Inter-Regular.woff") format("woff"); }
@font-face { font-family: "Inter"; font-weight: 600; font-display: swap; src: url("fonts/Inter-SemiBold.woff") format("woff"); }
:root { color-scheme: dark; --bg: #05080F; --fg: #FFFFFF; --fg-2: #C9D1DC; --mute: #8A94A6; --line: rgba(255,255,255,.14); --sky: #38BDF8; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--fg-2); font: 400 17px/1.65 Inter, system-ui, -apple-system, "Segoe UI", sans-serif; }
a { color: var(--sky); text-underline-offset: 3px; }
a:focus-visible { outline: 2px solid var(--sky); outline-offset: 3px; border-radius: 2px; }
.lg-hdr { border-bottom: 1px solid var(--line); }
.lg-wrap { max-width: 860px; margin: 0 auto; padding: 0 24px; }
.lg-hdr .lg-wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 72px; }
.lg-brand { display: flex; align-items: center; gap: 12px; color: var(--fg); text-decoration: none; }
.lg-brand img { width: 30px; height: 30px; }
.lg-brand b { display: block; font-weight: 600; font-size: 16px; letter-spacing: .14em; line-height: 1.1; }
.lg-brand b span { color: var(--sky); }
.lg-brand small { display: block; font-size: 12px; color: var(--mute); }
.lg-back { color: var(--fg-2); font-size: 15px; text-decoration: none; }
.lg-back:hover { color: var(--fg); }
main { padding: 56px 0 88px; }
h1 { color: var(--fg); font-weight: 300; font-size: 44px; line-height: 1.1; letter-spacing: -0.02em; margin: 0 0 8px; }
.lg-meta { color: var(--mute); font-size: 14px; margin: 0 0 40px; }
h2 { color: var(--fg); font-weight: 600; font-size: 20px; line-height: 1.3; margin: 44px 0 12px; }
h3 { color: var(--fg); font-weight: 600; font-size: 17px; margin: 24px 0 8px; }
p, li { max-width: 72ch; }
ul { padding-left: 22px; }
li { margin: 6px 0; }
dl { display: grid; grid-template-columns: minmax(160px, 240px) 1fr; gap: 10px 24px; margin: 0; padding: 20px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
dt { color: var(--mute); }
dd { margin: 0; color: var(--fg); }
table { width: 100%; border-collapse: collapse; margin: 12px 0; font-size: 15px; }
th, td { text-align: left; vertical-align: top; padding: 10px 12px 10px 0; border-bottom: 1px solid var(--line); }
th { color: var(--mute); font-weight: 400; }
.ph { color: #FFC94A; background: rgba(255,201,74,.12); padding: 0 4px; border-radius: 3px; }
.lg-ftr { border-top: 1px solid var(--line); padding: 24px 0 40px; font-size: 14px; color: var(--mute); }
.lg-ftr a { color: var(--fg-2); margin-right: 18px; }
@media (max-width: 640px) { h1 { font-size: 34px; } dl { grid-template-columns: 1fr; gap: 2px; } dd { margin-bottom: 10px; } table { font-size: 14px; } }
/* privacy table on phones: each row becomes a small card, with the column name in front of each value */
@media (max-width: 640px) {
  table thead { display: none; }
  table, table tbody, table tr, table td { display: block; width: 100%; }
  table tr { padding: 12px 0; border-bottom: 1px solid var(--line); }
  table td { border: 0; padding: 3px 0; }
  table td[data-th]::before { content: attr(data-th) ": "; color: var(--mute); font-weight: 600; }
}