.shorts-controls button{min-width:44px;min-height:44px}.short-card{flex-basis:clamp(180px,23vw,280px)}.short-poster{aspect-ratio:9/16}.short-poster h3{font-size:clamp(16px,1.4vw,21px);line-height:1.5;inset:auto 12px 48px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.shorts-track{overscroll-behavior-x:contain}.shorts-viewer{width:100%;height:100%;max-width:none;max-height:none;inset:0;margin:0;padding:0;border:0;background:rgba(2,10,23,.95);color:#fff;overflow:hidden}.shorts-viewer::backdrop{background:#020a17e8}.shorts-viewer[open]{display:grid;place-items:center}.shorts-stage{position:relative;height:calc(100dvh - 40px);width:min( calc((100dvh - 40px)*.5625),calc(100vw - 140px));max-height:100%;background:#000;border-radius:16px;overflow:hidden}.shorts-media{position:absolute;inset:0}.shorts-media video,.shorts-media iframe{width:100%;height:100%;object-fit:contain;border:0;background:#000}.shorts-viewer button,.shorts-viewer a{color:#fff}.shorts-viewer button{min-width:44px;min-height:44px;border:1px solid #ffffff30;border-radius:50%;background:#10223ed9;cursor:pointer;font:inherit}.shorts-close{position:absolute;top:max(16px,env(safe-area-inset-top));left:16px;z-index:5;font-size:26px!important}.shorts-actions{position:absolute;top:12px;inset-inline:12px;display:flex;gap:8px;z-index:3}.shorts-actions button{border-radius:24px;padding:8px 14px}.shorts-nav{position:absolute;inset-inline-end:24px;top:45%;display:grid;gap:12px;z-index:4}.shorts-caption{position:absolute;bottom:0;inset-inline:0;padding:30px 16px 12px;background:linear-gradient(transparent,#020a17e8);pointer-events:none}.shorts-caption h3{font-size:16px;line-height:1.6;margin:0 0 6px}.shorts-caption a{pointer-events:auto;font-size:13px;text-decoration:underline}.shorts-status{font-size:13px;min-height:20px;margin:6px 0}.shorts-viewer :focus-visible{outline:3px solid #eeb63c;outline-offset:3px}.shorts-stage:has(video) .shorts-caption{bottom:55px}.shorts-stage:has(iframe) .shorts-caption{display:none}@media(max-width:600px){.short-card{flex-basis:72vw;max-width:280px}.shorts-stage{width:100vw;height:100dvh;border-radius:0}.shorts-media{top:70px;bottom:110px}.shorts-close{left:12px}.shorts-actions{inset-inline-start:12px;inset-inline-end:65px;top:max(12px,env(safe-area-inset-top))}.shorts-nav{top:auto;bottom:max(18px,env(safe-area-inset-bottom));inset-inline:16px;display:flex;justify-content:space-between;pointer-events:none}.shorts-nav button{pointer-events:auto}.shorts-caption,.shorts-stage:has(video) .shorts-caption{bottom:60px;padding-top:12px}.shorts-caption h3{display:none}}@media(max-height:500px) and (min-width:601px){.shorts-stage{height:96dvh}.shorts-caption h3{display:none}}
.shorts-page{padding:20px 0 45px}.shorts-page h1{color:var(--navy);font-size:36px}.shorts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px}.shorts-grid .short-card{width:100%;max-width:none;display:block}.shorts-grid .short-poster{border-radius:16px}.short-grid-title{font-size:16px;line-height:1.7;margin:10px 0 0;font-weight:600}.shorts-pagination{margin-top:30px}.shorts-grid .empty{grid-column:1/-1}@media(max-width:1000px){.shorts-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px}}@media(max-width:650px){.shorts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.shorts-grid .short-poster h3{font-size:14px;padding:8px;inset-inline:8px;bottom:36px}.shorts-grid .short-brand{font-size:10px;bottom:12px}.short-grid-title{font-size:14px}.shorts-page h1{font-size:28px}}@media(max-width:340px){.shorts-grid{grid-template-columns:1fr}}
/* Keep reel controls independent from global lightbox button positioning. */
dialog.shorts-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;box-sizing:border-box}dialog.shorts-viewer[open]{display:grid;grid-template-columns:minmax(0,1fr);place-items:center}dialog.shorts-viewer .shorts-stage{grid-area:1/1;justify-self:center;align-self:center;min-width:0}dialog.shorts-viewer .shorts-actions button,dialog.shorts-viewer .shorts-nav button{position:static;inset:auto;transform:none;flex-shrink:0;margin:0;display:inline-flex;align-items:center;justify-content:center;color:#fff}dialog.shorts-viewer .shorts-close{position:absolute;inset:auto;top:max(16px,env(safe-area-inset-top));left:16px;display:flex;align-items:center;justify-content:center;padding:0;width:44px;height:44px;line-height:1;color:#fff}dialog.shorts-viewer .shorts-actions{align-items:center;flex-wrap:wrap}dialog.shorts-viewer .shorts-nav button{width:48px;height:48px;padding:0;font-size:24px}dialog.shorts-viewer .shorts-media{top:70px;bottom:0}dialog.shorts-viewer button:disabled{opacity:.4;cursor:default}@media(max-width:600px){dialog.shorts-viewer .shorts-media{top:76px;bottom:110px}dialog.shorts-viewer .shorts-actions{inset-inline-start:12px;inset-inline-end:68px;gap:6px}dialog.shorts-viewer .shorts-actions button{padding:8px 10px;font-size:14px}}