/* Desktop rhythm: 48px between sections, 20px before grids, 24px before CTAs. */
@media screen and (min-width:1024px){
  main>.section,main>.age-section{margin-top:0;margin-bottom:0;padding-top:24px;padding-bottom:24px}
  main>.hero{padding-bottom:24px}
  main>.age-section>.container{padding-top:0;padding-bottom:0;background:transparent}
  main .section-title{margin-top:0;margin-bottom:20px}
  main .section-title h2{margin-top:0;margin-bottom:0}
  main .section-title p{margin-top:8px;margin-bottom:0}
  main .topic-grid,main .card-grid,main .age-grid,main .collection-grid,main .education-grid,main .season-grid{gap:16px}
  main .center{display:flex;justify-content:center;margin-top:24px;margin-bottom:0}
  main .center>.outline-button{min-height:44px}
  main>.closing{margin-top:0;margin-bottom:0;padding-top:24px;padding-bottom:40px}
  .topic-copy{align-self:stretch}
  .topic-arrow{margin-top:auto}
  .topic small{margin-bottom:12px}
  .topic-arrow,.collection-arrow{width:32px;height:32px;font-size:22px;line-height:1}
  .collection-copy strong{min-height:0;text-wrap:balance}
  .collection-card>img{width:38%;height:112px;object-fit:contain}
  .age-card{min-height:140px}
  .age-copy{top:16px;left:14px;width:calc(100% - 28px)}
  .age-card small,.age-card:last-child small,.age-card:nth-child(5) small{max-width:62%;line-height:1.45;margin-top:6px}
  .age-character,.age-card:last-child .age-character{
    width:48%;
    height:104px;
    right:4px;
    bottom:4px;
    object-fit:contain;
    object-position:right bottom;
  }
  main .coloring-card .card-picture{height:clamp(140px,12vw,176px);aspect-ratio:auto;flex-shrink:0;padding:8px 10px 0}
  main .coloring-card .card-picture img{width:100%;height:100%;object-fit:contain}
  .coloring-card .card-body{padding:10px 12px}
  .coloring-card .card-body h3{line-height:1.4;min-height:2.8em;margin-bottom:6px}
  main .coloring-card .card-chips{gap:3px;margin-bottom:6px}
  main .coloring-card .card-chips>span{font-size:11px;line-height:1.3;padding:2px 6px}
  .coloring-card .card-open{display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1.4;min-height:36px;margin-top:6px;padding:8px 6px;text-decoration:none}
  .card-rating{gap:4px;min-height:22px}
  .rating-stars{font-size:16px;flex-shrink:0}
  .rating-value,.rating-votes{font-size:11px}
  .desktop-nav a::before{width:18px;height:18px;flex-basis:18px}
  .desktop-nav a{min-height:40px;white-space:nowrap}
  .suggestions>a{display:inline-flex;align-items:center;font-size:12px;line-height:1.5;padding:4px 9px;border-radius:999px;background:#fff;color:#62697a;box-shadow:inset 0 0 0 1px #e9eaf0;transition:background-color .18s,color .18s}
  .suggestions>a:hover{background:var(--accent-soft);color:var(--purple)}
  .hero-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:14px;margin-top:16px}
  .hero-notes>span{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:42px;padding:0;background:transparent;color:#596075}
  .hero-notes b{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#efebff;color:#7858d8;box-shadow:0 4px 14px #6d54b312}
  .hero-notes b svg{width:25px;height:25px}
  .hero-note-copy{display:flex;align-items:center;min-width:0;line-height:1.25}
  .hero-note-copy strong{font-size:12px;font-weight:800;color:#34384d;white-space:nowrap}
  .header-search,.favorites-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0}
  .header-search svg{width:22px;height:22px}
  .season strong{line-height:1.3}
  .center>.outline-button{line-height:1.5;gap:16px;padding:10px 24px}
}
@media screen and (min-width:1024px) and (max-width:1200px){
  .header-inner{gap:12px}
  .desktop-nav{gap:2px}
  .desktop-nav a{font-size:12px;padding:8px 6px;gap:5px}
  .desktop-nav a::before{width:16px;height:16px;flex-basis:16px}
  .collection-card{padding-right:38px;gap:8px}
  .collection-copy strong{font-size:16px}
  .season-symbol{flex-basis:112px;width:112px}
  .season strong{font-size:22px}
}

@media screen and (min-width:1024px){
  footer{margin-top:4px;padding:22px 0 14px;background:#f0f1f6}
  .footer-main{display:grid;grid-template-columns:minmax(165px,.9fr) minmax(180px,1fr) minmax(500px,2.4fr);align-items:start;gap:20px}
  .footer-main .brand{font-size:23px;align-self:start;color:#574187}
  .footer-intro{padding-top:1px}
  .footer-intro p{margin:0;color:#555c70;font-size:12px;font-weight:650;line-height:1.35}
  .footer-intro span{display:block;margin-top:4px;color:#858b9b;font-size:10px}
  .footer-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .footer-main .footer-section{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0;color:#73798c;font-size:11px}
  .footer-section strong{margin-bottom:2px;color:#3e4358;font-size:11px;font-weight:800}
  .footer-section a{line-height:1.45;transition:color .18s}
  .footer-section a:hover{color:var(--purple)}
  .footer-bottom{display:grid;grid-template-columns:1fr 1fr auto;gap:18px;align-items:center;margin-top:18px;padding-top:12px;color:#858b9b;font-size:10px}
  .footer-bottom span:nth-child(2){text-align:center}
}