:root{--paper:#f5f7ec;--ink:#182617;--accent:#466921;--stage:#cce886;color-scheme:light}
.hero h1 span{display:block}.product-shot{display:grid;justify-items:center;align-content:start;gap:16px;min-width:0}.product-shot .shot-link{width:min(100%,280px)}.product-shot figcaption{text-align:center;max-width:34ch}.hero-visual{min-width:0}.story-content .product-shot{background:var(--stage);padding:28px}.story-content .product-shot .shot-link{max-width:240px}.reading-pair,.schedule-pair,.household-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.reading-pair .product-shot,.schedule-pair .product-shot,.household-pair .product-shot{padding:20px 12px}.story-heading h2{max-width:23ch}@media(max-width:600px){.product-shot .shot-link{max-width:260px}.reading-pair,.schedule-pair,.household-pair{grid-template-columns:1fr;gap:28px}.story-content .product-shot .shot-link{max-width:250px}}
/* A practice log: compact next-set/recorded-set pair, then the longer cycle. */
.hero{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center}.hero h1{font-weight:650;max-width:13ch}.hero h1 span{font-weight:400}.hero-visual{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:var(--stage);padding:32px 24px;border-top:8px solid var(--ink)}.hero-visual .product-shot:nth-child(2){padding-top:48px}.hero-visual .shot-link{max-width:225px}.fact-band{background:var(--ink);color:var(--paper);padding:20px}.fact-band li>span{color:#cfeb8a}.story-content{grid-template-columns:.85fr 1fr;gap:80px}.story-content>.product-shot{background:var(--ink);--muted:#c9d5c7}.story-content>.product-shot .shot-link{max-width:265px}.feature-item{padding-block:28px}.feature-number{font-size:.875rem;font-weight:600}.screenshot-index{padding-top:16px}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:28px}.hero-visual{max-width:600px}.hero-copy{max-width:650px}.story-content{gap:32px}}@media(max-width:600px){.hero-visual{grid-template-columns:1fr;padding:24px}.hero-visual .product-shot:nth-child(2){padding-top:0}.hero-visual .shot-link{max-width:260px}.story-content{grid-template-columns:1fr}}
.journal-guide-callout{max-width:1100px;margin:3rem auto;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid #658466;border-radius:1rem;background:#dcebcf;color:#183a2a}
.journal-guide-callout h2{max-width:25ch;font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.15;margin:.7rem 0 1rem}
.journal-guide-callout a{display:inline-block;font-weight:800;text-underline-offset:.25em}