body{margin:0;background:#F5F6F4}
a{color:#0B5E63}a:hover{color:#08464A}
html{scroll-behavior:smooth}
.card{text-decoration:none;color:#15212B;background:#F5F6F4;border-radius:18px;padding:24px;min-height:170px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;gap:12px;transition:transform .15s ease,box-shadow .15s ease}
a.card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(21,33,43,.08);color:#15212B}
.card .logo{display:flex;align-items:center}
.card .logo img{max-width:100%;width:auto;height:auto;display:block;object-fit:contain}
.card .cat{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#5B6770}
.card .nm{font-family:Sora,sans-serif;font-size:24px;font-weight:600;letter-spacing:-.01em}
.card .ds{font-size:15px;color:#3D4A54;line-height:1.45}
.card .cta{font-size:14px;font-weight:600;color:#0B5E63}
[data-show] img{transition:opacity .35s ease}
.dot{width:28px;height:28px;border:none;background:transparent;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}
.dot span{width:8px;height:8px;border-radius:999px;background:#B9C1BD;display:block;transition:width .2s}
.dot[aria-current="true"] span{width:22px;background:#0B5E63}
#sports .dot span{background:#4A5A66}#sports .dot[aria-current="true"] span{background:#8FD3D6}
a:focus-visible,button:focus-visible{outline:3px solid #0B5E63;outline-offset:2px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-show] img,.card{transition:none}}