/* Settings that Ghost injected into every page as inline <style> and
   <script>, folded in here so pages carry no inline code at all. That is
   what lets every page, and the card pages most of all, run under a
   Content Security Policy that allows only this site's own files. */

/* Maali theme settings (partials/theme-settings.hbs, as configured) */
:root {
  --global-max-width: 1400px;
  --global-content-width: 700px;
  --global-wide-width: 960px;
  --global-radius: 0px;
  --global-gallery-gap: 1em;
  --global-hyphens: none;
  --global-header-height: 92px;
  --global-theme-notifications: visible;
  --global-progress-bar: visible;
  --global-content-preview-fading: 0%;
  --global-scroll-behavior: smooth;

  /* Accent #14B8A6. Ghost's theme worked these out in the browser on every
     page view; they are constants. */
  --ghost-accent-color: #14B8A6;
  --color-brand-contrast: #000;
  --color-brand-h: 173;
  --color-brand-s: 80%;
  --color-brand-l: 40%;
  --color-brand-hsl: 173 80% 40%;
}

/* Fonts (partials/fonts.hbs) */
body { --font-headings: var(--gh-font-heading, 'Poppins'), sans-serif; }
body .content, p { --font-body: var(--gh-font-body, 'Lora'), serif; font-family: var(--font-body); }

/* Was code injection: keep footer social icons one size */
footer a svg { width: 16px; height: 16px; min-width: 16px; }

/* ---- additions ---- */

.visually-hidden {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* Voiceovers: a native audio player in place of Ghost's scripted one */
.tip-audio { margin: 1.5em 0; padding: 1em 1.25em; border: 1px solid rgba(0,0,0,.12); border-radius: 6px; }
.tip-audio__title { font-family: var(--font-headings); font-weight: 600; font-size: .95em; margin-bottom: .6em; }
.tip-audio audio { width: 100%; display: block; }
html[data-color-scheme=dark] .tip-audio { border-color: rgba(255,255,255,.18); }

/* Signup card: Ghost hid it until its script ran; ours needs no script */
.kg-signup-card.tip-signup-card { background-color: #F0F0F0; color: #000; display: block; }
.tip-signup-card .kg-signup-card-button { color: #fff; }
.tip-signup-card .kg-signup-card-disclaimer { font-size: .85em; }
.tip-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

/* Signup page */
.tip-signup-page { max-width: 640px; margin: 0 auto 4rem; }

/* Stub pages for the age and place sections (not linked yet) */
.tip-stub { max-width: 700px; margin: 2rem auto 4rem; }
.tip-stub ul { padding-left: 1.2em; }