/* Mamie Joe homepage — one shared palette, type scale and component system.
   Scoped to .home-simple; the catalogue and detail pages keep their own styles. */
body.home-simple {
  --home-ink: #344d62;
  --home-blue: #2679a5;
  --home-green: #47864d;
  --home-coral: #c65e46;
  --home-yellow: #ffda57;
  --home-paper: #fffdf5;
  --home-hand: "Chalkboard SE", "Comic Sans MS", Nunito, system-ui, sans-serif;
  margin: 0;
  padding-bottom: 0;
  color: var(--home-ink);
  background: linear-gradient(#fff9e8e8, #fff9e8e8), url("assets/images/child-scribble-background.svg") center 110px / 1120px auto repeat-y #fff9e8;
  font-family: Nunito, system-ui, sans-serif;
}
.home-simple [hidden] { display: none !important; }
.home-simple .container { width: calc(100% - 80px); max-width: 1160px; margin-inline: auto; }
.home-simple a { color: inherit; text-underline-offset: 4px; }
.home-simple p { margin: 0; line-height: 1.7; }
.home-simple h1, .home-simple h2, .home-simple h3 { margin: 0; letter-spacing: -.025em; line-height: 1.2; }
.home-simple h1, .home-simple h2 { font-family: var(--home-hand); font-weight: 750; }
.home-simple h2 { font-size: clamp(30px, 3vw, 38px); color: var(--home-green); }
.home-simple h3 { font-size: 21px; }
.home-simple button { min-height: 44px; color: inherit; font: inherit; cursor: pointer; }
.home-simple :is(a, button, summary):focus-visible { outline: 3px solid var(--home-blue); outline-offset: 5px; }
.home-simple a:hover { text-decoration: underline; }
.home-eyebrow { font-size: 12px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; color: #805139; margin-bottom: 16px !important; }
.home-header { background: var(--home-paper); border-bottom: 3px solid #efc356; }
.home-nav { display: flex; align-items: center; gap: 28px; min-height: 94px; }
.home-nav .brand { display: flex; align-items: center; gap: 10px; margin-right: auto; font-family: var(--home-hand); font-size: 15px; line-height: 1.25; text-decoration: none; color: var(--home-ink); }
.home-nav .brand img { width: 54px; height: 54px; object-fit: contain; border-radius: 50%; }
.home-nav nav { display: flex; flex-wrap: wrap; gap: 12px 26px; font-size: 14px; }
.home-nav nav a { text-decoration: none; }
.home-nav nav a:hover { text-decoration: underline; }
.home-nav-button, .home-primary, .home-secondary, .home-book .home-amazon {
  display: inline-flex; align-items: center; justify-content: center; gap: 18px;
  padding: 13px 20px; border: 2px solid #b79b48; border-radius: 16px 20px 17px 19px;
  background: var(--home-yellow); color: var(--home-ink); font-size: 15px; font-weight: 750;
  line-height: 1.4; text-decoration: none; box-shadow: 2px 3px 0 #c1a65230;
  transition: background .15s, box-shadow .15s;
}
.home-nav-button:hover, .home-primary:hover, .home-book .home-amazon:hover { background: #ffce37; box-shadow: 2px 4px 0 #c1a65250; text-decoration: none; }
.home-nav-button { font-size: 13px; padding: 10px 15px; }
.home-primary { font-family: var(--home-hand); font-size: 19px; transform: rotate(-1deg); padding: 15px 25px; }
.home-intro-actions { display: flex; flex-wrap: wrap; align-items: stretch; gap: 16px; }
.home-material-button { background: #dceff6; border-color: #7da9bc; border-radius: 20px 16px 22px 17px; transform: rotate(1deg); box-shadow: 2px 3px 0 #7da9bc30; }
.home-material-button:hover { background: #c4e4f1; box-shadow: 2px 4px 0 #7da9bc50; }
.home-secondary { background: var(--home-paper); border-color: #b9c9cb; font-size: 14px; box-shadow: none; }
.home-secondary:hover { background: #edf5f3; text-decoration: none; }

/* A lively opening, with quiet space around the message. */
.home-intro { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 60px; padding-block: 60px 72px; }
.home-intro > div { min-width: 0; }
.home-intro .home-eyebrow { display: inline-block; background: #ffe98d; padding: 6px 12px; border-radius: 11px 8px 14px 7px; transform: rotate(-2deg); }
.home-simple h1.home-parent-title { font-size: clamp(39px, 4.1vw, 54px); line-height: 1.17; letter-spacing: -.035em; transform: rotate(-1deg); }
.home-title-blue { color: var(--home-blue); }
.home-title-coral { color: var(--home-coral); }
.home-title-green { color: var(--home-green); }
.home-simple h1.home-parent-title::after { content: ""; display: block; width: min(265px, 80%); height: 53px; margin-top: 9px; background: url("assets/icons/gribouillage-crayon.svg") left center / contain no-repeat; transform: rotate(-3deg); }
.home-lead { max-width: 450px; font-size: 17px; margin-block: 16px 25px !important; }
.home-note { max-width: 450px; font-size: 12px; color: #60665e; margin-top: 15px !important; }
.home-parent-photo { position: relative; min-width: 0; margin: 0; padding: 20px 18px 0; background: #dceff6; border: 2px solid #94c1d3; border-radius: 32px 26px 30px 24px; transform: rotate(2deg); box-shadow: 5px 6px 0 #94c1d333; }
.home-parent-photo picture { display: block; }
.home-parent-photo img.home-child-photo { display: block; width: 100%; height: auto; aspect-ratio: 1.1; object-fit: cover; object-position: center 35%; border: 6px solid var(--home-paper); border-radius: 21px 15px 22px 17px; }
.home-drawing-label { position: absolute; z-index: 1; top: -16px; left: 50%; transform: translateX(-50%) rotate(-5deg); width: max-content; max-width: 94%; padding: 8px 15px; background: var(--home-yellow); border-radius: 8px 12px 9px 13px; font-family: var(--home-hand); font-size: 20px; text-align: center; color: #665026; }
.home-illustrated-sun { position: absolute; z-index: 2; width: 75px; height: 75px; right: -21px; top: 26px; overflow: visible; transform: rotate(10deg); pointer-events: none; }
.home-parent-photo figcaption { padding: 0 12px 15px; }
.home-hero-book { position: relative; display: flex; align-items: center; gap: 18px; text-align: left; text-decoration: none; }
.home-hero-book img { display: block; width: 82px; height: 107px; object-fit: contain; margin-top: -16px; transform: rotate(-6deg); filter: drop-shadow(3px 4px 2px #344d6233); }
.home-hero-book > span { display: grid; gap: 5px; padding-top: 8px; }
.home-hero-book small { font-size: 11px; color: #486372; }
.home-hero-book strong { font-family: var(--home-hand); font-size: 20px; line-height: 1.2; }
.home-hero-book-link { font-size: 12px; text-decoration: underline; text-underline-offset: 3px; }

/* The same small, colourful paper shapes guide the whole selection. */
.home-chooser { position: relative; padding: 38px 30px 32px; background: var(--home-paper); border: 2px solid #93bd8d; border-radius: 30px 25px 29px 23px; box-shadow: 5px 6px 0 #93bd8d28; scroll-margin-top: 24px; }
.home-chooser::before { content: ""; position: absolute; top: -12px; left: 46%; width: 85px; height: 25px; background: #f6d664b0; transform: rotate(-5deg); pointer-events: none; }
.home-section-title { display: flex; justify-content: space-between; gap: 24px; align-items: end; margin-bottom: 28px; }
.home-section-title > a { flex-shrink: 0; font-size: 13px; }
.home-simple fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.home-simple legend { padding: 0; margin-bottom: 13px; font-size: 14px; font-weight: 750; }
.home-age-options { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.home-age-options button { position: relative; min-height: 125px; padding: 52px 14px 15px; text-align: left; background: #ffe4eb; border: 2px solid #e3a4b5; border-radius: 18px 24px 20px 22px; transform: rotate(-1deg); box-shadow: 2px 3px 0 #344d6210; }
.home-age-options button:nth-child(2) { background: #fff0ae; border-color: #d9bb56; transform: rotate(1deg); }
.home-age-options button:nth-child(3) { background: #e0f0d2; border-color: #9ab987; }
.home-age-options button:nth-child(4) { background: #dceefa; border-color: #95b9d1; transform: rotate(1deg); }
.home-age-options button:nth-child(5) { background: #ffe7cf; border-color: #d7ac83; }
.home-age-options strong { display: block; font-family: var(--home-hand); font-size: 23px; margin-bottom: 4px; }
.home-age-options span { display: block; font-size: 11px; line-height: 1.4; }
.home-choice-doodle { display: inline-block; flex-shrink: 0; width: 29px; height: 29px; vertical-align: middle; }
.home-age-options .home-choice-doodle { position: absolute; right: 13px; top: 5px; width: 45px; height: 45px; transform: rotate(6deg); }
.home-simple button[aria-pressed=true] { outline: 3px solid var(--home-blue); outline-offset: 3px; }
.home-age-options button:hover, .home-universe-options button:hover { border-color: var(--home-blue); }
.home-simple .home-universes { margin-block: 24px 30px; }
.home-universe-options { display: flex; flex-wrap: wrap; gap: 9px; }
.home-universe-options button { display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px 7px 8px; background: #f3f7f9; border: 1px solid #c4d3d6; border-radius: 23px 26px 21px 25px; font-family: var(--home-hand); font-size: 14px; }
.home-results-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-top: 28px; border-top: 2px dashed #e5d7a8; scroll-margin-top: 25px; }
.home-library-title { display: flex; align-items: center; gap: 14px; min-width: 0; }
.home-library-title > svg { width: 58px; height: 58px; flex-shrink: 0; transform: rotate(-12deg); }
.home-library-note { font-family: var(--home-hand); font-size: 15px; color: #a35c3f; margin-bottom: 5px !important; transform: rotate(-1deg); }
.home-results-heading h3 { font-family: var(--home-hand); font-size: 32px; color: var(--home-blue); }
.home-results-heading button { padding: 8px 0; border: 0; background: none; text-decoration: underline; font-size: 12px; }
.home-filter-status { font-size: 13px; color: #5d696b; margin-block: 14px 30px !important; }
/* Colourful little notebooks: the decoration stays outside the real book pages. */
.home-books { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.home-book {
  --book-paper: #f5faeb; --book-wash: #d9edba; --book-edge: #91b46c; --book-ink: #466332; --book-tape: #b1cf84;
  position: relative; min-width: 0; display: flex; flex-direction: column; overflow: visible;
  background: var(--book-paper); border: 2px solid var(--book-edge);
  border-radius: 22px 15px 25px 17px; box-shadow: 4px 5px 0 color-mix(in srgb, var(--book-edge) 28%, transparent);
}
.home-book:nth-child(4n+2) { --book-paper: #fff9df; --book-wash: #ffe78d; --book-edge: #d3b24c; --book-ink: #7c6021; --book-tape: #e5c263; border-radius: 17px 25px 16px 24px; }
.home-book:nth-child(4n+3) { --book-paper: #fff2ed; --book-wash: #ffd2c1; --book-edge: #d99b85; --book-ink: #995239; --book-tape: #eda88f; }
.home-book:nth-child(4n+4) { --book-paper: #edf7ff; --book-wash: #c7e5f9; --book-edge: #86b3ce; --book-ink: #36668a; --book-tape: #a4cee4; border-radius: 17px 25px 16px 24px; }
.home-cover { position: relative; display: flex; justify-content: center; align-items: center; height: 238px; padding: 24px 16px; border-radius: 19px 12px 46% 13% / 19px 12px 7% 5%; background: radial-gradient(ellipse at 35% 45%, #ffffff60 0 45%, transparent 46%), var(--book-wash); }
.home-cover::before { content: ""; position: absolute; z-index: 2; top: -10px; left: calc(50% - 30px); width: 60px; height: 22px; background: var(--book-tape); opacity: .8; transform: rotate(-6deg); border-inline: 2px dashed #fff7; pointer-events: none; }
.home-book:nth-child(even) .home-cover::before { transform: rotate(7deg); }
.home-cover img { display: block; width: 100%; height: 186px; object-fit: contain; transform: rotate(-3deg); filter: drop-shadow(4px 5px 3px #344d6228); transition: transform .18s; }
.home-book:nth-child(even) .home-cover img { transform: rotate(3deg); }
.home-cover:hover img { transform: rotate(0); }
.home-book-doodle { position: absolute; z-index: 3; top: 193px; right: 8px; width: 48px; height: 48px; transform: rotate(12deg); pointer-events: none; }
.home-book-doodle svg { display: block; width: 100%; height: 100%; }
.home-book:nth-child(even) .home-book-doodle { transform: rotate(-10deg); }
/* The supplied asset is a full spread; retain its existing front-cover crop. */
.home-book[data-book="mon-tout-premier-livre-coloriage"] .home-cover img { width: 127px; object-fit: cover; object-position: right; }
.home-book-copy { display: flex; flex: 1; flex-direction: column; padding: 18px 16px; }
.home-book .home-age { align-self: start; font-family: var(--home-hand); font-size: 14px; line-height: 1.4; font-weight: 750; color: var(--book-ink); background: var(--book-wash); border: 1px solid var(--book-edge); border-radius: 8px 5px 9px 6px; padding: 4px 9px; margin-bottom: 14px; transform: rotate(-3deg); }
.home-book h3 { font-family: var(--home-hand); color: var(--book-ink); font-size: 20px; line-height: 1.3; letter-spacing: -.02em; margin-bottom: 10px; overflow-wrap: anywhere; }
.home-book h3 a { text-decoration: none; }
.home-book-copy > p:not(.home-age) { font-size: 13px; line-height: 1.65; margin-bottom: 18px; }
.home-real-previews { margin-top: auto; margin-bottom: 18px; }
.home-real-previews > span { display: block; font-family: var(--home-hand); font-size: 13px; font-weight: 650; color: var(--book-ink); margin-bottom: 10px; }
.home-real-previews > div { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.home-real-previews a { display: block; background: white; border: 1px solid #dbd7c7; border-radius: 4px 7px 4px 6px; padding: 5px; box-shadow: 2px 3px 0 #344d6210; }
.home-real-previews a:hover { border-color: var(--home-blue); }
.home-real-previews img { display: block; width: 100%; height: 112px; object-fit: contain; }
.home-book-link { font-size: 14px; font-weight: 750; color: var(--home-blue) !important; }
.home-book .home-book-link { margin-bottom: 14px; font-family: var(--home-hand); font-size: 15px; color: var(--book-ink) !important; }
.home-book .home-amazon { width: 100%; border-width: 1px; padding: 12px 7px; border-radius: 12px 15px 12px 14px; font-size: 13px; transform: none; }
.home-catalogue-link { text-align: center; margin-top: 28px; }

/* Share the content rows across every visible card, including after filtering.
   Natural row heights keep long titles intact instead of truncating them. */
@media (min-width: 521px) {
  @supports (grid-template-rows: subgrid) {
    .home-book { display: grid; grid-row: span 7; grid-template-rows: subgrid; row-gap: 0; }
    .home-book-copy { display: contents; }
    .home-book .home-age { justify-self: start; margin: 18px 16px 14px; }
    .home-book h3 { margin: 0 16px 10px; }
    .home-book-copy > p:not(.home-age) { margin: 0 16px 18px; }
    .home-real-previews { margin: 0 16px 18px; }
    .home-book .home-book-link { align-self: start; margin: 0 16px 14px; }
    .home-book .home-amazon { align-self: end; width: calc(100% - 32px); margin: 0 16px 18px; }
  }
}

/* Daily life uses the same typography and paper colours as the book selection. */
.home-everyday { padding-block: 68px 54px; }
.home-everyday-heading { text-align: center; margin-bottom: 32px; }
.home-everyday-layout { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 48px; }
.home-everyday-photo, .home-parent-shared figure { margin: 0; min-width: 0; transform: rotate(-1deg); }
.home-everyday-photo img, .home-parent-shared figure img { display: block; width: 100%; height: auto; object-fit: cover; border: 7px solid var(--home-paper); border-radius: 23px 18px 25px 20px; box-shadow: 4px 5px 0 #cfb88833; }
.home-everyday-photo img { aspect-ratio: 4/4.5; object-position: center 42%; }
.home-everyday-photo figcaption, .home-parent-shared figcaption { font-family: var(--home-hand); font-size: 14px; line-height: 1.5; text-align: center; color: #5e725b; margin-top: 14px; }
.home-everyday-grid { display: grid; gap: 16px; }
.home-everyday-grid article { position: relative; padding: 23px 24px; background: #fff4d1; border-radius: 20px 25px 19px 23px; }
.home-everyday-grid article:nth-child(2) { background: #e8f2f7; }
.home-everyday-grid article:nth-child(3) { background: #fbe9ed; }
.home-everyday-grid svg { float: right; width: 38px; height: 38px; margin-left: 14px; }
.home-everyday-grid h3 { font-family: var(--home-hand); font-size: 23px; line-height: 1.25; margin-bottom: 10px; }
.home-everyday-grid p { font-size: 14px; }
.home-parent-shared { display: grid; grid-template-columns: .9fr 1.1fr; gap: 48px; align-items: center; padding-block: 35px 60px; }
.home-parent-shared figure img { aspect-ratio: 4/3; }
.home-parent-shared h2 { font-size: clamp(28px, 2.7vw, 34px); color: var(--home-coral); }
.home-parent-shared > div > p:not(.home-eyebrow) { margin-block: 18px; font-size: 14px; }
.home-parent-shared aside { margin-top: 26px; padding: 23px; background: #eaf2df; border: 1px dashed #8faf7c; border-radius: 20px 26px 21px 23px; }
.home-parent-shared aside h3 { font-family: var(--home-hand); font-size: 23px; }
.home-parent-shared aside p { margin-block: 12px 18px; font-size: 14px; }
.home-buying-faq { padding-block: 34px 60px; border-top: 1px solid #dfdcc9; max-width: 860px !important; }
.home-buying-faq h2 { font-size: 30px; margin-bottom: 25px; }
.home-buying-faq details { border-bottom: 1px solid #dfdcc9; padding: 17px 0; }
.home-buying-faq summary { font-size: 16px; font-weight: 650; cursor: pointer; }
.home-buying-faq p { margin-top: 14px; font-size: 14px; }
.home-footer { padding-block: 32px; background: #fff0b5; border-top: 2px dashed #d6b961; }
.home-footer .container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px 28px; }
.home-footer strong { font-family: var(--home-hand); font-size: 17px; }
.home-footer p { font-size: 12px; }
.home-footer nav { display: flex; flex-wrap: wrap; gap: 18px; font-size: 12px; }

@media (max-width: 1000px) {
  .home-simple .container { width: calc(100% - 56px); }
  .home-nav { gap: 18px; }
  .home-nav nav { gap: 17px; font-size: 13px; }
  .home-intro { gap: 34px; }
  .home-simple h1.home-parent-title { font-size: 42px; }
  .home-hero-book strong { font-size: 18px; }
  .home-drawing-label { font-size: 17px; }
  .home-books { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .home-age-options { gap: 10px; }
  .home-age-options button { padding-inline: 10px; }
  .home-age-options strong { font-size: 21px; }
  .home-everyday-layout, .home-parent-shared { gap: 30px; }
}
@media (max-width: 900px) {
  .home-nav { flex-wrap: wrap; padding-block: 13px; gap: 13px; }
  .home-nav nav { order: 3; justify-content: space-between; width: 100%; padding-top: 4px; }
  .home-nav .brand { font-size: 14px; }
  .home-nav .brand img { width: 45px; height: 45px; }
  .home-intro { grid-template-columns: 1fr; padding-block: 36px 48px; gap: 42px; }
  .home-simple h1.home-parent-title { font-size: clamp(35px, 6vw, 48px); }
  .home-intro .home-lead { max-width: 530px; }
  .home-parent-photo { width: min(90%, 450px); margin-inline: auto; }
  .home-parent-photo img.home-child-photo { aspect-ratio: 1.25; }
  .home-chooser { padding: 30px 22px; }
  .home-section-title { flex-direction: column; align-items: start; gap: 16px; }
  .home-age-options { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
  .home-age-options strong { font-size: 23px; }
  .home-everyday-layout, .home-parent-shared { grid-template-columns: 1fr; gap: 30px; }
  .home-everyday-photo, .home-parent-shared figure { width: min(100%, 450px); margin-inline: auto; }
  .home-everyday-photo img { aspect-ratio: 4/4; }
  .home-everyday { padding-block: 48px; }
  .home-parent-shared { padding-block: 10px 44px; }
  .home-parent-shared h2 { font-size: 31px; }
  .home-buying-faq { padding-block: 30px 44px; }
}
@media (max-width: 520px) {
  .home-simple .container { width: calc(100% - 36px); }
  .home-nav-button { font-size: 12px; padding: 10px 12px; }
  .home-nav nav { font-size: 12px; gap: 10px 14px; }
  .home-eyebrow { font-size: 10px; }
  .home-simple h2 { font-size: 30px; }
  .home-simple h1.home-parent-title { font-size: clamp(31px, 8.4vw, 42px); }
  .home-simple h1.home-parent-title::after { width: 218px; height: 44px; margin-top: 7px; }
  .home-lead { font-size: 16px; }
  .home-primary { font-size: 18px; padding: 14px 21px; }
  .home-intro-actions { flex-direction: column; align-items: flex-start; gap: 15px; }
  .home-intro-actions .home-primary { width: 100%; max-width: 320px; }
  .home-note { font-size: 11px; }
  .home-parent-photo { padding: 17px 12px 0; width: 93%; }
  .home-drawing-label { font-size: 17px; }
  .home-illustrated-sun { width: 58px; height: 58px; right: -13px; }
  .home-parent-photo figcaption { padding: 0 2px 12px; }
  .home-hero-book { gap: 14px; }
  .home-hero-book img { width: 67px; height: 88px; margin-top: -12px; }
  .home-hero-book strong { font-size: 17px; }
  .home-hero-book small { font-size: 10px; }
  .home-chooser { padding: 28px 16px; border-radius: 25px 20px 24px 21px; }
  .home-age-options { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
  .home-age-options button { min-height: 125px; padding: 52px 12px 12px; }
  .home-age-options button:last-child { grid-column: 1/-1; min-height: 76px; padding: 14px 62px 14px 12px; }
  .home-age-options button:last-child .home-choice-doodle { top: 12px; }
  .home-age-options strong { font-size: 23px; }
  .home-age-options span { font-size: 11px; }
  .home-universe-options button { font-size: 13px; gap: 5px; padding: 7px 10px 7px 6px; }
  .home-universe-options .home-choice-doodle { width: 26px; height: 26px; }
  .home-results-heading { align-items: start; gap: 12px; }
  .home-results-heading h3 { font-size: 27px; }
  .home-library-title { gap: 8px; }
  .home-library-title > svg { width: 33px; height: 42px; }
  .home-library-note { font-size: 13px; }
  .home-results-heading { flex-wrap: wrap; }
  .home-results-heading button { font-size: 11px; max-width: 95px; padding: 4px 0; }
  .home-books { grid-template-columns: 1fr; }
  .home-book { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 15px; padding: 17px 14px; overflow: visible; }
  .home-cover { align-self: start; height: 145px; border-radius: 9px; padding: 8px; }
  .home-cover::before { top: -7px; width: 39px; height: 15px; left: calc(50% - 20px); }
  .home-book-doodle { top: 135px; left: 84px; right: auto; width: 32px; height: 32px; }
  .home-cover img { width: 100%; height: 125px; }
  .home-book[data-book="mon-tout-premier-livre-coloriage"] .home-cover img { width: 76px; height: 115px; }
  .home-book-copy { display: contents; }
  .home-book .home-age { grid-column: 2; grid-row: 1; align-self: start; justify-self: start; margin: 0; font-size: 12px; padding: 4px 6px; }
  .home-book h3 { grid-column: 2; grid-row: 1; align-self: start; margin: 39px 0 0; font-size: 18px; }
  .home-book-copy > p:not(.home-age) { grid-column: 1/-1; margin: 0; font-size: 13px; }
  .home-real-previews { grid-column: 1/-1; margin: 0; }
  .home-real-previews img { height: 120px; }
  .home-book .home-book-link { grid-column: 1/-1; margin: 2px 0 0; font-size: 14px; }
  .home-book .home-amazon { grid-column: 1/-1; font-size: 14px; }
  .home-everyday-heading { text-align: left; }
  .home-everyday-grid article { padding: 22px 20px; }
  .home-everyday-grid h3 { font-size: 23px; }
  .home-everyday-photo figcaption, .home-parent-shared figcaption { font-size: 12px; }
  .home-parent-shared h2 { font-size: 29px; }
  .home-parent-shared aside { padding: 21px; }
  .home-buying-faq h2 { font-size: 28px; }
  .home-buying-faq summary { font-size: 15px; }
  .home-footer .container { align-items: start; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .home-simple * { transition: none; scroll-behavior: auto; }
}

/* Comfortable touch targets without changing the questions or their native behavior. */
.home-simple main summary { min-height: 44px; padding-block: 10px; }
@media (max-width: 900px) {
  .home-nav nav a, .home-footer nav a { display: inline-flex; align-items: center; min-height: 44px; }
}