/* Component finish from the owner's Clutch22 design board.
   Capsules: primary/secondary actions. 4px: compact match actions/tabs.
   6px: cards and posters. Circles: icon and play controls. */
:root{--radius-action:999px;--radius-control:4px;--radius-card:6px;--edge-gold:#655329;--edge-subtle:#342c1b;--motion-ui:160ms ease}
:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--brand-yellow);outline-offset:4px}
:where(button,a){-webkit-tap-highlight-color:transparent}
.btn,.guide-subscribe{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;border-radius:var(--radius-action);padding:11px 22px;font:600 12px/1.3 Inter,Arial,sans-serif;border:1px solid var(--edge-gold);transition:background var(--motion-ui),border-color var(--motion-ui),box-shadow var(--motion-ui),transform var(--motion-ui)}
.btn{background:transparent;color:var(--ink)}
.btn.primary,.guide-subscribe{background:var(--brand-yellow);border-color:var(--brand-yellow);color:#0b0b0a;box-shadow:0 2px 0 #0003,inset 0 1px 0 #fff3}
.guide-subscribe svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.btn:hover{background:#21170d;border-color:var(--gold)}
.btn.primary:hover,.guide-subscribe:hover{background:#ffe15a;border-color:#ffe15a;box-shadow:0 3px 14px #ffd21a16}
.btn:active,.guide-subscribe:active{transform:translateY(1px)}
button:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:none}
.guide-masthead .icon-btn,.guide-masthead .language-trigger{width:44px;height:44px;border-radius:50%;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);transition:background var(--motion-ui),border-color var(--motion-ui)}
.guide-masthead .icon-btn:hover,.guide-masthead .language-trigger:hover{background:#21170d;border-color:var(--edge-gold);color:var(--brand-yellow)}
.guide-masthead :is(.icon-btn,.language-trigger) svg{width:20px;height:20px;stroke-width:1.65}
.guide-score-toolbar>.tabs{border:0;background:transparent;padding:0;gap:8px}
.guide-score-toolbar>.tabs button{min-height:38px;border:1px solid #302a1b;border-radius:var(--radius-control);background:#141410;font-weight:600;color:#c2beb2;box-shadow:inset 0 1px 0 #ffffff04;transition:background var(--motion-ui),border-color var(--motion-ui)}
.guide-score-toolbar>.tabs button:hover{border-color:var(--gold);color:var(--ink)}
.guide-score-toolbar>.tabs button.active{border-color:var(--brand-yellow);background:var(--brand-yellow);color:#0b0b0a;box-shadow:0 2px 8px #0003}
.guide-score-section .compact-match-card{border-color:var(--edge-gold);border-radius:var(--radius-card);background:linear-gradient(135deg,#1a170f,#10110e 72%);box-shadow:inset 0 1px 0 #ffffff04,0 3px 9px #0002}
.guide-score-section .score-card-actions{align-items:center;gap:12px;margin-top:10px}
.guide-score-section .score-card-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;font-size:10px;font-weight:600;white-space:nowrap}
.guide-score-section .score-card-actions a:first-child{background:var(--brand-yellow);color:#0b0b0a;border:1px solid var(--brand-yellow);border-radius:var(--radius-control);padding:7px 11px;box-shadow:inset 0 1px 0 #fff3;transition:background var(--motion-ui)}
.guide-score-section .score-card-actions a:first-child:hover{background:#ffe15a;border-color:#ffe15a}
.guide-score-section .score-card-actions a:nth-child(2){color:var(--gold);border-bottom:1px solid transparent}
.guide-score-section .score-card-actions a:nth-child(2):hover{color:var(--brand-yellow);border-bottom-color:var(--gold)}
.guide-section-heading{gap:12px;align-items:center}
.guide-section-heading h2{display:flex;align-items:center;gap:12px;white-space:nowrap}
.guide-section-heading h2:after{content:'';height:1px;width:29px;flex-shrink:0;background:linear-gradient(90deg,var(--gold),#c6a24430)}
.guide-section-heading>a,.guide-score-toolbar>a{display:inline-flex;align-items:center;gap:6px;min-height:36px;color:var(--gold);font-weight:500}
.guide-section-heading>a:hover,.guide-score-toolbar>a:hover{color:var(--brand-yellow)}
.guide-feature,.guide-feature-media,.guide-news-art,.guide-video-slot{border-radius:var(--radius-card)}
.guide-feature-media{overflow:hidden;border:1px solid var(--edge-subtle)}
.guide-feature-play{width:48px;height:48px;border:1px solid var(--gold);border-radius:50%;background:#0b0b0ab8;color:var(--brand-yellow);display:grid;place-items:center;box-shadow:0 4px 18px #0005;backdrop-filter:blur(4px);transition:background var(--motion-ui),transform var(--motion-ui)}
.guide-feature-play svg{width:23px;height:23px;fill:currentColor;stroke:none;margin-left:2px}
.guide-feature-media>button:hover .guide-feature-play{background:var(--brand-yellow);color:#0b0b0a;transform:scale(1.08)}
.guide-feature-media>button:focus-visible,.guide-video-slot>button:focus-visible{outline-offset:-4px;outline-width:3px}
.guide-category{display:inline-flex;align-items:center;min-height:22px;padding:4px 7px;border-radius:2px;font-size:9px;line-height:1.2;font-weight:800;letter-spacing:.04em;box-shadow:0 1px 3px #0003}
.guide-headline-number{border-radius:var(--radius-control);border-color:#544321;background:linear-gradient(145deg,#2a2111,#15130e);font-family:'Bebas Neue',sans-serif;font-size:30px;letter-spacing:.02em;box-shadow:inset 3px 0 0 #c6a244}
.guide-headline{transition:background var(--motion-ui)}
.guide-headline:hover{background:#ffd21a04}
.guide-news-art{border-color:#514020;background:linear-gradient(135deg,#21170d,#16130d 68%,#38290f);box-shadow:inset 0 1px 0 #ffffff05}
.guide-news-art i{width:26px;height:26px;border:1px solid #c6a24466;border-radius:50%;display:grid;place-items:center;font-size:15px}
.guide-fixture-list{border-color:var(--edge-subtle);border-radius:var(--radius-card);overflow:hidden;background:#13120e}
.guide-fixture-list>a{transition:background var(--motion-ui)}
.guide-fixture-list>a:hover{background:#21170d}
.guide-fixture-list>a>b{font:400 22px/1 Inter,sans-serif}
.guide-play-badge{display:grid;place-items:center;width:29px;height:21px;padding:0;background:#ed2027;border-radius:5px;box-shadow:0 2px 5px #0004}
.guide-play-badge svg{width:14px;height:14px;fill:white;stroke:none;margin-left:1px}
.guide-format{border:1px solid #ffffff25;border-radius:3px;letter-spacing:.06em;font-weight:600}
.guide-video-slot{border-color:#514020;transition:border-color var(--motion-ui)}
.guide-video-slot:hover{border-color:var(--gold)}
.guide-footer-socials{gap:4px;align-items:center}
.guide-footer-socials>a{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid transparent;color:#c5c1b7;transition:color var(--motion-ui),background var(--motion-ui),border-color var(--motion-ui)}
.guide-footer-socials>a:hover{color:var(--brand-yellow);background:#21170d;border-color:var(--edge-gold)}
.guide-footer-socials svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.guide-footer-socials>a.guide-top-link{border-radius:4px;border-color:var(--edge-subtle);background:#1a1915;margin-left:8px}
.guide-top-link svg{width:17px;height:17px}
.mobile-nav>a{border-radius:0;background:transparent!important;color:#b8b4a9;gap:5px;min-height:58px}
.mobile-nav>a svg{width:21px;height:21px;stroke-width:1.6}
.mobile-nav>a.active{color:var(--brand-yellow);box-shadow:inset 0 2px 0 var(--brand-yellow)}
.mobile-nav>a.active svg{filter:drop-shadow(0 0 5px #ffd21a20)}
.mobile-nav>a.active:first-child svg{fill:var(--brand-yellow);stroke:var(--brand-yellow)}
.mobile-nav>a span{font-size:10px;font-weight:500}
.mc-scoreboard,.mc-body,.mc-aside>section,.news-card{border-radius:var(--radius-card);border-color:var(--edge-subtle)}
.mc-innings-tabs button{border-radius:var(--radius-control)}
@media(max-width:700px){.guide-masthead .guide-subscribe{display:none}.guide-score-toolbar>.tabs button{min-height:44px}.guide-score-section .score-card-actions a{min-height:40px}.guide-score-section .score-card-actions a:first-child{padding-inline:13px}.guide-section-heading h2:after{width:22px}.guide-section-heading{gap:8px}.guide-footer-socials>a{width:44px;height:44px}.guide-feature-play{width:46px;height:46px}.guide-masthead .menu-trigger{margin-left:-6px}.guide-masthead .header-actions{margin-right:-6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
.guide-section-heading h2{min-width:0;white-space:normal;line-height:1.08}.guide-section-heading>a{flex-shrink:0}@media(max-width:700px){.guide-video-section .guide-section-heading h2:after{display:none}}
@media(min-width:1101px){.guide-masthead .menu-trigger{display:none}}
@media(max-width:700px){.guide-masthead .language-trigger{display:none}}
.guide-footer .footer-bottom{margin-top:0}