/* SAI legal pages (terms.html, privacy.html): the door's look (sai-entry.css) with a calm reading column.
   Universal Network Development LLC · UND Industries   [UND-MARKER: SAI-WEB v1] */
.legal { position: relative; z-index: 1; width: min(760px, calc(100% - 32px)); margin: 8px auto 48px; padding: 36px 40px; box-sizing: border-box;
  border-radius: var(--sai-radius-lg); border: 1px solid var(--sai-glass-line);
  background: linear-gradient(160deg, var(--sai-glass-hi) 0%, var(--sai-glass-over-viewport) 42%, var(--sai-glass-over-viewport) 100%);
  backdrop-filter: blur(var(--sai-glass-blur)) saturate(var(--sai-glass-sat)); -webkit-backdrop-filter: blur(var(--sai-glass-blur)) saturate(var(--sai-glass-sat));
  box-shadow: inset 0 1px 0 var(--sai-glass-edge), var(--sai-glass-shadow); color: var(--sai-text); }
.legal h1 { font: 600 clamp(28px, 4vw, 36px)/1.15 var(--sai-font-display); margin: 0 0 6px; letter-spacing: -0.01em; }
.legal .dates { margin: 0 0 22px; color: var(--sai-muted); font-size: var(--sai-text-sm); }
.legal .summary { margin: 0 0 26px; padding: 16px 18px; border-radius: var(--sai-radius-md); background: color-mix(in srgb, var(--sai-blue) 10%, transparent); border: 1px solid color-mix(in srgb, var(--sai-blue) 26%, transparent); }
.legal .summary p { margin: 0 0 8px; } .legal .summary ul { margin: 0; padding-left: 20px; }
.legal h2 { font: 600 var(--sai-text-lg)/1.3 var(--sai-font-body); margin: 30px 0 10px; }
.legal h3 { font: 600 var(--sai-text-md)/1.3 var(--sai-font-body); margin: 18px 0 6px; }
.legal p, .legal li { font-size: var(--sai-text-md); line-height: 1.65; color: color-mix(in srgb, var(--sai-text) 92%, transparent); }
.legal ul { padding-left: 22px; } .legal li { margin: 4px 0; }
.legal a { color: var(--sai-blue); text-decoration: none; font-weight: 600; } .legal a:hover { text-decoration: underline; }
.legal .caps { padding: 14px 16px; border-radius: var(--sai-radius-md); border: 1px solid var(--sai-line); background: var(--sai-surface); font-weight: 600; text-transform: uppercase; font-size: var(--sai-text-sm); line-height: 1.6; letter-spacing: 0.01em; }
.legal .toc { columns: 2; column-gap: 28px; margin: 0 0 8px; padding-left: 20px; }
.legal .toc li { break-inside: avoid; font-size: var(--sai-text-sm); }
.legal table { width: 100%; border-collapse: collapse; margin: 10px 0 6px; font-size: var(--sai-text-sm); }
.legal th, .legal td { text-align: left; vertical-align: top; padding: 9px 10px; border-bottom: 1px solid var(--sai-line); line-height: 1.5; }
.legal th { color: var(--sai-muted); font-weight: 600; }
.legal-nav { display: flex; gap: 14px; flex-wrap: wrap; margin: 26px 0 0; padding-top: 16px; border-top: 1px solid var(--sai-line); font-size: var(--sai-text-sm); }
@media (max-width: 640px) { .legal { padding: 24px 18px; } .legal .toc { columns: 1; } .legal table, .legal thead, .legal tbody, .legal tr, .legal th, .legal td { display: block; } .legal thead { display: none; } .legal td { border-bottom: 0; padding: 4px 0; } .legal tr { border-bottom: 1px solid var(--sai-line); padding: 8px 0; } }