/* Homepage sections below the stage selector (homepage review preview, 25 Oct 2026; scripts/structure-pages.js
   home). Each section has its own shape: a red join strip, a yellow spinner with two leave tickets, a photo band,
   a printable workbench with a members' ticket, two course cards, two outing tiles, two deal receipts and the red
   closing band. 3px ink outlines, pill buttons with a pressed edge and solid fills behind every word; the stage
   colours keep their meaning. coach.css loads after this file, so rules carry [data-page=home]. */
[data-page=home] main{container:home/inline-size}
[data-page=home] [data-stage=expecting]{--c:var(--stage-expecting);--c-ink:var(--blue-ink);--c-tint:var(--tile-sky)}
[data-page=home] [data-stage=baby]{--c:var(--stage-baby);--c-ink:var(--green-ink);--c-tint:var(--tile-mint)}
[data-page=home] [data-stage=toddler]{--c:var(--stage-toddler);--c-ink:var(--yellow-ink);--c-tint:var(--tile-butter)}
[data-page=home] [data-stage=preschool]{--c:var(--stage-preschool);--c-ink:var(--orange-ink);--c-tint:var(--tile-peach)}
[data-page=home] [data-stage=primary]{--c:var(--stage-primary);--c-ink:var(--purple-ink);--c-tint:var(--tile-lilac)}
[data-page=home] [data-stage=family]{--c:var(--stage-family);--c-ink:var(--red-ink);--c-tint:var(--tile-rose)}

/* Hero buttons: the primary is the header's yellow Join free pill with its pressed edge; the second is a
   white-outlined pill. Both sit on the solid red band. */
[data-page=home] .coach-hero .coach-hero-links .btn.home-start-btn{background:var(--yellow);border-color:var(--ink-base);color:var(--on-yellow);box-shadow:inset 0 -4px 0 rgba(0,0,0,.22),0 10px 18px -8px rgba(0,0,0,.55)}
[data-page=home] .coach-hero .coach-hero-links .btn.home-start-btn:hover{background:var(--yellow);color:var(--on-yellow);filter:brightness(1.05)}
[data-page=home] .coach-hero .coach-hero-links .btn.home-start-btn:active{box-shadow:inset 0 -1px 0 rgba(0,0,0,.22)}
[data-page=home] .coach-hero .coach-hero-links .btn.home-join-btn{border:3px solid var(--on-red);background:transparent;color:var(--on-red);box-shadow:inset 0 -4px 0 rgba(0,0,0,.18)}
[data-page=home] .coach-hero .coach-hero-links .btn.home-join-btn:hover{background:rgba(0,0,0,.16);color:var(--on-red)}
[data-page=home] .coach-hero .home-hero-more{margin:14px 0 0}
[data-page=home] .coach-hero .home-hero-more a{display:inline-flex;align-items:center;min-height:44px;color:var(--on-red);font-weight:800;text-underline-offset:4px}

/* Shared section head. */
/* One width for every homepage section headline (a class, not per-section max-widths): wide enough that a headline
   that fits stays on one line at 1280 and 1440, balanced so a wrapped one breaks evenly on a phone. */
