/* Legal pages (terms, privacy, risk, disclaimer, refunds). Light reading layout on the site's dark header/footer. */
.legal-page{background:#F8F6FB; color:#231A38;}
.legal-page header{position:sticky; top:0;}
.legal{display:grid; grid-template-columns:220px minmax(0,1fr); gap:48px; padding-top:48px; padding-bottom:96px; align-items:start;}
@media (max-width:860px){ .legal{grid-template-columns:minmax(0,1fr); gap:20px; padding-top:28px;} }
.legal-nav{position:sticky; top:96px; display:flex; flex-direction:column; gap:2px;}
.legal-nav span{font:500 11px 'JetBrains Mono',monospace; letter-spacing:.1em; text-transform:uppercase; color:#6B6479; padding:0 12px 8px;}
.legal-nav a{padding:9px 12px; border-radius:9px; color:#231A38; text-decoration:none; font-size:15px;}
.legal-nav a:hover{background:#EFEBF6; color:#4B2D80;}
.legal-nav a[aria-current="page"]{background:#4B2D80; color:#fff;}
@media (max-width:860px){ .legal-nav{position:static; flex-direction:row; flex-wrap:wrap; gap:6px;} .legal-nav span{display:none;} .legal-nav a{border:1px solid #E2DCEE; font-size:14px; padding:7px 12px;} }
.legal-doc{max-width:760px; font-size:16.5px; line-height:1.7;}
.legal-doc a{color:#6B3FC4;} .legal-doc a:hover{color:#4B2D80;}
.legal-crumb{margin:0 0 10px; font-size:13.5px; color:#6B6479;} .legal-crumb a{color:#6B6479;}
.legal-doc h1{margin:0; font-size:clamp(32px,4.4vw,46px); line-height:1.08; letter-spacing:-.025em; font-weight:600; color:#120C1F;}
.legal-date{margin:10px 0 0; font:13px 'JetBrains Mono',monospace; color:#6B6479;}
.draft-note{margin:20px 0 0; padding:12px 14px; border-radius:10px; background:#FBF3E4; border:1px solid #EBD3A6; color:#6B4A12; font-size:14px;}
.lede{font-size:19px; line-height:1.6; color:#231A38; margin:24px 0 8px; text-wrap:pretty;}
.legal-doc h2{margin:40px 0 10px; font-size:22px; letter-spacing:-.01em; font-weight:600; color:#120C1F; scroll-margin-top:96px;}
.legal-doc p{margin:0 0 14px; text-wrap:pretty;}
.legal-doc ul{margin:0 0 14px; padding-left:22px; display:flex; flex-direction:column; gap:6px;}
.legal-toc{margin:24px 0 0; border:1px solid #E2DCEE; border-radius:12px; background:#fff; padding:12px 16px;}
.legal-toc summary{cursor:pointer; font-weight:600; font-size:15px;}
.legal-toc div{display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:4px 16px; margin-top:10px;}
.legal-toc a{font-size:14.5px; text-decoration:none;}
.tbl{overflow-x:auto; border:1px solid #E2DCEE; border-radius:12px; background:#fff; margin:6px 0 16px;}
.tbl table{width:100%; min-width:560px; border-collapse:collapse; font-size:14.5px; line-height:1.5;}
.tbl th, .tbl td{padding:11px 14px; text-align:left; vertical-align:top; border-top:1px solid #E2DCEE;}
.tbl thead th{border-top:none; background:#F8F6FB; font:500 11px 'JetBrains Mono',monospace; letter-spacing:.08em; text-transform:uppercase; color:#6B6479;}
.tbl td:first-child{font-weight:600; white-space:nowrap;}
.callout{margin:24px 0; padding:20px 22px; border-radius:14px; background:#120C1F; color:#FFFEF5;}
.callout b{font:500 11.5px 'JetBrains Mono',monospace; letter-spacing:.08em; text-transform:uppercase; color:#E8C27E;}
.callout p{margin:8px 0 10px; font-size:18px; line-height:1.55;}
.callout span{font-size:13px; color:#B7AFCB;}
mark.fill{background:#FDE9B8; color:#5C3D06; padding:1px 4px; border-radius:4px; font-size:.92em;}
.footer-legal{display:flex; flex-wrap:wrap; gap:8px 20px; padding-top:18px; margin-top:18px; border-top:1px solid rgba(255,255,255,.1);}
.footer-legal a{font-size:14px;}
.footer-risk{font-size:12.5px; line-height:1.55; opacity:.75; margin-top:12px; margin-bottom:0;}