/* Public legal pages (/privacy, /terms) — LCH-2.
   Readable without signing in: these pages load no api.js/tour.js (which
   would send signed-out visitors to sign-in). Tokens come from theme.css;
   this file only undoes the app chrome spacing and sets a reading column. */

body.legal{padding:0; background:var(--paper)}

.legal-top{max-width:760px; margin:0 auto; padding:22px 24px 0;
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap}
.legal-top .brand{padding:0}
.legal-top nav{display:flex; gap:6px; flex-wrap:wrap}
.legal-top nav a{font-size:.86rem; font-weight:800; color:var(--ink-2); text-decoration:none;
  padding:8px 12px; border-radius:var(--pill)}
.legal-top nav a:hover{background:var(--inset); color:var(--ink)}
.legal-top nav a[aria-current="page"]{background:var(--violet-tint); color:var(--violet-text)}
.legal-top nav a:focus-visible{outline:3px solid var(--violet); outline-offset:2px}

main.legal-doc{max-width:760px; margin:0 auto; padding:28px 24px 48px; line-height:1.65}
.legal-doc h1{font-size:clamp(1.7rem, 4vw, 2.2rem); font-weight:900; letter-spacing:-.02em;
  line-height:1.15; margin-bottom:6px}
.legal-doc .dated{font-size:.86rem; font-weight:700; color:var(--ink-3); margin-bottom:22px}
.legal-doc .summary{background:var(--inset); border-radius:var(--r-lg); box-shadow:var(--ring);
  padding:16px 20px; margin-bottom:28px}
.legal-doc .summary h2{margin-top:0}
.legal-doc h2{font-size:1.15rem; font-weight:900; letter-spacing:-.01em; margin:30px 0 8px}
.legal-doc h3{font-size:.98rem; font-weight:800; margin:18px 0 6px}
.legal-doc p, .legal-doc li{font-size:.97rem; font-weight:600; color:var(--ink-2)}
.legal-doc p{margin-bottom:12px}
.legal-doc ul{margin:0 0 12px 22px}
.legal-doc li{margin-bottom:6px}
.legal-doc strong{color:var(--ink)}
.legal-doc a{color:var(--violet-text); font-weight:800}
.legal-doc a:focus-visible{outline:3px solid var(--violet); outline-offset:2px; border-radius:4px}
.legal-doc table{width:100%; border-collapse:collapse; margin:6px 0 14px; font-size:.9rem}
.legal-doc th, .legal-doc td{text-align:left; vertical-align:top; padding:8px 10px;
  border-bottom:2px solid var(--line); color:var(--ink-2); font-weight:600}
.legal-doc th{font-size:.74rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-3)}
.legal-doc td:first-child{font-weight:800; color:var(--ink); white-space:nowrap}

.legal-foot{max-width:760px; margin:0 auto; padding:0 24px 40px; font-size:.82rem; font-weight:700;
  color:var(--ink-3); display:flex; gap:14px; flex-wrap:wrap}
.legal-foot a{color:var(--ink-3)}

@media (max-width: 560px){
  .legal-doc table, .legal-doc tbody, .legal-doc tr, .legal-doc td{display:block; width:100%}
  .legal-doc thead{display:none}
  .legal-doc tr{border-bottom:2px solid var(--line); padding:6px 0}
  .legal-doc td{border:none; padding:2px 0; white-space:normal}
}