/* REELTIME — legal document pages */
body{ background:#070707; min-height:100vh; }
.doc-bg{ position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
.doc-bg .orb{ position:absolute; width:520px; height:520px; border-radius:50%; filter:blur(100px); opacity:.4;
  background:radial-gradient(circle, rgba(200,245,52,.2), transparent 64%); top:-220px; right:-120px; }

.doc-nav{ position:sticky; top:0; z-index:20; background:rgba(7,7,7,.72); backdrop-filter:blur(16px) saturate(1.4); -webkit-backdrop-filter:blur(16px) saturate(1.4); border-bottom:1px solid var(--line); }
.doc-nav__in{ max-width:920px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; height:66px; padding:0 28px; }
.doc-back{ display:inline-flex; align-items:center; gap:9px; font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-dim);
  padding:9px 15px 9px 12px; border:1px solid var(--line-2); border-radius:100px; transition:.3s var(--ease); }
.doc-back:hover{ color:var(--lime); border-color:var(--lime); transform:translateX(-3px); }
.doc-back svg{ width:13px; height:13px; }
.doc-nav .logo{ display:flex; align-items:baseline; font-weight:700; font-size:18px; letter-spacing:-.03em; color:var(--ink); }
.doc-nav .logo .dot{ width:6px; height:6px; margin-left:3px; }

.doc{ position:relative; z-index:1; max-width:920px; margin:0 auto; padding:60px 28px 120px; }
.doc__eyebrow{ display:flex; align-items:center; gap:10px; font-family:var(--mono); font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--lime); margin-bottom:20px; }
.doc h1{ font-weight:700; letter-spacing:-.04em; line-height:.92; font-size:clamp(44px,8vw,84px); text-transform:uppercase; }
.doc__meta{ font-family:var(--mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-mute); margin-top:18px; }
.doc__intro{ font-size:clamp(15px,1.5vw,18px); color:var(--ink-body); line-height:1.7; margin-top:26px; max-width:68ch; }
.doc__intro b{ color:var(--ink); }

.doc__note{ margin-top:30px; padding:18px 22px; border:1px solid var(--line-2); border-left:3px solid var(--lime); border-radius:12px; background:var(--glass);
  font-size:13.5px; color:var(--ink-dim); line-height:1.6; }
.doc__note b{ color:var(--lime); font-weight:600; }

.doc section{ margin-top:48px; scroll-margin-top:90px; }
.doc h2{ font-weight:700; letter-spacing:-.02em; font-size:clamp(22px,2.6vw,30px); text-transform:uppercase; display:flex; align-items:baseline; gap:14px; }
.doc h2 .n{ font-family:var(--mono); font-size:13px; color:var(--lime); font-weight:500; letter-spacing:.04em; }
.doc h3{ font-weight:700; font-size:17px; letter-spacing:-.01em; margin-top:26px; color:var(--ink); }
.doc p{ font-size:15px; color:var(--ink-body); line-height:1.7; margin-top:14px; max-width:70ch; }
.doc p a{ color:var(--lime); text-decoration:underline; }
.doc ul{ margin:14px 0 0 0; padding:0; list-style:none; max-width:70ch; }
.doc ul li{ position:relative; padding-left:22px; font-size:15px; color:var(--ink-body); line-height:1.6; margin-top:10px; }
.doc ul li::before{ content:""; position:absolute; left:2px; top:9px; width:6px; height:6px; border-radius:50%; background:var(--lime); box-shadow:0 0 10px var(--lime-glow); }
.doc ul li b{ color:var(--ink); font-weight:600; }

/* table of contents */
.toc{ margin-top:40px; padding:24px 26px; border:1px solid var(--line); border-radius:16px; background:var(--bg-1); }
.toc h4{ font-family:var(--mono); font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--ink-mute); margin-bottom:16px; }
.toc ol{ margin:0; padding:0; list-style:none; columns:2; column-gap:36px; }
.toc li{ margin-bottom:10px; break-inside:avoid; }
.toc a{ display:flex; gap:10px; font-size:14px; color:var(--ink-dim); transition:.2s; }
.toc a:hover{ color:var(--lime); }
.toc a .n{ font-family:var(--mono); font-size:12px; color:var(--ink-mute); }
@media (max-width:640px){ .toc ol{ columns:1; } }

.doc__foot{ margin-top:64px; padding-top:28px; border-top:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; }
.doc__foot .mono{ font-family:var(--mono); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-mute); }
.doc__foot a{ font-family:var(--mono); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-dim); }
.doc__foot a:hover{ color:var(--lime); }