/* makeabook.fun: the Rising Grains Press look over the copied page, as ONE system. Content and layout stay the page's own.

   Type     body = Nunito · headings = Cormorant (three sizes) · small caps (labels, buttons) = Quicksand
   Color    ink for all text, ink-soft for secondary · rust = links in text · forest = main buttons · rose = labels
   Ground   paper or sage, alternating by section; watercolor washes only on paper sections
   Shape    18px pictures and videos · 28px cards · pills for every button and label
   Buttons  two kinds: solid forest pill (main), outlined pill (secondary)
   Selectors start with html body.makeabook.page-id-9442 so they outrank the page's own restyle. */
:root {
  --paper: #fbf4e8; --sage: #e6ece0; --card: #fffdf8; --ink: #3a2e26; --ink-soft: #75665b; --line: rgba(90, 70, 52, .18);
  --rust: #a5512e; --forest: #2f3e34; --forest-2: #45584b; --rose: #b06a80;
  --shadow: 0 12px 30px -14px rgba(60, 44, 30, .35);
  --serif: "Cormorant Garamond", Georgia, serif; --caps: "Quicksand", "Nunito", sans-serif; --body: "Nunito", system-ui, sans-serif;
  --paper-tex: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .4  0 0 0 0 .3  0 0 0 0 .2  0 0 0 .06 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  --scallop: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='8'><path d='M0 0 Q7 9 14 0 Q21 9 28 0' fill='%23fbf4e8'/></svg>");
  --scallop-sage: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='10'><path d='M0 0 Q7 10 14 0 Q21 10 28 0Z' fill='%237f9a7a' fill-opacity='.45'/></svg>");
}

/* ---------- ground ---------- */
html body.makeabook.page-id-9442 { background: var(--paper) var(--paper-tex) !important; color: var(--ink); -webkit-font-smoothing: antialiased; }
html body.makeabook.page-id-9442 main .bde-section { position: relative; isolation: isolate; background: transparent !important; }
html body.makeabook.page-id-9442 main :is(.bde-section-9442-306, .bde-section-9442-332, .bde-section-9442-356, .bde-section-9442-378) { background: var(--sage) !important; }
.mb-wash { position: absolute; left: 0; width: 100%; height: clamp(420px, 52vw, 760px); max-height: 100%; z-index: -1; pointer-events: none; }
.mb-wash.top { top: 0; }
.mb-wash.bottom { bottom: 0; }
svg.mb-defs { position: absolute; width: 0; height: 0; }

/* ---------- type ---------- */
html body.makeabook.page-id-9442 main :is(p, li, span, div, a, b, strong, em, i, label, input, h5, h6) { font-family: var(--body) !important; }
html body.makeabook.page-id-9442 main :is(p, li, div, b, strong, h5, h6) { color: var(--ink) !important; }
html body.makeabook.page-id-9442 main :is(h1, h2, h3, h4), html body.makeabook.page-id-9442 main :is(h1, h2, h3, h4) * {
  font-family: var(--serif) !important; font-weight: 500 !important; color: var(--ink) !important; letter-spacing: 0 !important;
}
html body.makeabook.page-id-9442 main h2 { font-size: clamp(30px, 3.2vw, 40px) !important; line-height: 1.12 !important; }
html body.makeabook.page-id-9442 main :is(h3, h4) { font-size: clamp(21px, 2vw, 24px) !important; line-height: 1.25 !important; }
html body.makeabook.page-id-9442 main :is(h5, h6) { font-size: 15px !important; color: var(--ink-soft) !important; font-weight: 400 !important; }
html body.makeabook.page-id-9442 main :is(.bde-text, .bde-rich-text) { font-size: 16.5px; line-height: 1.7; }
html body.makeabook.page-id-9442 main :is(p, .bde-text, .bde-rich-text) a { color: var(--rust) !important; text-decoration: underline; text-underline-offset: 3px; }

