/* Games for seniors: hubs.css with a warm palette, a primary action in the hero and one quiet "Made to be comfortable" list. */
.hb[data-hub=seniors]{--hb-tint:#f7efe2;--hb-tint2:#eaf2ec;--hb-accent:#1f5f4a;--hb-deep:#1c3a32;--hb-soft:#e6d8bf}
.sh .hb-lede{font-size:20px;max-width:520px}
.sh-acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin:0 0 26px}
.sh-acts .button{min-height:54px;padding:14px 26px;font-size:17px}
.sh-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700;font-size:16px;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
.sh .hb-head p,.sh .hb-copy{color:#35314a}
.sh .hb-copy{font-size:16px}
.sh .hb-facts{font-size:14.5px;color:#3b3650}
.sh .hb-price small{font-size:13px;color:#4f4a63}
.sh .hb-group-note{font-size:16px}
/* Made to be comfortable: six short promises, each one checked against the games. */
.sh-points{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.sh-points li{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px 24px 22px;display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:16px;align-items:start}
.sh-ico{grid-row:span 2;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--hb-tint);color:var(--hb-accent)}
.sh-points h3{margin:2px 0 6px;font-size:19px}
.sh-points p{margin:0;font-size:15.5px;line-height:1.6;color:#3b3650}
.sh .hb-head p a,.sh-access .hb-buy a{font-weight:700}
.sh-access .hb-buy a{color:#fff;border-bottom:1px solid currentColor}
@media (max-width:1100px){.sh-points{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
 .sh .hb-lede{font-size:17.5px}
 .sh-acts{gap:10px 20px;margin-bottom:22px}
 .sh-acts .button{width:100%;justify-content:center}
 .sh-points{grid-template-columns:1fr;gap:14px}
 .sh-points li{padding:18px 18px 16px;grid-template-columns:42px minmax(0,1fr);column-gap:14px}
 .sh-ico{width:42px;height:42px;border-radius:12px}
 .sh-points h3{font-size:18px}
}
/* Show the guesses, not the empty rows, in the Twinwords capture. */
.sh .hb-art img[src="/assets/play/twinwords.png"]{object-position:50% 0}
/* Phones: hubs.css turns cards into a picture-left list, where the art box is static; pin printed pages inside the picture column. */
@media (max-width:760px){
 .sh .hb-grid>.hb-card.hb-card--page .hb-art>a>img:first-child{left:56px;top:26px;width:80px;transform:translateX(-50%) rotate(-2deg)}
 .sh .hb-grid>.hb-card.hb-card--page .hb-inside{left:54px;right:auto;top:96px;bottom:auto;width:50px;transform:rotate(6deg)}
}
.sh .hb-art img[src="/assets/play/trivia-for-seniors.webp"]{object-position:0 35%}