/* Selected B: editorial sidebar and a quiet six-cover catalogue. */
.page-live #live-games{background:#fff;padding:52px 0 42px}
#live-games>.container{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px 68px}
#live-games .collection-heading{display:block;grid-column:1;grid-row:1;margin:0;padding-top:6px}
#live-games .detail-heading{margin:0}
#live-games .detail-heading h2{font-size:38px;max-width:180px;line-height:1.5;letter-spacing:-.025em}
#live-games .detail-heading h2::after{display:none}
#live-games .collection-note{display:block;margin:28px 0 0;max-width:185px;font-size:13px;line-height:1.8;color:#60758a}
#live-games .live-game-grid{grid-column:2;grid-row:1/3;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 28px}
#live-games .live-game{display:block;border:0;min-width:0}
#live-games .live-game-link{display:block;padding:0;width:100%;color:#103254}
#live-games .live-game-image{width:170px;max-width:100%;margin:0;border-radius:4px;background:#e1eaf0;box-shadow:none}
#live-games .live-game-image img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;transition:transform .35s ease}
#live-games .live-game-image::after{content:'↗';position:absolute;right:8px;top:8px;width:29px;height:29px;background:#ffffffed;color:#0c4e89;border-radius:50%;font-size:19px;line-height:29px;text-align:center;opacity:0;transition:opacity .2s}
#live-games .live-game-copy{margin-top:16px;min-width:0}
#live-games .live-game h3{font-size:17px;line-height:1.5;letter-spacing:0;overflow-wrap:normal;margin:0;color:#103254}
#live-games .live-game-copy>.live-game-provider{font-size:13px;line-height:1.5;color:#607589;margin:5px 0 0}
#live-games .live-game-link:focus-visible{outline:2px solid #086ee9;outline-offset:6px;border-radius:3px}
#live-games .live-game-link:focus-visible .live-game-image::after{opacity:1}
#live-games .live-collection-footer{grid-column:1;grid-row:2;display:block;align-self:end;border:0;margin:0;padding:0 0 5px}
#live-games .live-collection-footer p{font-size:12px;line-height:1.9;color:#536d84}
#live-games .live-collection-footer .button{margin-top:18px;padding:10px 15px;font-size:13px;min-height:48px;background:#0866d6;border-radius:3px;box-shadow:none}
@media(hover:hover) and (pointer:fine){
 #live-games .live-game-link:hover h3{color:#0064d9}
 #live-games .live-game-link:hover .live-game-image::after{opacity:1}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){#live-games .live-game-link:hover img{transform:scale(1.04)}}
@media(max-width:1100px) and (min-width:781px){
 #live-games>.container{grid-template-columns:180px minmax(0,1fr);gap:26px 34px}
 #live-games .detail-heading h2{font-size:32px}
 #live-games .live-game-grid{gap:28px 20px}
 #live-games .live-game h3{font-size:15px}
 #live-games .live-collection-footer .button{padding:10px 12px;font-size:12px}
}
@media(max-width:780px){
 .page-live #live-games{padding:38px 0 46px}
 #live-games>.container{display:block}
 #live-games .collection-heading{display:flex;align-items:flex-start;gap:18px;margin:0 0 25px;padding:0}
 #live-games .detail-heading h2{font-size:27px;max-width:none}
 #live-games .collection-note{margin:0;max-width:120px;font-size:11px}
 #live-games .live-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}
 #live-games .live-game-image{width:100%;max-width:170px}
 #live-games .live-game h3{font-size:15px;line-height:1.5}
 #live-games .live-game-copy>.live-game-provider{font-size:12px}
 #live-games .live-collection-footer{margin-top:30px;padding:0}
 #live-games .live-collection-footer .button{width:auto;margin-top:16px}
}
@media(max-width:350px){
 #live-games .collection-heading{display:block}
 #live-games .collection-note{max-width:none;margin-top:12px}
 #live-games .live-game-grid{column-gap:14px}
 #live-games .live-game h3{font-size:14px}
}
@media(prefers-reduced-motion:reduce){#live-games .live-game-image img,#live-games .live-game-image::after{transition:none;transform:none}}