/* =====================================================================
   TERMS & CONDITIONS PAGE — legal__ namespace
   ===================================================================== */

.legal-layout  { grid-template-columns: 280px 1fr; gap: 24px; align-items: start; }
.legal-sidebar { display: block; }
.legal-article { padding: 22px 24px; }

.legal-hero__inner,
.legal-article { animation: legalFadeUp .5s ease both; }

.legal-hero {
  padding: 56px 0 28px;
  background:
    radial-gradient(900px 300px at 20% 0%,rgba(var(--pagi-accent-rgb),.14),transparent 60%),
    radial-gradient(700px 260px at 80% 10%,rgba(var(--pagi-accent-rgb),.10),transparent 55%),
    linear-gradient(180deg,rgba(15,23,42,.03),transparent 70%);
  border-bottom: 1px solid var(--border);
}

.legal-toc__link:hover {
  background: rgba(var(--pagi-accent-rgb),.10);
}

.legal-note {
  margin-top: 12px;
  border-left: 4px solid var(--primary);
  background: rgba(var(--pagi-accent-rgb),.08);
  border-radius: 14px;
  padding: 12px 14px;
  color: var(--text);
}

.legal-link {
  color: #f2b705;
  text-decoration: underline;
  text-decoration-color: rgba(var(--pagi-accent-rgb),.55);
  text-underline-offset: 3px;
}

body.page-template-page-terms-conditions,
body.page-template-page-terms-conditions .site-main,
.legal-hero { background: #0d0f14; color: var(--text); }

.legal-hero__inner,
.legal-article,
.legal-sidebar,
.legal-note {
  background: linear-gradient(180deg,#151820 0%,#101218 100%);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: var(--shadow-card);
}

.legal-article p,
.legal-article li,
.legal-toc__link { color: #c7ccd6; }