.discovery { width:300px; max-width:100%; margin:0 auto 28px; }
.discovery .discovery__ad-label { margin:0 0 6px; color:#aaa4b7; font-size:10px; line-height:1.5; }
.discovery__official-banner { width:300px; max-width:100%; aspect-ratio:6 / 5; }
.discovery__official-banner .widget-banner { display:block; width:100%; text-decoration:none; }
.discovery__official-banner img { display:block; width:100%; max-width:300px; height:auto; border:0; }
.discovery__links { display:flex; justify-content:space-between; gap:12px; margin-top:8px; }
.discovery .discovery__links a { color:#c9b3e8; font-size:12px; line-height:1.6; text-underline-offset:3px; }
.discovery a:focus-visible { outline:3px solid #f5d279; outline-offset:4px; }
.discovery-home { margin-top:24px; margin-bottom:24px; }
.discovery--horizontal { width:728px; margin:16px auto 24px; }
.discovery__widget-viewport { width:300px; max-width:100%; height:250px; overflow:hidden; }
.discovery__widget-frame { width:300px; height:250px; transform-origin:0 0; }
.discovery--video-widget { margin-top:20px; }
.discovery__horizontal-desktop .discovery__widget-viewport { width:728px; height:90px; }
.discovery__horizontal-desktop .discovery__widget-frame { width:728px; height:90px; }
.discovery__horizontal-mobile { display:none; width:320px; max-width:100%; margin:0 auto; }
.discovery__horizontal-mobile .discovery__widget-viewport { width:320px; height:100px; }
.discovery__horizontal-mobile .discovery__widget-frame { width:320px; height:100px; }
@media (max-width:600px) { .discovery__horizontal-desktop { display:none; } .discovery__horizontal-mobile { display:block; } }