.main-content { width: calc(100% - 300px); min-width: 0; margin-left: 300px; padding: 36px; color: #e2e8f0; }
.legal-card { width: min(100%, 980px); margin: 0 auto; padding: clamp(22px, 4vw, 46px); border: 2px solid #000; border-radius: 10px; background: rgba(124, 58, 237, 0.25); box-shadow: 0 8px 24px #0004; }
.legal-eyebrow { color: #60a5fa; text-transform: uppercase; font-size: 12px; font-weight: 800; letter-spacing: .13em; }
.legal-card h1 { margin: 8px 0 10px; font-size: clamp(30px, 4vw, 42px); line-height: 1.15; color: #fff; }
.legal-date { margin-bottom: 24px; color: #94a3b8; font-size: 13px; }
.legal-card p, .legal-card li { margin-bottom: 14px; line-height: 1.8; font-size: 16px; color: #cbd5e1; overflow-wrap: anywhere; }
.legal-card .legal-eyebrow { margin-bottom: 0; font-size: 12px; }
.legal-card .legal-date { font-size: 13px; }
.legal-card h2 { margin: 32px 0 14px; padding-top: 22px; border-top: 1px solid #334155; font-size: 22px; line-height: 1.35; color: #fff; }
.legal-card section { scroll-margin-top: 20px; }
.legal-card a { color: #60a5fa; font-weight: 700; text-underline-offset: 3px; }
.legal-card a:hover { color: #c084fc; }
.legal-card a:focus-visible, .sidebar a:focus-visible { outline: 3px solid #b44cff; outline-offset: 3px; }
.legal-card ul { margin-left: 22px; }
.legal-toc { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0; }
.legal-toc a { padding: 8px 12px; border: 1px solid #334155; border-radius: 6px; background: rgba(30, 41, 59, 0.6); font-size: 13px; color: #e2e8f0; text-decoration: none; }
.legal-highlight { padding: 18px 20px; border-left: 4px solid #b44cff; border-radius: 5px; background: rgba(180, 76, 255, 0.1); color: #c084fc; font-size: 15px; line-height: 1.8; }
.legal-highlight strong { display: block; }
.legal-table-wrap { margin: 16px 0; overflow-x: auto; }
.legal-card table { width: 100%; border-collapse: collapse; text-align: left; font-size: 14px; color: #cbd5e1; }
.legal-card caption { margin-bottom: 10px; text-align: left; font-weight: 700; color: #fff; }
.legal-card th, .legal-card td { padding: 12px; border: 1px solid #334155; line-height: 1.6; vertical-align: top; color: #cbd5e1; }
.legal-card thead { background: rgba(30, 41, 59, 0.6); color: #fff; }
.legal-related { margin-top: 22px; padding: 16px; border-radius: 6px; background: rgba(30, 41, 59, 0.6); color: #cbd5e1; }
@media (max-width: 768px) {
 body { flex-direction: column; }
 .sidebar { position: relative; top: auto; left: auto; width: calc(100% - 24px); height: auto; margin: 12px; padding: 10px 12px; overflow: visible; }
 .sidebar-logo { padding: 0 0 8px; } .sidebar-logo img { width: 110px; }
 .sidebar-menu { display: flex; gap: 6px; margin-top: 8px; padding-bottom: 6px; overflow-x: auto; }
 .sidebar-menu li { flex: 0 0 auto; margin: 0; } .sidebar-menu a { padding: 10px 12px; font-size: 15px; white-space: nowrap; }
 .main-content { width: 100%; margin-left: 0; padding: 12px; }
 .legal-card p, .legal-card li { font-size: 15px; }
}