[data-page=home]{--home-h2-max:66rem}
[data-page=home] .home-h2{max-width:var(--home-h2-max);text-wrap:balance}
[data-page=home] .home-sec{margin:var(--space-section) 0 0}
[data-page=home] .home-sec-head{margin:0 0 var(--space-6)}
[data-page=home] .home-sec-head h2,[data-page=home] .home-help-copy h2{margin:0;font:900 clamp(1.75rem,1.2rem + 2.4vw,2.6rem)/1.08 var(--font-head);letter-spacing:-.01em}
[data-page=home] .home-sec-lead{max-width:40rem;margin:10px 0 0;color:var(--muted);font-size:1.0625rem;line-height:1.5}
[data-page=home] .home-sec .home-more{margin:var(--space-5) 0 0}
[data-page=home] .home-text-link{display:inline-block;padding:11px 0;line-height:1.4;font-weight:800;color:var(--ink);text-underline-offset:4px}
[data-page=home] .home-pill{display:inline-flex;align-items:center;margin:0;padding:3px 12px;border:2px solid var(--outline);border-radius:999px;font:800 .8125rem/1.3 var(--font-body);width:max-content;max-width:100%}
[data-page=home] .home-pill--free{background:var(--stage-baby);color:var(--stage-baby-on);border-color:var(--stage-baby)}
[data-page=home] .home-pill--member{background:var(--yellow);color:var(--on-yellow)}
[data-page=home] .home-pill--paid{background:var(--ink);color:var(--paper);border-color:var(--ink)}
[data-page=home] .home-meta{margin:0;color:var(--muted);font-size:.875rem;font-weight:700}
[data-page=home] .btn.home-yellow-btn{background:var(--yellow);border-color:var(--ink-base);color:var(--on-yellow)}
[data-page=home] .btn.home-yellow-btn:hover{background:var(--yellow);color:var(--on-yellow);filter:brightness(1.05)}
[data-page=home] .btn.home-ink-btn{background:var(--ink-base);border-color:var(--ink-base);color:#fff}
[data-page=home] .btn.home-ink-btn:hover{background:#000;color:#fff}

/* The folded quiz: one row under the selector; opening it shows the existing form. */
[data-page=home] .quiz-fold{margin:var(--space-6) 0 0;border:3px solid var(--outline);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-sm)}
[data-page=home] .quiz-fold>summary{display:grid;grid-template-columns:44px minmax(0,1fr) 28px;gap:12px;align-items:center;min-height:64px;padding:12px 16px;cursor:pointer;list-style:none;border-radius:calc(var(--radius) - 3px)}
[data-page=home] .quiz-fold>summary::-webkit-details-marker{display:none}
[data-page=home] .quiz-fold>summary::after{content:none}
[data-page=home] .quiz-fold>summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
[data-page=home] .quiz-fold .help-bubble{width:44px;height:44px;font-size:1.375rem}
[data-page=home] .quiz-fold-text{display:grid;gap:2px}
[data-page=home] .quiz-fold-text h3{margin:0;font:800 1.1875rem/1.2 var(--font-head)}
[data-page=home] .quiz-fold-sub{color:var(--muted);font-size:.9375rem;font-weight:600;line-height:1.4}
[data-page=home] .quiz-fold-chev{width:28px;height:28px;border:3px solid var(--outline);border-radius:50%;background:var(--yellow);position:relative}
[data-page=home] .quiz-fold-chev::after{content:"";position:absolute;left:50%;top:45%;width:7px;height:7px;border:solid var(--on-yellow);border-width:0 3px 3px 0;transform:translate(-50%,-50%) rotate(45deg)}
[data-page=home] .quiz-fold[open] .quiz-fold-chev::after{top:58%;transform:translate(-50%,-50%) rotate(-135deg)}
[data-page=home] .quiz-fold .journey-quiz{display:block;margin:0;padding:0 16px 18px;border:0;border-radius:0;box-shadow:none;background:none}
@container home (min-width: 43.75em){[data-page=home] .quiz-fold>summary{padding:14px 24px}[data-page=home] .quiz-fold .journey-quiz{padding:0 24px 24px}}

/* Join section: the main sign-up ask. A warm rose band with Alicia: the promise, the "See what's coming" teaser (assets/
   coming-up.css), four perk tiles with their pictures, one big yellow Join free. Hidden once signed in. */
[data-page=home] .home-join-sec{position:relative;padding:24px 16px 26px;border:3px solid var(--outline);border-radius:var(--radius);background:var(--tile-rose);box-shadow:var(--shadow-sm)}
[data-page=home] .home-join-sec>.ra-art{position:absolute;top:-34px;right:14px;width:auto;height:calc(96px / var(--text-zoom,1))}
[data-page=home] .home-join-sec .home-sec-head{margin-bottom:var(--space-5)}
[data-page=home] .home-join-sec .home-sec-head h2{padding-right:calc(56px / var(--text-zoom,1))}
[data-page=home] .home-join-sec .home-sec-lead{color:var(--ink)}
[data-page=home] .home-join-body{display:grid;gap:var(--space-5);min-width:0}
[data-page=home] .home-perks{display:grid;gap:12px;margin:0;padding:0;list-style:none;min-width:0}
[data-page=home] .home-perk{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:14px;align-content:start;align-items:start;padding:10px;border:3px solid var(--outline);border-radius:18px;background:var(--card);min-width:0}
[data-page=home] .home-perk-pic{grid-row:1/4;display:block;border:2px solid var(--outline);border-radius:12px;overflow:hidden;background:#fff}
[data-page=home] .home-perk-pic img{display:block;width:100%;height:auto}
[data-page=home] .home-perk:not(:has(.home-perk-pic)){grid-template-columns:minmax(0,1fr)}
[data-page=home] .home-perk h3{margin:2px 0 4px;font:800 1.0625rem/1.25 var(--font-head)}
[data-page=home] .home-perk p{margin:0;color:var(--muted);font-size:.875rem;line-height:1.45}
[data-page=home] .perk-price{margin:0 0 4px!important;color:var(--ink)!important;font-size:.875rem!important;font-weight:700}
[data-page=home] .perk-price s{color:var(--muted);font-weight:600}
[data-page=home] .perk-price strong{font:900 1.25rem/1 var(--font-head);color:var(--red-ink)}
[data-page=home] .home-join-cta{display:grid;justify-items:center;gap:6px;margin-top:var(--space-6);text-align:center}
[data-page=home] .home-join-cta>p{margin:0}
[data-page=home] .btn.home-join-big{width:100%;max-width:26rem;min-height:60px;font-size:1.25rem}
[data-page=home] .home-join-under{font-weight:800;color:var(--ink)}
[data-page=home] .home-join-email{max-width:34rem;color:var(--ink);font-size:.8125rem;line-height:1.45;opacity:.85}
@container home (min-width: 43.75em){[data-page=home] .home-join-sec{padding:36px 36px 32px}[data-page=home] .home-join-sec>.ra-art{top:-40px;right:36px;height:140px}[data-page=home] .home-perks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container home (min-width: 56.25em){
  [data-page=home] .home-perks{grid-template-columns:repeat(4,minmax(0,1fr))}
  [data-page=home] .home-perk{display:flex;flex-direction:column;gap:0}
  [data-page=home] .home-perk-pic{margin-bottom:10px}
  /* The teaser: the form and the button on the left, the dated list on the right. */
  [data-page=home] .home-join-sec .coming-up{grid-template-columns:minmax(16rem,21rem) minmax(0,1fr);column-gap:var(--space-8);align-content:start;grid-auto-rows:min-content}
  [data-page=home] .home-join-sec .coming-up .cu-out{grid-column:2;grid-row:1/6}
  [data-page=home] .home-join-sec .coming-up>:not(.cu-out){grid-column:1}
  [data-page=home] .home-join-sec .coming-up .cu-list{grid-template-columns:minmax(0,1fr)}
}
body:has(.site-header.is-signed-in) .home-join-sec{display:none}

/* The "see all" pills under a section's cards. */
[data-page=home] .home-all{margin:var(--space-5) 0 0}
[data-page=home] .home-all .btn{min-height:48px}

/* Guides row: swipe on phones with the next card peeking, arrows from tablet width. */
[data-page=home] .home-row-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;max-width:none}
[data-page=home] .home-row-head>div:first-child{flex:1 1 auto;min-width:0}
[data-page=home] .home-row-arrows{display:none;gap:10px;flex:none}
[data-page=home] .home-row-arrow{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border:3px solid var(--outline);border-radius:50%;background:var(--card);color:var(--ink);font:900 1.25rem/1 var(--font-head);box-shadow:var(--press);cursor:pointer}
[data-page=home] .home-row-arrow:hover:not(:disabled){background:var(--yellow);color:var(--on-yellow);border-color:var(--ink-base)}
[data-page=home] .home-row-arrow:disabled{opacity:.4;cursor:default;box-shadow:none}
[data-page=home] .home-row-arrow:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
[data-page=home] .home-row-arrows.is-idle{visibility:hidden}
[data-page=home] .home-guide-row{display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:14px;margin:0;padding:4px 2px 14px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;scrollbar-width:thin}
[data-page=home] .home-guide{scroll-snap-align:start;min-width:0}
[data-page=home] .home-guide-link{display:flex;flex-direction:column;height:100%;border:3px solid var(--outline);border-radius:var(--radius);background:var(--card);color:var(--ink);text-decoration:none;overflow:hidden;box-shadow:var(--shadow-sm)}
[data-page=home] .home-guide-pic{display:block;border-bottom:3px solid var(--outline);background:var(--soft)}
[data-page=home] .home-guide-pic img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;margin:0;border:0;border-radius:0;max-width:none}
[data-page=home] .home-guide-text{display:flex;flex-direction:column;gap:6px;padding:12px 14px 16px}
[data-page=home] .home-guide-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.8125rem;font-weight:800}
[data-page=home] .home-new-tag{padding:1px 9px;border:2px solid var(--ink-base);border-radius:999px;background:var(--yellow);color:var(--on-yellow);font-size:.75rem}
[data-page=home] .home-new-tag[hidden]{display:none}
[data-page=home] .home-guide-text strong{font:800 1.0625rem/1.25 var(--font-head)}
[data-page=home] .home-guide-link:hover strong{text-decoration:underline;text-underline-offset:3px}
[data-page=home] .home-guide-link:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@container home (min-width: 27.5em){[data-page=home] .home-guide-row{grid-auto-columns:46%}}
@container home (min-width: 43.75em){[data-page=home] .home-row-arrows{display:flex}[data-page=home] .home-guide-row{grid-auto-columns:calc((100% - 3 * 16px) / 3.3);gap:16px;margin:0;padding:4px 2px 14px;scroll-padding-inline:2px}}
@container home (min-width: 56.25em){[data-page=home] .home-guide-row{grid-auto-columns:calc((100% - 3 * 16px) / 4)}}

