/* Shared styles for Privacy / Terms / Refund pages */
.legal{ max-width:820px; margin:0 auto; padding:36px 24px 64px; line-height:1.7; font-size:15px; }
.legal h1{ font-family:var(--font-display); font-size:30px; margin:18px 0 4px; }
.legal h2{ font-family:var(--font-display); font-size:18px; margin:32px 0 8px; color:var(--text-bright); }
.legal h3{ font-size:15px; margin:18px 0 4px; color:var(--accent); }
.legal p, .legal li{ color:var(--text-dim); }
.legal strong{ color:var(--text-bright); }
.legal ul{ padding-left:22px; margin:8px 0; }
.legal li{ margin:4px 0; }
.legal a{ color:var(--accent); }
.legal .updated{ font-size:12.5px; margin-bottom:20px; }
.legal-tabs{ display:flex; gap:8px; flex-wrap:wrap; }
.legal-tabs a{
  padding:7px 14px; border:1px solid var(--rail-border); border-radius:999px;
  font-size:13px; color:var(--text-dim); text-decoration:none;
}
.legal-tabs a:hover{ border-color:var(--accent); color:var(--accent); }
.legal-tabs a.active{ background:var(--accent-soft); border-color:var(--accent); color:var(--accent); }
/* Placeholders the owner must replace before going live */
.ph{ background:rgba(255,214,0,0.22); color:var(--text-bright); padding:0 4px; border-radius:3px; }
@media (max-width:600px){ .legal{ padding:24px 16px 48px; } .legal h1{ font-size:24px; } }