/* Quasar legal pages basic styling */
.legal-container{ min-height: calc(100vh - 200px); padding: 28px 0; }
.legal-card{ background: rgba(255,255,255,.03); border:1px solid var(--qs-border); border-radius:16px; padding: 24px; max-width: 980px; margin: 0 auto; box-shadow: 0 20px 60px rgba(0,0,0,.35); color: var(--qs-text); }
.legal-header{ text-align:center; margin-bottom: 22px; padding-bottom: 16px; border-bottom:1px solid var(--qs-border); }
.legal-header h1{ margin:0 0 8px; font-size: 26px; font-weight: 800; color: var(--qs-text); }
.legal-date{ color: var(--qs-text-2); font-size: 14px; }
.legal-section{ margin:18px 0; }
.legal-section h2{ color: var(--qs-text); font-size: 18px; font-weight: 700; margin: 8px 0 6px; }
.legal-section p{ color: var(--qs-text-2); line-height: 1.7; }
/* TOC */
.legal-toc{ margin: 0 0 16px; padding: 12px 14px; border:1px solid var(--qs-border); border-radius:12px; background: rgba(255,255,255,.03); }
.legal-toc .toc-title{ font-weight: 700; margin: 0 0 8px; color: var(--qs-text); }
.legal-toc ol{ margin:0; padding-left:0; column-gap:24px; list-style-position: inside; }
.legal-toc li{ margin:6px 0; line-height:1.5; }
.legal-toc a{ color: var(--qs-text-2); text-decoration:none; }
.legal-toc a:hover{ color: var(--qs-text); text-decoration: underline; }
@media (min-width:820px){ .legal-toc ol{ columns: 2; } }
/* Responsive */
@media (max-width:700px){
  .legal-card{ margin: 0 12px; padding: 18px; }
  .legal-header h1{ font-size: 22px; }
  .legal-section h2{ font-size: 16px; }
}