/* A New Page, family home, second pass (QA 2026-10-08, agent fix-home). Presentation only.
   Item 138: on a phone the home leads with ONE "Tonight" card for the next reader (their world art with
   the hero and friend they chose, "Night 3 with Pip", the one gold Start), then the readers; the free-week
   bar sits under the readers; the cover colour dots follow each reader's Start row.
   Loaded after design/look.css and design/pass-night.css. Tokens only (fallbacks for safety).
   Every animation stops under prefers-reduced-motion. */

/* ---------- the Tonight card (home.js tonightCard, phone only: under 760px) ---------- */
.home-tonight{margin:16px 0 0;background:var(--hm-card,#FFFDF8);border:1px solid var(--hm-line,rgba(42,39,34,.12));border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,222,170,.25),0 18px 40px -14px rgba(255,170,60,.45)}
.home-tonight .tn-art{position:relative;aspect-ratio:16/9;background:var(--hm-well-deep,#EADFC8);overflow:hidden}
.home-tonight .tn-art > img{display:block;width:100%;height:100%;object-fit:cover}
.home-tonight .tn-art::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(12,9,6,.55),rgba(12,9,6,0) 55%);pointer-events:none}
.home-tonight .tn-duo{z-index:2;left:14px;bottom:12px}
.home-tonight .tn-duo .sm-hero{width:76px;height:76px}
.home-tonight .tn-duo .sm-friend{width:52px;height:52px;margin-left:-12px}
.home-tonight .tn-body{padding:14px 16px 16px}
.home-tonight .tn-k{margin:0;font-weight:700;font-size:var(--anp-fs-sm,.9375rem);color:var(--hm-ink-soft,#4A4339)}
.home-tonight .tn-h{margin:2px 0 0;font-family:var(--hm-display,'Fraunces',Georgia,serif);font-weight:600;font-size:var(--anp-fs-xl,1.6rem);line-height:1.15;color:var(--hm-night,#1F2E55);text-wrap:balance}
.home-tonight .tn-line{margin:8px 0 0;font-size:var(--anp-fs-base,1.0625rem);line-height:1.55;color:var(--hm-ink,#26221C)}
.home-tonight .go{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-top:14px}
.home-tonight .go .btn-gold{flex:1 1 auto;min-height:52px;background:linear-gradient(#F7C85A,#E8A62A);color:#1F2E55}   /* tire-kick Oct 15: approved ink on gold (was #2A1D05) */
.home-tonight .go .mins{color:var(--hm-ink-soft,#4A4339);font-weight:600;font-size:var(--anp-fs-sm,.9375rem);white-space:nowrap}
/* a teen's Tonight card wears the older look, like that reader's own card */
.home-tonight[data-look="older"]{background:var(--anp-night,#16213F);border-color:rgba(255,255,255,.08)}
.home-tonight[data-look="older"] .tn-h,.home-tonight[data-look="older"] .tn-line{color:#F7F2E7}
.home-tonight[data-look="older"] .tn-k,.home-tonight[data-look="older"] .mins{color:#CFC8BA}
@media (min-width:760px){.home-tonight{display:none}}

/* ---------- the free-week bar under the readers on a phone ---------- */
#trialbar.below{margin:18px 16px 0}

/* ---------- the cover colour dots follow the Start row (inside the reader's card body) ---------- */
.kid-body .cover-pick-wrap{justify-content:flex-start;padding:10px 0 0;margin-left:-10px}
.kid-body .cover-pick-wrap .cover-pick-label{padding-left:10px}

@media (prefers-reduced-motion: reduce){.home-tonight *{animation:none!important;transition:none!important}}