/* TeslaRides legal pages — Hallmark theme (matches homepage) */
:root{
  --bg: oklch(96.5% 0.011 145);
  --card: oklch(99% 0.005 145);
  --border: oklch(87% 0.010 145);
  --accent: oklch(46% 0.115 152);
  --accent-strong: oklch(40% 0.115 152);
  --accent2: oklch(58% 0.105 62);
  --text: oklch(21% 0.018 150);
  --muted: oklch(45% 0.012 150);
  --focus: oklch(52% 0.14 152);
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Switzer", "Helvetica Neue", sans-serif;
  --font-outlier: "JetBrains Mono", monospace;
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 180ms;
  --shadow: 0 1px 2px oklch(21% 0.02 150 / 0.05), 0 2px 8px oklch(21% 0.02 150 / 0.04);
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.7}
::selection{background:oklch(46% 0.115 152 / 0.18)}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}
.container{max-width:760px;margin:0 auto;padding:0 24px}
header{padding:28px 0;border-bottom:1px solid var(--border)}
header a{color:var(--accent);text-decoration:none;font-weight:600;font-size:0.95rem}
header a:hover{text-decoration:underline;text-underline-offset:3px}
main{padding:48px 0 64px}
h1{font-family:var(--font-display);font-size:clamp(1.9rem,4vw,2.4rem);font-weight:600;letter-spacing:-0.02em;line-height:1.15;margin-bottom:8px}
.sub{color:var(--muted);margin-bottom:32px;font-size:0.92rem}
h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin:32px 0 12px;color:var(--text)}
p{margin-bottom:14px;color:var(--text)}
ol,ul{margin:0 0 16px 22px}
li{margin-bottom:8px;color:var(--text)}
strong{color:var(--text)}
a{color:var(--accent)}
a:hover{text-decoration:underline;text-underline-offset:3px}
.notice{background:oklch(46% 0.115 152 / 0.08);border:1px solid oklch(46% 0.115 152 / 0.25);border-radius:12px;padding:18px 20px;margin:20px 0;font-size:0.95rem}
table{width:100%;border-collapse:collapse;margin:16px 0}
th,td{padding:12px 14px;text-align:left;border:1px solid var(--border);font-size:0.92rem;vertical-align:top}
th{background:var(--card);font-weight:600}
.contact-box{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;margin-top:32px;box-shadow:var(--shadow)}
.contact-box h3{font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin-bottom:12px}
footer{border-top:1px solid var(--border);padding:32px 0;text-align:center;color:var(--muted);font-size:0.85rem}
footer a{color:var(--muted)}
footer a:hover{color:var(--accent)}
@media (max-width:600px){main{padding:36px 0 48px}}