/* ── COMPLIANCE PAGE STYLES ── */

.compliance-hero-inner { max-width: 1200px; margin: 0 auto; padding: 80px 60px; width: 100% }

.compliance-section { position: relative; z-index: 1 }
.compliance-section.alt { background: rgba(240, 242, 247, 0.6) }
[data-theme="dark"] .compliance-section.alt { background: rgba(22, 27, 38, 0.6) }

.compliance-meta { font-family: 'JetBrains Mono', monospace; font-size: .68rem; letter-spacing: .1em; color: var(--muted); margin-bottom: 40px }

.compliance-body { max-width: 800px }
.compliance-body h3 { font-family: 'Orbitron', sans-serif; font-size: .9rem; font-weight: 700; color: var(--bright); margin: 40px 0 14px; letter-spacing: .02em }
.compliance-body h3:first-child { margin-top: 0 }
.compliance-body p { font-size: .88rem; line-height: 1.9; color: var(--text); margin-bottom: 14px }
.compliance-body p a { color: var(--accent); text-decoration: none; transition: color .2s }
.compliance-body p a:hover { color: var(--bright) }
.compliance-body ul, .compliance-body ol { margin: 0 0 18px 20px; display: flex; flex-direction: column; gap: 8px }
.compliance-body li { font-size: .85rem; line-height: 1.8; color: var(--text) }
.compliance-body code { font-family: 'JetBrains Mono', monospace; font-size: .78rem; background: rgba(var(--accent-rgb), .08); padding: 2px 6px; border-radius: 3px; color: var(--accent) }

.compliance-detail { background: var(--glass-bg); border: 1px solid var(--glass-border); padding: 20px 24px; border-radius: 6px; margin: 14px 0 18px; backdrop-filter: blur(var(--glass-blur)); -webkit-backdrop-filter: blur(var(--glass-blur)) }
.compliance-detail p { margin-bottom: 6px; font-size: .85rem }
.compliance-detail p:last-child { margin-bottom: 0 }
.compliance-detail a { color: var(--accent); text-decoration: none }

.compliance-table-wrap { overflow-x: auto; margin: 14px 0 24px }
.compliance-table { width: 100%; border-collapse: collapse; font-size: .82rem }
.compliance-table th { font-family: 'Orbitron', sans-serif; font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--bright); text-align: left; padding: 12px 16px; border-bottom: 2px solid rgba(var(--accent-rgb), .2); background: rgba(var(--accent-rgb), .04) }
.compliance-table td { padding: 12px 16px; border-bottom: 1px solid var(--glass-border); color: var(--text); line-height: 1.6 }
.compliance-table tr:last-child td { border-bottom: none }
.compliance-table tr:hover td { background: rgba(var(--accent-rgb), .03) }

/* ── RESPONSIVE ── */
@media (max-width: 900px) {
  .compliance-hero-inner { padding: 80px 24px }
  .footer-links { display: none }
}