/* Shared styles for privacy.html and terms.html; matches the main site's look. */
* { margin: 0; padding: 0; box-sizing: border-box; }
:root {
  --navy-deep: #0a1725; --navy: #102438; --slate: #2c4a66;
  --accent: #1e88e5; --cream: #edf2f6; --line: #d5dee7;
  --text: #0f1c29; --text-light: #46576a;
}
body { font: 400 1.04rem/1.7 'Archivo', 'Segoe UI', system-ui, sans-serif; color: var(--text); background: var(--cream); -webkit-font-smoothing: antialiased; }
a { color: var(--slate); font-weight: 600; }
.bar { position: sticky; top: 0; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 16px 5%; background: var(--navy-deep); border-bottom: 3px solid var(--accent); }
.bar a { display: inline-flex; align-items: center; min-height: 44px; color: #fff; text-decoration: none; font: 700 1.05rem 'Archivo', sans-serif; letter-spacing: 0.06em; text-transform: uppercase; }
.bar .mark { color: var(--accent); }
.bar .call { padding: 0 16px; background: var(--accent); border-radius: 4px; box-shadow: 0 3px 0 #9c5612; }
main { max-width: 760px; margin: 0 auto; padding: 64px 5% 80px; background: #fff; border-left: 1px solid var(--line); border-right: 1px solid var(--line); min-height: calc(100vh - 140px); }
.eyebrow { font: 700 1rem 'Archivo', sans-serif; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent); }
h1 { font: 800 clamp(2.4rem, 6vw, 3.4rem)/1.05 'Archivo', sans-serif; font-variation-settings: 'wdth' 112; letter-spacing: -0.025em; margin: 6px 0 18px; padding-bottom: 18px; border-bottom: 3px solid var(--navy); }
h2 { font: 800 1.45rem/1.2 'Archivo', sans-serif; font-variation-settings: 'wdth' 112; color: var(--navy); margin: 34px 0 8px; }
p, li { color: var(--text-light); }
ul { padding-left: 22px; display: grid; gap: 6px; margin-top: 8px; }
li::marker { color: var(--accent); }
.note { padding: 12px 16px; background: #fff7ee; border-left: 4px solid var(--accent); font-size: 0.95rem; }
.updated { margin-top: 12px; font: 700 0.9rem 'Archivo', sans-serif; letter-spacing: 0.08em; text-transform: uppercase; }
.foot { padding: 24px 5%; text-align: center; font-size: 0.9rem; color: var(--text-light); }
@media (max-width: 640px) { main { padding: 40px 20px 60px; } .bar .home span[data-cfg] { display: none; } }