/* =====================================================================
   Legal / policy pages (/refunds, /terms).
   Plain readable prose. Site chrome comes from site-chrome.css.
   ===================================================================== */

.lg-wrap { max-width: 760px; }
.lg-kicker { font: 800 12px/1 var(--font-body); letter-spacing: .08em; text-transform: uppercase; color: var(--blue); margin-bottom: 12px; }
.lg-h1 { font-family: var(--font-display); font-weight: 800; color: var(--ink);
  font-size: clamp(30px, 5.4vw, 42px); line-height: 1.05; letter-spacing: -.022em; margin: 0 0 12px; }
.lg-updated { font: 14px/1.5 var(--font-body); color: #6B7488; margin: 0 0 34px; }

.lg-lead { font: clamp(16px,2.4vw,18px)/1.65 var(--font-body); color: var(--ink); margin: 0 0 30px;
  padding: 18px 20px; background: #fff; border: 1px solid var(--line); border-left: 4px solid var(--gold); border-radius: 12px; }

.lg-body h2 { font-family: var(--font-display); font-weight: 800; font-size: 22px; color: var(--ink);
  margin: 34px 0 10px; letter-spacing: -.01em; }
.lg-body h3 { font-family: var(--font-display); font-weight: 800; font-size: 17px; color: var(--ink); margin: 24px 0 8px; }
.lg-body p { font: 16px/1.7 var(--font-body); color: var(--tx); margin: 0 0 14px; }
.lg-body ul { margin: 0 0 16px; padding-left: 22px; }
.lg-body li { font: 16px/1.7 var(--font-body); color: var(--tx); margin-bottom: 8px; }
.lg-body strong { color: var(--ink); }
.lg-body a { color: var(--blue); font-weight: 600; text-decoration: underline; }

.lg-note { background: #F4F7FD; border: 1px solid var(--line); border-radius: 12px; padding: 16px 18px; margin: 22px 0; }
.lg-note p { margin: 0; font-size: 15px; }

.lg-cta { margin-top: 40px; padding: 24px 26px; border-radius: 16px; color: #fff;
  background: linear-gradient(125deg, #12205C, #3B0873); }
.lg-cta h2 { font-family: var(--font-display); font-weight: 800; font-size: 19px; color: #fff; margin: 0 0 8px; }
.lg-cta p { font: 15px/1.65 var(--font-body); color: #C7D2EE; margin: 0; }
.lg-cta a { color: var(--gold); font-weight: 700; }

@media (max-width: 560px) {
  .lg-cta, .lg-lead { padding: 18px 16px; }
}