/* ==========================================================
   Base styles of the Noma site, for the review section only.
   reviews.css (unchanged from the static site) relies on these
   colours, fonts and on .container / .title from style.css.
   Does the theme already have them? Then turn off "Load base styles"
   in Settings → Noma Reviews.

   :where() keeps specificity at zero, so reviews.css and the
   theme always win.
   ========================================================== */
:where(.noma-reviews) {
  --sand: #FEF9ED;
  --cream: #FCF8F2;
  --brown: #7F5F58;
  --white: #FFFFFF;
  --font-serif: "Spectral", Georgia, serif;
  --font-sans: "Rethink Sans", system-ui, sans-serif;
  --container: 1240px;

  color: var(--brown);
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 1.45;
}
:where(.noma-reviews) *,
:where(.noma-reviews) *::before,
:where(.noma-reviews) *::after { box-sizing: border-box; }
:where(.noma-reviews) a { color: inherit; }
:where(.noma-reviews) p { margin: 0 0 1.4em; line-height: 30px; }

:where(.noma-reviews) .container { width: min(var(--container), 100% - 32px); margin-inline: auto; }
:where(.noma-reviews) .title {
  font-family: var(--font-serif);
  font-weight: 200;
  font-size: clamp(30px, 3vw, 40px);
  line-height: 1.35;
  letter-spacing: -.5px;
  margin: 0 0 32px;
}