/* =========================================================
   SpinRewards.co.uk – trust/legal page styles
   ========================================================= */
.page-hero{
  padding: 56px 0 40px;
  background: linear-gradient(180deg, var(--ink) 0%, var(--ink-2) 100%);
  border-bottom: 1px solid var(--line);
  text-align:center;
}
.page-hero .eyebrow{ display:block; margin-bottom:10px; }
.page-updated{ font-size:0.8rem; color:var(--muted); margin-top:10px; }

.prose{
  max-width: 760px;
  margin: 0 auto;
  padding: 48px 24px 72px;
}
.prose h2{
  margin-top: 2em;
  padding-top: 0.4em;
  border-top: 1px solid var(--line);
}
.prose h2:first-child{ border-top:none; margin-top:0; padding-top:0; }
.prose ul{ color: var(--cream); padding-left: 1.2em; }
.prose li{ margin-bottom: 0.5em; }
.prose a{ color: var(--gold-bright); }

.callout{
  background: var(--ink-2);
  border: 1px solid var(--line);
  border-left: 3px solid var(--gold);
  border-radius: var(--radius);
  padding: 18px 20px;
  margin: 24px 0;
}
.callout p:last-child{ margin-bottom:0; }

.contact-box{
  text-align:center;
  background: var(--ink-2);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 32px 24px;
  margin: 24px 0 32px;
}
.contact-box .btn{ margin-top: 14px; }

.help-grid{
  display:grid; grid-template-columns: repeat(3, 1fr); gap:16px;
  margin: 24px 0;
}
.help-card{
  background: var(--ink-2); border:1px solid var(--line); border-radius: var(--radius);
  padding:18px; text-align:center;
}
.help-card a{ display:block; margin-top:8px; }
@media (max-width: 700px){ .help-grid{ grid-template-columns:1fr; } }