/* ADAT homepage polish (22 Sept 2026): back-to-top button and the signed-out note on the Time Capsule form. */
.back-to-top{position:fixed;right:18px;bottom:18px;z-index:900;padding:10px 14px;border:0;border-radius:999px;background:#061f3a;color:#fff;font:700 14px/1 Arial,sans-serif;box-shadow:0 8px 24px rgba(6,31,58,.25);cursor:pointer;opacity:.92}
.back-to-top:hover,.back-to-top:focus-visible{opacity:1;outline:3px solid #d98e04;outline-offset:2px}
.back-to-top[hidden]{display:none}
@media (max-width:640px){.back-to-top{right:12px;bottom:12px;padding:10px 12px}}
.capsule-signin-note{margin:0 0 14px;padding:10px 14px;border-radius:10px;background:#fff6e3;border:1px solid #f0d9a8;color:#061f3a;font:15px/1.5 Arial,sans-serif}
.capsule-signin-note .link-button{background:none;border:0;padding:0;color:#8a5600;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
/* Compact header once the visitor scrolls (22 Sept 2026): the greeting/date row and the brand promise fold away and
   the logo shrinks, so the sticky header takes about half the height while reading. Restored at the top of the page. */
body.header-compact .site-header .header-greeting,body.header-compact .site-header .brand-promise{display:none}
body.header-compact .site-header .header-inner{min-height:0;padding:8px 0;row-gap:0;grid-template-areas:'identity nav actions'}
body.header-compact .site-header .adat-logo{max-width:150px}
body.header-compact .site-header .header-capsule-button{padding:9px 14px;font-size:13px}
@media (max-width:900px){body.header-compact .site-header .header-inner{grid-template-areas:'identity actions'}body.header-compact .site-header .main-nav:not(.open){display:none}}
.site-header .header-inner,.site-header .adat-logo{transition:padding .2s ease,min-height .2s ease,max-width .2s ease}
/* Today's puzzles row (22 Sept 2026): the three puzzle sections are folded away until chosen, so the homepage is
   about 6,800px shorter. Deep links (#speedSudoku etc.) and the header's Puzzles link open the right one. */
.puzzles-row{margin:56px auto 8px}
.puzzles-row-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.puzzles-row-heading h2{margin:0;font:400 clamp(24px,2.6vw,32px)/1.2 Georgia,serif;color:#0e2341}
.puzzles-row-heading p{margin:0;color:#5a6678;font:15px/1.5 Arial,sans-serif}
.puzzles-row-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:720px){.puzzles-row-grid{grid-template-columns:1fr}}
.puzzle-tile{display:flex;flex-direction:column;gap:8px;padding:18px 20px;border:1px solid #e2d8ca;border-radius:16px;background:#fffdf9;box-shadow:0 10px 30px rgba(6,31,58,.06)}
.puzzle-tile .home-eyebrow{margin:0}
.puzzle-tile h3{margin:0;font:400 22px/1.2 Georgia,serif;color:#0e2341}
.puzzle-tile p{margin:0 0 6px;color:#5a6678;font:14px/1.5 Arial,sans-serif;flex:1}
.puzzle-tile button{align-self:flex-start;padding:11px 18px;border:0;border-radius:8px;background:#061f3a;color:#fff;font:700 14px Arial,sans-serif;cursor:pointer}
.puzzle-tile button:hover,.puzzle-tile button:focus-visible{background:#123f6d;outline:3px solid #d98e04;outline-offset:2px}
.puzzle-tile[data-open="true"] button{background:#d98e04;color:#061f3a}
body.puzzles-folded #speedSudoku:not(.puzzle-open),body.puzzles-folded #dailyCrossword:not(.puzzle-open),body.puzzles-folded #dailyWordSearch:not(.puzzle-open){display:none}
.puzzle-close{display:block;margin:8px auto 0;background:none;border:0;color:#8a5600;font:700 14px Arial,sans-serif;text-decoration:underline;cursor:pointer;padding:8px}
/* Lower grid (22 Sept 2026): while the advert slot is hidden, the Discover list takes the row on its own. */
.lower-grid:has(.home-ad-slot[hidden]),.lower-grid:has(.home-ad-slot ins[data-ad-status="unfilled"]){grid-template-columns:1fr}
.lower-grid:has(.home-ad-slot[hidden]) .discover-panel,.lower-grid:has(.home-ad-slot ins[data-ad-status="unfilled"]) .discover-panel{max-width:640px}
/* The advert panel (25 Sept 2026): transparent and borderless, so nothing shows until Google fills it; once Google
   reports it empty the panel is removed and the Discover list takes the row. (It cannot start hidden: Google needs
   a measurable width to choose an advert.) */
.home-ad-slot{padding:0;overflow:hidden;background:transparent;border:0;box-shadow:none;min-height:0}
.home-ad-slot:has(ins[data-ad-status="unfilled"]){display:none}
/* Explore teaser redesign (23 Sept 2026): one card - picture left, words right, the counts as a single line of
   figures underneath. Replaces the three-panel layout whose counters panel sat on a wide, mostly empty panel. */
.adat-home-draft .explore-home{grid-template-columns:minmax(280px,.95fr) minmax(0,1.25fr);grid-template-areas:"image copy" "image stats";gap:0;min-height:0;border:1px solid #d9e3ec;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(6,31,58,.06);overflow:hidden}
.adat-home-draft .explore-home-copy{grid-area:copy;border:0;border-radius:0;background:transparent;padding:26px 28px 6px}
.adat-home-draft .explore-home-copy .explore-home-lead p{max-width:none;-webkit-line-clamp:4}
.adat-home-draft .explore-home-image{grid-area:image;border:0;border-radius:0;min-height:260px;aspect-ratio:auto;height:100%;background:#dce8ef}
.adat-home-draft .explore-home-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.adat-home-draft .explore-home-stats{grid-area:stats;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 22px;padding:4px 28px 24px;border:0;border-radius:0;background:transparent;box-shadow:none}
.adat-home-draft .explore-stat-item{display:inline-flex;align-items:baseline;gap:6px;padding:0}
.adat-home-draft .explore-stat-item .explore-stat-icon{display:none}
.adat-home-draft .explore-stat-item strong{font:700 20px/1 Georgia,serif;color:#0e2341}
.adat-home-draft .explore-stat-item span{font:700 12px/1.2 Arial,sans-serif;letter-spacing:.04em;text-transform:none;color:#5a6678}
.adat-home-draft .explore-stat-item span br{display:none}
.adat-home-draft .explore-stat-divider,.adat-home-draft .explore-home-fact{display:none}
@media (max-width:760px){
  .adat-home-draft .explore-home{grid-template-columns:1fr;grid-template-areas:"image" "copy" "stats"}
  .adat-home-draft .explore-home-image{aspect-ratio:16/10;height:auto;min-height:0}
  .adat-home-draft .explore-home-copy{padding:20px 18px 4px}
  .adat-home-draft .explore-home-stats{padding:4px 18px 20px;gap:4px 16px}
}
.adat-home-draft .explore-stat-item[hidden]{display:none!important}
/* "A little something for your day" (24 Sept 2026): every card was stretched to the tallest one, leaving the short
   cards (affirmation, joke, quote) more than half empty. Now each card is its own height, and the three taller cards
   (Born Today, Inspiration, One small thing) sit together on the top row so the short row underneath stays short.
   Reading order in the page is unchanged; only the visual order moves. */
.adat-home-draft .approved-daily-tiles{align-items:start}
.adat-home-draft .approved-daily-tiles .supporting-daily-card{min-height:0}
.adat-home-draft .approved-daily-tiles #born-today{order:1}
.adat-home-draft .approved-daily-tiles #daily-inspiration{order:2}
.adat-home-draft .approved-daily-tiles #challenge{order:3}
.adat-home-draft .approved-daily-tiles #affirmation{order:4}
.adat-home-draft .approved-daily-tiles #joke-of-the-day{order:5}
.adat-home-draft .approved-daily-tiles #dailyQuoteCard{order:6}
.adat-home-draft .approved-daily-tiles #dailyTilesStatus{order:7}
/* The share button on "One small thing" inherited the card's big button padding and squashed its icon to nothing. */
.adat-home-draft .approved-daily-tiles #challenge .daily-tile-share{padding:8px;flex:0 0 42px;min-height:46px}
.adat-home-draft .approved-daily-tiles #challenge .daily-tile-share svg{width:23px;height:23px}
/* Capsule card (25 Sept 2026): the main button keeps the full width; the two smaller ones share a row beneath it
   instead of stacking three deep. */
.adat-home-draft .capsule-hero-copy #capsulePrimaryButton{display:block;width:100%;margin:0 0 9px}
.adat-home-draft .capsule-secondary-actions{display:flex;gap:8px;margin-bottom:9px}
.adat-home-draft .capsule-secondary-actions .btn{flex:1 1 0;margin:0;padding:11px 8px;font-size:13px;line-height:1.25}
.adat-home-draft .capsule-secondary-actions .btn.hidden{display:none}
/* "Your days" before any activity (25 Sept 2026): a guest with nothing recorded sees the heading and the week, not an
   empty activity list and an empty memories column. Everything returns as soon as there is something to show. */
#yourDay.is-empty details{display:none}
html:not([data-adat-signed-in="true"]) #yourDay.is-empty{grid-template-columns:1fr 1.15fr}
html:not([data-adat-signed-in="true"]) #yourDay.is-empty .return-memory{display:none}
@media (max-width:900px){html:not([data-adat-signed-in="true"]) #yourDay.is-empty{grid-template-columns:1fr}}