/* Streamlined legal pages (Owner, 25 Oct 2026): /privacy, /terms and the Spanish /privacidad, /terminos.
   Loaded after /landing.css, which gives the colors (light and dark), fonts, nav, logo and footer.
   This file only adds the reading layout: a 65ch measure, the table of contents and tables that stack on phones. */

.lg-main{padding-top:56px;padding-bottom:88px}
.lg-doc{max-width:65ch;margin:0 auto;color:var(--body);font-size:17px;line-height:1.7}
.lg-doc h1{font-size:clamp(34px,5vw,48px);line-height:1.08;letter-spacing:-.03em;color:var(--ink);text-wrap:balance}
.lg-doc h2{font-size:24px;line-height:1.25;letter-spacing:-.015em;color:var(--ink);margin:56px 0 0;padding-top:4px}
.lg-doc h3{font-size:18px;color:var(--ink);margin:28px 0 0}
.lg-doc p,.lg-doc ul,.lg-doc ol{margin:14px 0 0}
.lg-doc ul,.lg-doc ol{padding-left:1.3em}
.lg-doc li+li{margin-top:8px}
.lg-doc b,.lg-doc strong{color:var(--ink)}
.lg-doc a{font-weight:600;text-underline-offset:2px}
.lg-meta{margin-top:14px;font-size:15px;color:var(--muted)}
.lg-lead{font-size:19px;color:var(--body)}

/* table of contents */
.lg-toc{margin-top:32px;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.lg-toc h2{margin:0;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);font-family:Inter,sans-serif;padding:0}
.lg-toc ol{margin:10px 0 0;padding-left:1.4em;columns:2 230px;column-gap:28px;font-size:15px;line-height:1.45}
.lg-toc li{break-inside:avoid;margin:0;padding:4px 0}
.lg-toc a{display:inline-block;min-height:28px;padding:3px 0;color:var(--body);font-weight:600;text-decoration:none}
.lg-toc a:hover{color:var(--accent-text);text-decoration:underline}

/* tables: a normal table on wide screens, stacked cards on phones (no sideways scrolling) */
.lg-table{width:100%;border-collapse:collapse;margin-top:18px;font-size:15px;line-height:1.55}
.lg-table th,.lg-table td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line)}
.lg-table th{color:var(--ink);font-weight:700;background:var(--raised)}
.lg-table thead th:first-child{border-top-left-radius:10px}
.lg-table thead th:last-child{border-top-right-radius:10px}
.lg-table td:first-child{color:var(--ink);font-weight:600}
@media (max-width:620px){
  .lg-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .lg-table,.lg-table tbody,.lg-table tr,.lg-table td{display:block;width:100%}
  .lg-table tr{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:6px 0;margin-top:12px}
  .lg-table td{border:0;padding:6px 14px}
  .lg-table td[data-label]::before{content:attr(data-label);display:block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
}

.lg-note{margin-top:18px;padding:14px 16px;border-radius:14px;background:var(--tint);color:var(--ink);font-size:15px;line-height:1.6}
.lg-contact{margin-top:56px;padding-top:24px;border-top:1px solid var(--line)}
.lg-top{display:inline-flex;align-items:center;min-height:44px;margin-top:20px;font-size:15px}

@media (max-width:640px){
  .lg-main{padding-top:36px;padding-bottom:64px}
  .lg-doc{font-size:16px}
  .lg-doc h2{font-size:22px;margin-top:44px}
}
@media print{
  .sl-nav,.sl-foot,.lg-toc,.lg-top,.sl-skip{display:none}
  .lg-doc{max-width:none}
}