/* Legal pages – light overrides and layout tweaks */

.legal-page main.section {
  padding-top: 3rem;
}

.legal-page h1 {
  margin-bottom: .4rem;
}

.legal-page .subtitle {
  opacity: .9;
}

.legal-page article, .legal-page section .container {
  max-width: 900px;
}


/* New legal layout */
.legal-hero { display: grid; grid-template-columns: 1fr; gap: 1rem; align-items: center; }
.legal-badges { display: flex; gap: .4rem; flex-wrap: wrap; margin-top: .4rem; }
.legal-card { background: linear-gradient(180deg, rgba(0, 212, 255, 0.06), rgba(0,0,0,0)); border: 1px solid rgba(0, 212, 255, 0.28); border-radius: .9rem; padding: 1rem; box-shadow: 0 8px 24px rgba(0, 212, 255, 0.08); margin: 1rem 0; }
.legal-grid { display: grid; grid-template-columns: 1fr; gap: 1rem; }
@media (min-width: 900px) { .legal-grid { grid-template-columns: 1fr 1fr; } }

/* Accordions */
.accordion { border: 1px solid rgba(255,255,255,.12); border-radius: .8rem; overflow: hidden; background: rgba(255,255,255,.02); }
.acc-item + .acc-item { border-top: 1px solid rgba(255,255,255,.08); }
.acc-btn { width: 100%; text-align: left; background: transparent; color: var(--text); border: 0; padding: .8rem 1rem; font-weight: 600; display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.acc-btn:hover { color: var(--primary); }
.acc-panel { padding: 0 1rem .8rem; display: none; }
.acc-item.open .acc-panel { display: block; animation: subtle-pop .25s ease both; }
.acc-item.open .acc-btn { color: var(--primary); }