/* Shared styling for legal pages */
.legal-banner{
  background: radial-gradient(circle at 20% 20%, var(--royal-blue-bright), var(--royal-blue-deep) 60%);
  color:#fff; padding: 56px 0 44px;
}
.breadcrumb{ font-family: var(--font-mono); font-size:0.82rem; color: rgba(255,255,255,0.7); margin-bottom:14px; }
.breadcrumb a{ color: var(--gold-light); font-weight:600; }
.legal-banner h1{ color:#fff; font-size: clamp(1.8rem, 3vw, 2.4rem); margin-bottom:10px; }
.legal-updated{ color: rgba(255,255,255,0.7); font-size:0.9rem; }
.legal-updated span{ color: rgba(255,255,255,0.9); font-weight:600; }
.legal-content{ max-width:760px; }
.legal-content h2{ font-size:1.2rem; margin: 32px 0 12px; padding-top:8px; scroll-margin-top:100px; }
.legal-content h2:first-of-type{ margin-top:0; }
.legal-content h3{ font-size:1rem; color:var(--text-navy); margin:20px 0 8px; }
.legal-content p{ color: var(--text-muted); margin-bottom:12px; line-height:1.65; }
.legal-content a{ color: var(--royal-blue-bright); font-weight:600; }
.legal-content ul, .legal-content ol{ color: var(--text-muted); margin:0 0 14px; padding-left:22px; line-height:1.65; }
.legal-content ul{ list-style:disc; }
.legal-content ol{ list-style:decimal; }
.legal-content li{ margin-bottom:6px; }
.legal-content strong{ color: var(--text-navy); }

/* Table of contents */
.legal-toc{ background:#fff; border:1px solid var(--border); border-radius: var(--radius-md); box-shadow: var(--shadow-sm); padding:22px 24px; margin-bottom:32px; }
.legal-toc h2{ margin:0 0 12px; font-size:1rem; }
.legal-toc ol{ column-count:2; column-gap:24px; padding-left:20px; margin:0; }
.legal-toc li{ break-inside:avoid; margin-bottom:6px; font-size:0.9rem; }
.legal-toc a{ color: var(--text-navy); font-weight:500; }
.legal-toc a:hover{ color: var(--royal-blue-bright); }

/* Simple info table used within legal content (e.g. cookie table) */
.legal-table-wrap{ overflow-x:auto; margin-bottom:16px; border:1px solid var(--border); border-radius: var(--radius-md); }
.legal-table{ width:100%; border-collapse:collapse; font-size:0.85rem; min-width:480px; }
.legal-table th{ text-align:left; padding:12px 16px; background: var(--bg); font-family:var(--font-mono); font-size:0.72rem; text-transform:uppercase; letter-spacing:0.05em; color:var(--text-muted); }
.legal-table td{ padding:12px 16px; border-top:1px solid var(--border); color:var(--text-muted); }

.legal-note{ background: var(--bg); border-left:4px solid var(--royal-blue-bright); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; padding:14px 18px; margin:16px 0; font-size:0.9rem; color:var(--text-muted); }

@media (max-width: 640px){
  .legal-toc ol{ column-count:1; }
}