/* LIIMRA · Cinematic · Legal page treatment
   Long-form readable text on the dark navy canvas. */

.cn-legal-shell{padding:140px 24px 80px;background:#06122A;color:#fff;min-height:100vh;position:relative;overflow:hidden}
.cn-legal-shell::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 1100px 700px at 50% 0%,rgba(16,59,112,0.32),transparent 60%);pointer-events:none;z-index:0}
.cn-legal-inner{position:relative;z-index:1;max-width:820px;margin:0 auto}

.cn-legal-eb{font-family:'Geist Mono','JetBrains Mono',monospace;font-size:11px;color:#A4B7D1;letter-spacing:0.25em;text-transform:uppercase;font-weight:600;margin-bottom:24px;display:block}
.cn-legal-h1{font-family:'Geist','Inter',sans-serif;font-weight:500;font-size:clamp(40px,5.4vw,72px);line-height:1.0;letter-spacing:-0.03em;color:#fff;margin-bottom:18px;text-wrap:balance}
.cn-legal-h1 em{font-style:normal;color:#A4D1FF;font-weight:600}
.cn-legal-meta{font-family:'Geist','Inter',sans-serif;font-size:14px;color:rgba(255,255,255,0.6);margin-bottom:56px;display:flex;gap:18px;flex-wrap:wrap;border-bottom:1px solid rgba(53,92,138,0.32);padding-bottom:32px}
.cn-legal-meta strong{color:#fff;font-weight:500}

.cn-legal-body{font-family:'Geist','Inter',sans-serif;font-size:16px;line-height:1.7;color:rgba(255,255,255,0.86)}
.cn-legal-body h2{font-family:'Geist','Inter',sans-serif;font-weight:500;font-size:24px;letter-spacing:-0.015em;color:#fff;margin:64px 0 16px;padding-top:24px;border-top:1px solid rgba(53,92,138,0.22)}
.cn-legal-body h2:first-of-type{padding-top:0;border-top:0;margin-top:0}
.cn-legal-body h3{font-family:'Geist','Inter',sans-serif;font-weight:500;font-size:18px;letter-spacing:-0.01em;color:#fff;margin:32px 0 12px}
.cn-legal-body p{margin-bottom:18px;max-width:68ch}
.cn-legal-body ul,.cn-legal-body ol{margin:0 0 18px 0;padding-left:24px}
.cn-legal-body li{margin-bottom:10px}
.cn-legal-body li::marker{color:var(--blue)}
.cn-legal-body a{color:#A4D1FF;text-decoration:underline;text-underline-offset:3px}
.cn-legal-body a:hover{color:#fff}
.cn-legal-body strong{color:#fff;font-weight:600}
.cn-legal-body code{font-family:'Geist Mono','JetBrains Mono',monospace;font-size:13px;background:rgba(53,92,138,0.18);padding:2px 6px;border-radius:4px;color:#A4D1FF}
.cn-legal-body table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px}
.cn-legal-body th,.cn-legal-body td{padding:12px 14px;border-bottom:1px solid rgba(53,92,138,0.22);text-align:left;vertical-align:top}
.cn-legal-body th{font-weight:500;color:#fff;background:rgba(53,92,138,0.12)}
.cn-legal-body blockquote{border-left:3px solid var(--blue);padding:6px 20px;margin:24px 0;color:rgba(255,255,255,0.82);font-style:normal}

.cn-legal-toc{background:rgba(53,92,138,0.1);border:1px solid rgba(53,92,138,0.28);border-radius:14px;padding:24px 28px;margin-bottom:48px}
.cn-legal-toc .toc-label{font-family:'Geist Mono','JetBrains Mono',monospace;font-size:10px;color:#A4B7D1;letter-spacing:0.25em;text-transform:uppercase;font-weight:600;margin-bottom:14px}
.cn-legal-toc ol{margin:0;padding-left:20px}
.cn-legal-toc li{margin-bottom:6px;font-size:14px;line-height:1.5}
.cn-legal-toc a{color:rgba(255,255,255,0.85);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}
.cn-legal-toc a:hover{border-color:var(--blue)}

.cn-legal-back{display:inline-flex;align-items:center;gap:8px;font-family:'Geist Mono','JetBrains Mono',monospace;font-size:11px;color:#A4D1FF;letter-spacing:0.2em;text-transform:uppercase;font-weight:600;text-decoration:none;margin-bottom:48px}
.cn-legal-back::before{content:'\2190'}

/* NOTE: Cookie consent modal styles moved to cinematic.css — the modal is
   injected by cinematic.js on EVERY page, so its CSS must live in the global
   stylesheet, not this legal-only sheet. (Was rendering unstyled on non-legal pages.) */

@media (max-width:768px){
  .cn-legal-shell{padding:96px 16px 60px}
  .cn-legal-h1{font-size:clamp(32px,8vw,48px)}
  .cn-legal-meta{flex-direction:column;gap:6px;margin-bottom:36px;padding-bottom:24px}
  .cn-legal-body{font-size:15px;line-height:1.65}
  .cn-legal-body h2{font-size:21px;margin:40px 0 12px;padding-top:20px}
}