/* Money examples: one spinner with Amelia standing on it, then two tickets with a stage-colour edge. */
[data-page=home] .home-proof{display:grid;gap:var(--space-6)}
[data-page=home] .home-proof-feature{position:relative;padding-top:calc(72px / var(--text-zoom,1));min-width:0}
[data-page=home] .home-proof-feature>.ra-art{position:absolute;top:0;right:28px;width:auto;height:calc(76px / var(--text-zoom,1))}
[data-page=home] .home-spinner{container-type:inline-size;margin:0;padding:24px 20px 22px;text-align:center;border:3px solid var(--ink-base);border-radius:var(--radius);color:var(--spinner-ink);box-shadow:var(--shadow-sm)}
[data-page=home] .home-spinner h3.spinner-lead{margin:0;font:800 1.1875rem/1.25 var(--font-head);color:var(--spinner-ink)}
[data-page=home] .home-spinner .spinner-value{margin:6px 0 0;font-size:min(5rem,24cqi);color:var(--spinner-ink)}
[data-page=home] .home-spinner .headline-unit{display:block;margin:0 0 8px;font:800 1.0625rem/1.2 var(--font-body);color:var(--spinner-ink)}
[data-page=home] .home-spinner .spinner-sub{max-width:26rem;margin:0 auto;color:var(--spinner-ink);font-size:.9375rem;font-weight:600;line-height:1.45}
[data-page=home] .home-spinner .btn{margin-top:16px}
[data-page=home] .home-spinner :focus-visible{outline:3px solid var(--ink-base);outline-offset:3px}
[data-page=home] .home-proof .data-meta{max-width:62ch}
[data-page=home] .home-tickets{display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none}
[data-page=home] .home-ticket{display:flex;flex-direction:column;gap:10px;min-width:0;padding:16px 16px 18px 28px;border:3px solid var(--outline);border-radius:var(--radius);background:linear-gradient(to right,var(--c,var(--outline)) 0 12px,var(--outline) 12px 15px,var(--card) 15px);box-shadow:var(--shadow-sm)}
[data-page=home] .home-ticket>*{margin:0}
[data-page=home] .home-ticket-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
[data-page=home] .home-ticket h3{margin:0;font:800 1.125rem/1.25 var(--font-head)}
[data-page=home] .home-ticket-stat{margin:6px 0 0;line-height:1.1}
[data-page=home] .home-ticket-stat strong{font:900 2.25rem/1 var(--font-head);color:var(--c-ink,var(--ink))}
[data-page=home] .home-ticket-stat span{font-weight:800;color:var(--ink)}
[data-page=home] .home-ticket .ra-art{width:auto;height:calc(72px / var(--text-zoom,1))}
[data-page=home] .home-ticket-context{max-width:62ch;color:var(--muted);font-size:.875rem;line-height:1.45}
[data-page=home] .home-ticket .btn{align-self:flex-start}
[data-page=home] .home-proof .data-meta{margin-top:8px}
@container home (min-width: 43.75em) and (max-width: 56.2em){[data-page=home] .home-tickets{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container home (min-width: 56.25em){[data-page=home] .home-proof{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}[data-page=home] .home-spinner{padding:36px 28px 30px}}

/* Printables: the checklist as an upright sheet on the preschool orange, the members' tracker as a ticket. */
[data-page=home] .home-bench{display:none;grid-template-columns:minmax(0,1fr);gap:var(--space-5)}
[data-page=home] .home-bench.is-shown{display:grid}
[data-page=home] .home-sheet{background:var(--c,var(--stage-preschool))!important}
[data-page=home] .home-sheet.is-landscape .home-sheet-paper{width:min(80%,20rem)}
[data-page=home] .home-bench>*{min-width:0}
[data-page=home] .home-sheet{display:grid;gap:16px;padding:20px 16px 16px;border:3px solid var(--ink-base);border-radius:var(--radius);background:var(--stage-preschool);box-shadow:var(--shadow-sm)}
[data-page=home] .home-sheet-paper{display:block;width:min(46%,12rem);margin:0 auto;transform:rotate(-2.5deg);border:3px solid var(--ink-base);border-radius:6px;background:#fff;box-shadow:6px 8px 0 rgba(0,0,0,.25);overflow:hidden}
[data-page=home] .home-sheet-paper img{display:block;width:100%;height:auto}
/* The picture link is a pointer shortcut (tabindex -1; the text link beside it is the keyboard one). Its ring sits on the white paper, so it reads on every stage colour. */
[data-page=home] .home-sheet-paper:focus-visible{outline:3px solid var(--focus);outline-offset:0}
[data-page=home] .home-sheet-copy,[data-page=home] .home-member-copy{display:flex;flex-direction:column;gap:10px;padding:16px 16px 18px;border:3px solid var(--outline);border-radius:16px;background:var(--card)}
[data-page=home] .home-sheet-copy>*,[data-page=home] .home-member-copy>*{margin:0}
[data-page=home] .home-bench h3{margin:0;font:800 1.25rem/1.2 var(--font-head)}
[data-page=home] .home-bench .btn{align-self:flex-start}
[data-page=home] .home-member-ticket{display:grid;align-content:start;border:3px solid var(--outline);border-radius:var(--radius);background:var(--tile-butter);box-shadow:var(--shadow-sm);overflow:hidden}
[data-page=home] .home-member-thumb{display:block;border-bottom:3px solid var(--outline)}
[data-page=home] .home-member-thumb img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}
[data-page=home] .home-member-copy{margin:12px;border-style:dashed}
[data-page=home] .home-member-note{color:var(--muted);font-size:.875rem;line-height:1.45}
@container home (min-width: 43.75em){[data-page=home] .home-bench{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:stretch}[data-page=home] .home-bench.is-single{grid-template-columns:minmax(0,1fr)}[data-page=home] .home-sheet{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:center;padding:28px}[data-page=home] .home-sheet-paper{width:100%}}

/* Courses: each pose in its own stage-tint scene well, the words on the card below. */
[data-page=home] .home-course-list{display:grid;gap:var(--space-5);margin:0;padding:0;list-style:none}
[data-page=home] .home-course{display:grid;grid-template-rows:auto 1fr;min-width:0;border:3px solid var(--outline);border-radius:var(--radius);background:var(--card);overflow:hidden;box-shadow:var(--shadow-sm)}
[data-page=home] .home-course-scene{display:flex;justify-content:center;align-items:flex-end;height:calc(140px / var(--text-zoom,1));padding-top:12px;border-bottom:3px solid var(--outline);background:linear-gradient(to top,color-mix(in srgb,var(--c) 45%,var(--card)) 0 18%,var(--c-tint) 18%)}
[data-page=home] .home-course-scene .ra-art{width:auto;height:100%;max-width:90%;object-fit:contain;object-position:50% 100%}
[data-page=home] .home-course-copy{display:flex;flex-direction:column;gap:10px;padding:18px 18px 20px}
[data-page=home] .home-course-copy>*{margin:0}
[data-page=home] .home-course-name{color:var(--c-ink,var(--muted));font-weight:800;font-size:.9375rem}
[data-page=home] .home-course h3{margin:0;font:800 1.3125rem/1.2 var(--font-head)}
[data-page=home] .home-course-copy>p:not([class]){color:var(--muted);line-height:1.5}
[data-page=home] .home-course-facts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:.9375rem;font-weight:700}
[data-page=home] .home-course-facts .hub-course-price{font-weight:800}
[data-page=home] .home-course-facts .price-was{color:var(--muted);font-weight:600}
[data-page=home] .home-course-facts .price-now{font:900 1.25rem/1 var(--font-head);color:var(--red-ink)}
[data-page=home] .home-course-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:auto!important;padding-top:4px}
@container home (min-width: 43.75em){[data-page=home] .home-course-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Outings: the organiser's photo on top, then the name, the outcome and the date, ages and price chips. */
[data-page=home] .home-outing-list{display:grid;gap:var(--space-5);margin:0;padding:0;list-style:none}
[data-page=home] .home-outing{display:grid;grid-template-rows:auto 1fr;min-width:0;border:3px solid var(--outline);border-radius:var(--radius);background:var(--card);overflow:hidden;box-shadow:var(--shadow-sm)}
[data-page=home] .home-outing-photo{position:relative;border-bottom:3px solid var(--outline);background:var(--soft)}
[data-page=home] .home-outing-photo img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}
[data-page=home] .home-credit{display:block;padding:3px 12px;background:var(--card);color:var(--muted);font-size:.75rem;font-weight:700;border-top:3px solid var(--outline)}
[data-page=home] .home-outing-copy{display:flex;flex-direction:column;gap:10px;padding:16px 16px 18px}
[data-page=home] .home-outing-copy>*{margin:0}
[data-page=home] .home-outing-name{color:var(--muted);font-weight:800;font-size:.875rem}
[data-page=home] .home-outing h3{margin:0;font:800 1.25rem/1.2 var(--font-head)}
[data-page=home] .home-facts{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
[data-page=home] .home-facts li{padding:3px 12px;border:2px solid var(--outline);border-radius:999px;background:var(--card);font-size:.875rem;font-weight:800}
[data-page=home] .home-facts li:first-child{background:var(--yellow);color:var(--on-yellow);border-color:var(--ink-base)}
[data-page=home] .home-outing .btn{align-self:flex-start;margin-top:auto}
@container home (min-width: 43.75em){[data-page=home] .home-outing-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Deals: receipts, the photo stub torn off by a dashed line, the price in red. */
[data-page=home] .home-receipts{display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none}
[data-page=home] .home-receipt{display:grid;grid-template-columns:96px minmax(0,1fr);min-width:0;border:3px solid var(--outline);border-radius:var(--radius);background:var(--card);overflow:hidden;box-shadow:var(--shadow-sm)}
[data-page=home] .home-receipt-img{padding:12px 10px;border-right:3px dashed var(--outline);background:var(--soft)}
[data-page=home] .home-receipt-img img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:2px solid var(--outline);border-radius:12px;background:#fff}
[data-page=home] .home-receipt-copy{display:flex;flex-direction:column;gap:6px;padding:14px 14px 10px}
[data-page=home] .home-receipt-copy>*{margin:0}
[data-page=home] .home-receipt-provider{color:var(--muted);font-weight:800;font-size:.8125rem}
[data-page=home] .home-receipt h3{margin:0;font:800 1.125rem/1.25 var(--font-head)}
[data-page=home] .home-receipt-price strong{font:900 1.75rem/1 var(--font-head);color:var(--red-ink)}
[data-page=home] .home-receipt-price s{color:var(--muted);font-weight:700}
[data-page=home] .home-receipt-price .home-receipt-unit{font-weight:800;font-size:.9375rem}
[data-page=home] .home-receipt-cond{color:var(--muted);font-size:.875rem;line-height:1.45}
[data-page=home] .home-receipt-dates{font-size:.8125rem;font-weight:700}
@container home (min-width: 27.5em){[data-page=home] .home-receipt{grid-template-columns:132px minmax(0,1fr)}}
@container home (min-width: 43.75em){[data-page=home] .home-receipts{grid-template-columns:repeat(2,minmax(0,1fr))}[data-page=home] .home-receipt{grid-template-columns:132px minmax(0,1fr)}[data-page=home] .home-receipt-img{padding:16px 12px}[data-page=home] .home-receipt-price strong{font-size:1.5rem}}

/* Closing band (scripts/membership-markup.js): red, Amelia, one line, Join free. */
[data-page=home] .membership-cta.home-close{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;margin:var(--space-section) 0 0;padding:24px 18px 0;border:3px solid var(--ink-base);border-radius:var(--radius);background:var(--band-red);color:var(--band-red-on);box-shadow:var(--shadow-sm);overflow:hidden}
[data-page=home] .home-close .ra-art{order:2;width:auto;height:calc(120px / var(--text-zoom,1));align-self:end}
[data-page=home] .home-close-copy{display:flex;flex-direction:column;gap:12px;padding-bottom:24px}
[data-page=home] .home-close-copy>*{margin:0}
[data-page=home] .home-close h2{margin:0;max-width:var(--home-h2-max);font:900 clamp(1.75rem,1.2rem + 2.4vw,2.6rem)/1.08 var(--font-head);color:var(--band-red-on)}
[data-page=home] .home-close-copy>p{color:var(--band-soft);font-weight:600;line-height:1.5;max-width:38rem}
[data-page=home] .home-close-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}
[data-page=home] .home-close-signin{display:inline-flex;align-items:center;min-height:44px;color:var(--band-red-on);font-weight:800}
[data-page=home] .home-close .member-preview-label{color:var(--band-soft);font-size:.875rem}
[data-page=home] .home-close :focus-visible{outline-color:var(--focus-band)}
@container home (max-width: 43.7em){[data-page=home] .membership-cta.home-close{grid-template-columns:1fr}[data-page=home] .home-close .ra-art{position:absolute;right:12px;top:16px;height:calc(72px / var(--text-zoom,1))}[data-page=home] .membership-cta.home-close{position:relative}[data-page=home] .home-close h2{padding-right:72px}[data-page=home] .home-close .btn{width:100%}}
@container home (min-width: 43.75em){[data-page=home] .membership-cta.home-close{padding:32px 40px 0}[data-page=home] .home-close .ra-art{height:200px}[data-page=home] .home-close-copy{padding-bottom:32px}}
[data-page=home] .home-close :focus-visible{outline:3px solid var(--focus-band);outline-offset:3px}

/* Narrow reading width (a phone at large text: main is zoomed, so its width in CSS pixels shrinks). */
[data-page=home] .home-ticket-stat strong{white-space:nowrap}
[data-page=home] .home-receipt-price strong{overflow-wrap:normal;word-break:normal;hyphens:none}
@container home (max-width: 21.25em){
  [data-page=home] .home-perk{grid-template-columns:minmax(0,1fr)}
  [data-page=home] .home-perk-pic{grid-row:auto;margin-bottom:8px}
  [data-page=home] .home-receipt{grid-template-columns:minmax(0,1fr)}
  [data-page=home] .home-receipt-img{padding:12px 14px 10px;border-right:0;border-bottom:3px dashed var(--outline)}
  [data-page=home] .home-receipt-img img{width:96px}
  [data-page=home] .home-ticket-top{grid-template-columns:minmax(0,1fr)}
  [data-page=home] .home-ticket .ra-art{display:none}
  [data-page=home] .home-receipt-price strong{font-size:1.5rem}
  [data-page=home] .quiz-fold>summary{grid-template-columns:minmax(0,1fr) 28px;padding-inline:14px}
  [data-page=home] .quiz-fold>summary .help-bubble{display:none}
}
@container home (min-width: 43.75em){[data-page=home] .home-bench.is-single .home-sheet{grid-template-columns:minmax(0,15rem) minmax(0,34rem);justify-content:start;gap:32px}}