/* Product boundaries: mobile column inherited from collection-v2.css. */
.play-choices { margin: 0 0 20px; }
.play-choices > h2 { font-size: 21px; margin: 0 0 12px; }
.way-card, .product-card { border: 1px solid #b4aa94; border-bottom: 3px solid #9e917b; padding: 14px; background: #fff9e9; margin: 0 0 12px; }
.way-card h3, .product-card h3 { margin: 0 0 8px; font-size: 21px; line-height: 1.2; }
.way-card p, .product-card p { margin: 0 0 10px; font-size: 14px; line-height: 1.5; }
.way-card a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; font-weight: 700; }
#games, #products { scroll-margin-top: 16px; }
.product-preview { display: flex; gap: 12px; margin: 12px 0; }
.product-preview img { width: calc((100% - 24px)/3); height: auto; aspect-ratio: 1; object-fit: cover; border: 1px solid #b4aa94; }
.product-card .product-detail { font-size: 12px; color: #546777; }
.product-card .section-link { margin: 0; }

/* Text rows use the same 28px paper rhythm as game pages. */
.sheet h1 { font-size: 24px; line-height: 28px; }
.sheet h2, .sheet h3, .sheet p, .sheet small, .sheet .play,
.sheet summary, .sheet a, .sheet footer, .sheet .no-ads { line-height: 28px; }
.sheet .grid-copy { display: block; line-height: 28px; }
.sheet p .grid-copy a, .sheet .grid-copy em { display: inline; }
.sheet header, .sheet .puzzle-card, .sheet .choose nav { align-items: start; }
.sheet .comfort .grid-copy { display: flex; flex-wrap: wrap; gap: 0 14px; }
.sheet .comfort .grid-copy span { line-height: 28px; }
.sheet .product-preview { align-items: start; }
.sheet header a, .sheet .way-card > a, .sheet .primary,
.sheet .section-link, .sheet .choose nav a { align-items: flex-start; }
.sheet header { align-items: flex-start; }

.sheet .no-ads { display: block; width: max-content; }

.sheet .actions, .sheet .actions > a { align-items: flex-start; }

/* Compact collection entry: equal choices within a small phone viewport. */
.collection-product main { padding-top: 0; }
.collection-product .intro { margin-bottom: 0; }
.collection-product .intro h1, .collection-product .intro-copy { margin: 0; }
.collection-product .intro .no-ads { margin-bottom: 0; }
.collection-product .play-choices > h2 { margin: 0; }
.collection-product .way-card { padding: 8px 12px; margin-bottom: 8px; }
.collection-product .way-card h3, .collection-product .way-card p { margin: 0; }
.collection-product .way-card .primary { display: flex; width: 100%; box-sizing: border-box; padding: 8px 12px; }

/* Shared compact layout for all nine collection games. */
.collection-product .puzzle-card-compact { display: block; padding: 8px 12px; }
.collection-product .puzzle-identity { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 12px; align-items: start; }
.collection-product .puzzle-identity img { width: 56px; height: 56px; border: 0; border-radius: 12px; }
.collection-product .puzzle-identity h3 { font-size: 19px; margin: 0; }
.collection-product .puzzle-identity .play { margin: 0; min-height: 44px; }
.collection-product .puzzle-card-compact > p { margin: 0; }
.collection-product .puzzle-card-compact > small { margin: 0; }
.collection-product .faq-item { border-top: 1px solid #a9b3af; padding: 8px 0; }
.collection-product .faq-item h3 { font-size: 15px; margin: 0; }
.collection-product .faq-item p { font-size: 14px; margin: 0; }