/* ===== THEME: edit these values to re-colour every page (format: R G B) ===== */
:root{
  --primary:   31 95 74;     /* main brand: buttons, active tab, links  */
  --secondary: 201 162 75;   /* accent: highlights, badges, selections   */
  --tertiary:  43 58 85;     /* supporting: header, levy/payment cards   */
  --canvas:    247 248 250;  /* page background */
  --surface:   255 255 255;  /* cards */
  --ink:       24 28 36;     /* main text */
  --muted:     110 118 132;  /* secondary text */
  --line:      226 230 236;  /* borders */
  --danger:    200 50 40;
}
html,body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body{background:#d9dde4}
.phone{width:390px;height:844px}
.scroll::-webkit-scrollbar{display:none}
/* hides the Prev/Next walkthrough pill on every page */
.phone > div.absolute.z-50{display:none!important}
@media (max-width:430px){body{background:rgb(var(--canvas));display:block!important}.phone{box-shadow:none!important;border-radius:0!important}}