.hex-hub{padding-block:24px 40px;min-width:0}
.hex-hub-heading{margin:0 0 28px}
.hex-hub-heading h1{font-size:clamp(1.25rem,2.2vw,1.9rem);line-height:1.7;font-weight:600;margin:0}
.hex-hub .hex-hub-section{margin-bottom:40px}
.hex-hub .hex-item-card{margin:0}
.hex-hub .hex-item-card--cover .hex-item-card__poster{aspect-ratio:3/2}
.hex-hub .hex-item-card--cover .hex-item-card__poster img{height:100%;object-fit:cover}
.hex-hub .hex-item-card--cover .hex-card-placeholder{height:100%;aspect-ratio:auto}
.hex-hub .hex-item-card__link{color:inherit;text-decoration:none}
.hex-hub .hex-item-card--cover{position:relative}
.hex-hub .hex-item-card--cover .hex-item-card__link:after{content:"";position:absolute;inset:0}
/* Series captions reuse the shared card, outside the cover. */
.hex-hub-series .hex-item-card{border:0;border-radius:0;overflow:visible}
.hex-hub-series .hex-item-card__details{position:static;background:none;padding:10px 0 0;text-align:start;min-width:0}
.hex-hub-series .hex-item-card__title{margin:0;font-size:13px;line-height:1.7;font-weight:500}
.hex-hub-series .hex-item-card__subtitle{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl;text-align:start;font-size:12px;line-height:1.8;color:#b8b8b8;margin-top:2px}
.hex-hub-grid-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 12px;padding:0;margin:0;list-style:none}
.hex-hub .hex-hub-grid-items>.hex-carousel__item{width:auto;min-width:0}
.hex-hub-pagination{display:flex;justify-content:center;gap:12px;margin-top:18px}
.hex-hub-pagination a{display:inline-flex;padding:8px 22px;border:1px solid #464646;border-radius:10px;color:#ddd;font-size:12px;text-decoration:none;background:#ffffff09}
.hex-hub-pagination a:hover{border-color:#fcd535;color:#fcd535}
.hex-hub-pagination a[aria-disabled=true]{opacity:.6;pointer-events:none}
.hex-hub [hidden]{display:none!important}
.hex-hub-status,.hex-hub-notice{font-size:12px;color:#b8b8b8;text-align:center;margin-top:16px}
.hex-hub-text{font-size:14px;line-height:2.1;margin-bottom:40px;overflow-wrap:anywhere}
.hex-hub-text img{max-width:100%;height:auto}
.hex-hub-text h2{font-size:1.2rem;line-height:1.8}
.hex-hub-text h3{font-size:1rem;line-height:1.8}
.hex-hub-text a{color:#fcd535}
.hex-hub-dialog{width:min(560px,calc(100vw - 24px));max-height:80dvh;background:#181818;color:#eee;border:1px solid #444;border-radius:16px;padding:0;font:inherit;direction:rtl;overscroll-behavior:contain}
.hex-hub-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}
.hex-hub-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-bottom:1px solid #ffffff18;position:sticky;top:0;background:#181818;z-index:1}
.hex-hub-dialog h2{font-size:15px;margin:0}
.hex-hub-dialog .hex-hub-dialog-close{border:0;background:transparent;color:#ddd;width:34px;height:34px;font-size:26px;padding:0;cursor:pointer}
.hex-hub-dialog-body{padding:18px;font-size:13px;line-height:1.8}
.hex-hub-dialog-body>section+section{margin-top:24px}
.hex-hub-dialog h3{font-size:13px;margin:0 0 10px}
.hex-hub-action-links{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.hex-hub-action-links .hex-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #ffffff25;border-radius:8px;background:#ffffff09;color:#eee;text-decoration:none;padding:7px 12px;font-size:12px}
.hex-hub-action-links .hex-chip:hover{border-color:#fcd535;color:#fcd535}
.hex-hub-action-links .icon{fill:currentColor}
.hex-hub-modal-open{overflow:hidden}
.hex-hub-dialog-body>a{color:#fcd535}
@media(max-width:1024px){.hex-hub-grid-items{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:600px){
/* Two complete cards, two gaps and one tenth of the next card. */
.hex-hub .hex-cinema-covers .hex-carousel__wrapper>.hex-carousel__item{width:calc((100% - 24px)/2.1)}
/* Keep phone covers taller even though each card is now narrower. */
.hex-hub .hex-item-card--cover .hex-item-card__poster{aspect-ratio:5/4}
.hex-hub-grid-items{grid-template-columns:repeat(2,minmax(0,1fr))}
.hex-hub{padding-top:16px}
.hex-hub-dialog{max-height:85dvh}
.hex-hub .hex-item-card__subtitle{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.hex-hub .hex-carousel__wrapper{scroll-behavior:auto}
}