/* ---------- hero (the photo stays; type matches the system) ---------- */
html body.makeabook.page-id-9442 .bde-section-9442-300 :is(h1, h1 *) { color: #fff !important; }
html body.makeabook.page-id-9442 .bde-section-9442-300 :is(p, div, b, strong) { color: #fff !important; }

/* ---------- labels: rose pills ---------- */
html body.makeabook.page-id-9442 :is(.bde-section-9442-300 .bde-text, .fd-label, .fd-eyebrow) {
  display: inline-block; background: var(--rose) !important; color: #fff !important; border: 0 !important; border-radius: 999px !important;
  padding: 9px 15px 8px !important; font: 700 11px/1 var(--caps) !important; letter-spacing: .18em !important; text-transform: uppercase !important;
}

/* ---------- buttons: two kinds ---------- */
html body.makeabook.page-id-9442 :is(.bde-button__button, .button-atom, .formkit-submit) {
  border-radius: 999px !important; background: var(--forest) !important; border: 0 !important; color: #fff !important;
  font-family: var(--caps) !important; font-weight: 700 !important; letter-spacing: .14em !important; text-transform: uppercase !important;
  transition: transform .25s cubic-bezier(.3, 1.6, .5, 1), background .2s !important;
}
html body.makeabook.page-id-9442 :is(.bde-button__button, .button-atom, .formkit-submit) * { color: #fff !important; font-family: var(--caps) !important; }
html body.makeabook.page-id-9442 :is(.bde-button__button, .button-atom, .formkit-submit):hover { background: var(--forest-2) !important; transform: translateY(-2px); }
/* "Read now →": the outlined secondary pill */
html body.makeabook.page-id-9442 main a.bde-container-link {
  display: inline-flex !important; flex-direction: row !important; align-items: center; gap: 10px; width: auto !important; padding: 12px 18px !important;
  border-radius: 999px !important; background: rgba(255, 255, 255, .72) !important; box-shadow: 0 0 0 1.5px var(--line) inset; text-decoration: none !important;
  transition: transform .25s cubic-bezier(.3, 1.6, .5, 1);
}
html body.makeabook.page-id-9442 main a.bde-container-link:hover { transform: translateY(-2px); }
html body.makeabook.page-id-9442 main a.bde-container-link :is(.bde-text, .bde-text *) { font: 700 12px/1 var(--caps) !important; letter-spacing: .14em !important; text-transform: uppercase; color: var(--ink) !important; margin: 0 !important; }
html body.makeabook.page-id-9442 main a.bde-container-link .bde-icon { color: var(--ink) !important; fill: var(--ink) !important; margin: 0 !important; }

/* ---------- pictures and videos: 18px ---------- */
html body.makeabook.page-id-9442 main :is(lite-youtube, iframe, .bde-video, .ee-video, .bde-image2 img, .bde-image img) { border-radius: 18px !important; overflow: hidden; box-shadow: var(--shadow); }

/* ---------- the two template cards: identical, 28px, sage scallop ---------- */
html body.makeabook.page-id-9442 :is(.bde-column-9442-146, .bde-column-9442-148) {
  background: var(--card) !important; border: 0 !important; border-radius: 28px !important; box-shadow: var(--shadow);
  position: relative; overflow: hidden; isolation: isolate;
}
html body.makeabook.page-id-9442 :is(.bde-column-9442-146, .bde-column-9442-148)::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 10px; background: var(--scallop-sage) repeat-x; background-size: 28px 10px;
}
html body.makeabook.page-id-9442 .bde-columns-9442-145 .formkit-input {
  border-radius: 14px !important; border: 1px solid var(--line) !important; background: #fff !important; color: var(--ink) !important;
}
html body.makeabook.page-id-9442 .bde-columns-9442-145 :is(.formkit-submit, .formkit-submit > span) { border-radius: 999px !important; }

/* ---------- header and footer ---------- */
.mb-header { background: color-mix(in srgb, var(--paper) 92%, transparent) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-bottom: 0 !important; }
.mb-header::after { content: ""; position: absolute; left: 0; right: 0; bottom: -7px; height: 8px; background: var(--scallop) repeat-x; background-size: 28px 8px; filter: drop-shadow(0 2px 1px rgba(60, 44, 30, .07)); }
.mb-wordmark { display: inline-flex; align-items: center; gap: 9px; font: 500 clamp(21px, 3vw, 26px)/1 var(--serif) !important; letter-spacing: .06em !important; text-transform: uppercase; color: var(--ink) !important; }
.mb-wordmark span { color: var(--rust); }
.mb-wordmark svg { width: 24px; height: 28px; flex: none; color: var(--rust); }
.mb-nav a { font: 700 12px/1 var(--caps) !important; letter-spacing: .14em !important; color: var(--ink) !important; }
.mb-nav .mb-cta { border-radius: 999px; background: var(--forest) !important; color: #fff !important; padding: 12px 17px !important; transition: transform .25s cubic-bezier(.3, 1.6, .5, 1); }
.mb-nav .mb-cta:hover { transform: translateY(-2px); background: var(--forest-2) !important; text-decoration: none !important; }
.mb-footer { background: var(--forest) !important; color: #e9efe6 !important; }
.mb-footer .mb-wordmark { color: #fff !important; }
.mb-footer .mb-wordmark span, .mb-footer .mb-wordmark svg { color: #f2c27a !important; }
.mb-footer p { font-family: var(--body) !important; }
body.makeabook .mb-footer a { color: #f6efe6 !important; text-underline-offset: 3px; }
.mb-footer .press { display: inline-block; margin-top: 18px; padding: 11px 17px; border-radius: 999px; background: rgba(255, 255, 255, .1); font: 700 11.5px/1 var(--caps); letter-spacing: .14em; text-transform: uppercase; text-decoration: none; color: #fff !important; }
.mb-footer .press:hover { background: rgba(255, 255, 255, .18); }
@media (max-width: 560px) { .mb-wordmark { font-size: 19px !important; gap: 7px; } .mb-wordmark svg { width: 20px; height: 24px; } }
@media (prefers-reduced-motion: reduce) { body.makeabook *, .mb-nav .mb-cta { transition: none !important; } }
html body.makeabook.page-id-9442 main a:not(.bde-container-link, .bde-button__button, .button-atom):not(:has(img, lite-youtube)) { color: var(--rust) !important; }
html body.makeabook.page-id-9442 main :is(.fd-fine, .formkit-guarantee, .formkit-guarantee *) { color: var(--ink-soft) !important; }
/* the instant download note under a template form */
html body.makeabook.page-id-9442 .mb-dl { margin-top: 14px; padding: 14px 18px; border-radius: 18px; background: var(--sage); }
html body.makeabook.page-id-9442 .mb-dl p { margin: 0; font-size: 15px; line-height: 1.55; }