/* =====================================================================
   Sumatran 0.8 — type system (after Paper.design)
   Three sizes only, one weight (400), one family (Inter).
     Display  56 / 1.04, −2.2%   (36 on phones)  every headline
     Body     18 / 28                            text, labels, card titles, buttons
     Small    14 / 21                            nav, footer, card details, tags, readout
   Hierarchy comes from size, grey and space, never from bold.
   Loaded after every other stylesheet; !important so older rules cannot
   reintroduce extra sizes or weights. Scoped to .wp-site-blocks (the site),
   so the WordPress admin bar is untouched.
   ===================================================================== */
:root {
  --sm-t-display: clamp(2.25rem, calc(1.375rem + 3.57vw), 3.5rem);
  --sm-t-body: 1.125rem;
  --sm-t-small: 0.875rem;
}

/* No bold anywhere */
.wp-site-blocks, .wp-site-blocks * { font-weight: 400 !important; font-synthesis: none; }

/* Base: everything is body size */
.wp-site-blocks :where(p, li, a, span, em, strong, b, i, label, input, textarea, select, option, button, h1, h2, h3, h4, h5, h6, dt, dd, td, th, blockquote, figcaption, small, legend, summary, div, nav, ol, ul) {
  font-size: var(--sm-t-body) !important;
  line-height: 1.556 !important;
  letter-spacing: normal !important;
}
.wp-site-blocks strong, .wp-site-blocks b { color: var(--wp--preset--color--ink); }

/* ---------- Display ---------- */
.wp-site-blocks :is(h1, .wp-block-heading.is-style-display, .wp-block-heading.is-style-title, .is-style-statement-xl),
.wp-site-blocks :is(h1, .wp-block-heading.is-style-display, .wp-block-heading.is-style-title, .is-style-statement-xl) * {
  font-family: var(--wp--preset--font-family--body) !important;
  font-size: var(--sm-t-display) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.022em !important;
}
.wp-site-blocks .is-style-statement-xl { max-width: 22em; }
.is-page .is-style-hero-v2 .is-style-display { max-width: 20em; }

/* ---------- Small ---------- */
.wp-site-blocks :is(
  header.wp-block-template-part, footer.wp-block-template-part,
  .sumatran-breadcrumb, .sm-readout,
  .sm-night-offer__meta, .sm-night-offer__summary, .sm-night-offer__timing, .sm-night-offer__foot,
  .sm-cover__top, .sm-cover__text,
  .is-style-pill, .is-style-footnote,
  .is-style-row .wp-block-column:first-child > p:not(.is-style-label),
  .sumatran-form label, .sumatran-form__optional, .sumatran-form__error, .sumatran-form__notice, .sumatran-form__summary,
  .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container
),
.wp-site-blocks :is(
  header.wp-block-template-part, footer.wp-block-template-part,
  .sumatran-breadcrumb, .sm-readout,
  .sm-night-offer__meta, .sm-night-offer__summary, .sm-night-offer__timing, .sm-night-offer__foot,
  .sm-cover__top, .sm-cover__text,
  .is-style-pill, .is-style-footnote,
  .is-style-row .wp-block-column:first-child > p:not(.is-style-label),
  .sumatran-form label, .sumatran-form__optional, .sumatran-form__error, .sumatran-form__notice, .sumatran-form__summary,
  .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container
) * {
  font-size: var(--sm-t-small) !important;
  line-height: 1.5 !important;
}

/* The open mobile menu reads as page text: body size */
.wp-site-blocks .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { font-size: var(--sm-t-body) !important; }

/* Serif stays only on the SAIOS book covers (illustrations of covers) */
.wp-site-blocks :is(.sm-cover__top, .sm-cover__title), .wp-site-blocks :is(.sm-cover__top, .sm-cover__title) * { font-family: var(--wp--preset--font-family--serif) !important; }
.wp-site-blocks .sm-cover__title { line-height: 1.3 !important; }

/* Quiet adjustments now that titles are no longer bold or large */
.wp-site-blocks .is-style-strip li { color: #66645F; }
.wp-site-blocks .sumatran-form__title { color: var(--wp--preset--color--ink); margin-top: 0; }
.wp-site-blocks .sumatran-form input, .wp-site-blocks .sumatran-form textarea, .wp-site-blocks .sumatran-form select { font-size: var(--sm-t-body) !important; }
.wp-site-blocks .is-style-hero-v2 > .is-style-label + * { margin-top: 1rem; }

/* Widths retuned for the 56px headline */
.wp-site-blocks .is-style-panel .is-style-display { max-width: 15em; }
.wp-site-blocks .is-style-centre-band .is-style-statement-xl { max-width: 24em; }