/* SportsClaus Sports Toolkit — front-end styles. Uses theme tokens with fallbacks. */
.sct-block,.sct-reactions,.sct-newsletter,.sct-scores{--sct-brand:var(--brand,#1742c3);--sct-ink:var(--ink,#252629);--sct-muted:var(--muted,#696a6c);--sct-paper:var(--paper,#fff);--sct-soft:var(--soft,#f1f5fc);--sct-line:var(--line,#e1e7f1);--sct-radius:var(--radius-lg,16px);--sct-live:var(--live,#e0243f);--sct-success:var(--success,#0b7a43);--sct-brand-soft:var(--brand-soft,#eaf0ff);--sct-brand-soft-ink:var(--brand-soft-ink,#2348aa);--sct-brand-soft-line:var(--brand-soft-line,#cbdafb);color:var(--sct-ink);font-family:var(--font-body,inherit)}
.sct-block{background:var(--sct-paper);border:1px solid var(--sct-line);border-radius:var(--sct-radius);padding:20px 22px;margin:2em 0;box-shadow:var(--shadow-sm,0 1px 3px rgba(0,0,0,.05));font-size:15px;line-height:1.5}
.sct-block *{box-sizing:border-box}
.sct-block p{margin:0 0 .6em}
.sct-block p:last-child{margin-bottom:0}
.sct-head{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--sct-ink);position:relative}
.sct-head::after{content:"";position:absolute;left:0;bottom:-2px;width:48px;height:2px;background:var(--sct-brand)}
.sct-head h3{margin:0;font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;line-height:1.3}
.sct-head svg{color:var(--sct-brand);flex:none}
.sct-kicker{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--sct-brand);margin-bottom:4px}
.sct-note{font-size:12.5px;color:var(--sct-muted);margin:10px 0 0}
.sct-link{display:inline-block;margin-top:10px;font-weight:600;color:var(--sct-brand);text-decoration:underline;text-underline-offset:4px}
.sct-pill{margin-left:auto;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--sct-soft);color:var(--sct-muted)}
.sct-badge{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#fff;font-weight:800;font-size:13px;letter-spacing:-.02em;flex:none;object-fit:cover}
.sct-badge--img{background:var(--sct-soft)}
.sct-badge--sm{width:26px;height:26px;font-size:10px;margin-right:8px;vertical-align:middle}
.sct-status{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:6px;background:var(--sct-soft);color:var(--sct-muted)}
.sct-status.is-live{background:var(--sct-live);color:#fff;display:inline-flex;align-items:center;gap:6px}
.sct-status.is-live::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;animation:sct-pulse 1.4s infinite}
.sct-status.is-upcoming{background:var(--sct-brand-soft);color:var(--sct-brand-soft-ink)}
@keyframes sct-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}

/* Key takeaways */
.sct-takeaways{background:var(--sct-brand-soft);border-color:var(--sct-brand-soft-line);border-left:4px solid var(--sct-brand)}
.sct-takeaways .sct-head{border-bottom-color:var(--sct-brand-soft-line)}
.sct-takeaways__list{margin:0;padding-left:20px;display:grid;gap:7px}
.sct-takeaways__list li::marker{color:var(--sct-brand);font-weight:700}

/* Scorecard */
.sct-scorecard__top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}
.sct-scorecard__comp{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sct-muted)}
.sct-scorecard__teams{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}
.sct-scorecard__team{text-align:center;display:grid;justify-items:center;gap:6px}
.sct-scorecard__name{font-weight:700;font-size:15px}
.sct-scorecard__score{font-family:var(--font-serif,Georgia,serif);font-size:clamp(26px,4vw,38px);line-height:1;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.sct-scorecard__overs{font-size:12.5px;color:var(--sct-muted)}
.sct-scorecard__vs{font-size:12px;font-weight:700;color:var(--sct-muted);background:var(--sct-soft);width:36px;height:36px;border-radius:50%;display:grid;place-items:center}
.sct-scorecard__result{margin-top:16px;padding:10px 14px;border-radius:10px;background:var(--sct-soft);font-weight:600;text-align:center;font-size:14px}
.sct-scorecard.is-live .sct-scorecard__result{background:color-mix(in srgb,var(--sct-live) 10%,var(--sct-paper));color:var(--sct-live)}
.sct-scorecard__meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:12.5px;color:var(--sct-muted)}
.sct-scorecard__meta a{color:var(--sct-brand);font-weight:600}

/* Player */
.sct-player__head{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.sct-player__photo{width:84px;height:84px;border-radius:50%;object-fit:cover;flex:none;display:grid;place-items:center;color:#fff;font-weight:800;font-size:22px}
.sct-player__name{margin:0 0 4px;font-size:22px;letter-spacing:-.02em;line-height:1.1}
.sct-player__sub{font-size:13px;color:var(--sct-muted)}
.sct-player__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:0 0 12px}
.sct-player__stats>div{background:var(--sct-soft);border-radius:10px;padding:10px 12px}
.sct-player__stats dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--sct-muted);font-weight:600}
.sct-player__stats dd{margin:2px 0 0;font-size:20px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.sct-player__bio{font-size:14.5px;color:var(--sct-ink)}

/* Compare */
.sct-compare{--sct-left:var(--sct-brand);--sct-right:#f59e0b}
.sct-compare__labels{display:flex;justify-content:space-between;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}
.sct-compare__labels .is-left{color:var(--sct-left)}.sct-compare__labels .is-right{color:var(--sct-right)}
.sct-compare__row{margin-bottom:12px}
.sct-compare__vals{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:14px;margin-bottom:5px}
.sct-compare__vals b{font-variant-numeric:tabular-nums;font-weight:600}
.sct-compare__vals .is-right{text-align:right}
.sct-compare__vals .is-winner{font-weight:800}
.sct-compare__label{font-size:12px;color:var(--sct-muted);text-align:center;letter-spacing:.04em;text-transform:uppercase}
.sct-compare__bar{display:flex;height:10px;border-radius:999px;overflow:hidden;gap:2px;background:var(--sct-soft)}
.sct-compare__bar .is-left{background:var(--sct-left);border-radius:999px 0 0 999px}
.sct-compare__bar .is-right{background:var(--sct-right);border-radius:0 999px 999px 0}

/* Timeline */
.sct-timeline__list{list-style:none;margin:0;padding:0;position:relative}
.sct-timeline__list::before{content:"";position:absolute;left:73px;top:6px;bottom:6px;width:2px;background:var(--sct-line)}
.sct-timeline__item{display:grid;grid-template-columns:56px 34px 1fr;gap:8px;align-items:start;padding:8px 0}
.sct-timeline__time{font-size:12.5px;font-weight:700;color:var(--sct-muted);text-align:right;padding-top:5px;font-variant-numeric:tabular-nums}
.sct-timeline__dot{width:30px;height:30px;border-radius:50%;background:var(--sct-paper);border:2px solid var(--sct-line);display:grid;place-items:center;color:var(--sct-muted);position:relative;z-index:1}
.sct-timeline__item.is-goal .sct-timeline__dot,.sct-timeline__item.is-six .sct-timeline__dot,.sct-timeline__item.is-trophy .sct-timeline__dot{border-color:var(--sct-success);color:var(--sct-success)}
.sct-timeline__item.is-wicket .sct-timeline__dot,.sct-timeline__item.is-card .sct-timeline__dot{border-color:var(--sct-live);color:var(--sct-live)}
.sct-timeline__item.is-four .sct-timeline__dot{border-color:var(--sct-brand);color:var(--sct-brand)}
.sct-timeline__body{padding-top:4px}
.sct-timeline__body b{display:block;font-size:15px}
.sct-timeline__body p{font-size:14px;color:var(--sct-muted);margin:2px 0 0}

/* Tables */
.sct-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.sct-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.4}
.sct-table th,.sct-table td{padding:9px 10px;border-bottom:1px solid var(--sct-line);text-align:center;white-space:nowrap}
.sct-table th{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--sct-muted);font-weight:700;background:var(--sct-soft)}
.sct-table .is-team,.sct-table th.is-team{text-align:left}
.sct-table td.is-team{font-weight:600}
.sct-table .is-pos{width:32px;color:var(--sct-muted)}
.sct-table tr.is-qualified td{background:color-mix(in srgb,var(--sct-success) 7%,transparent)}
.sct-table tr.is-qualified td.is-pos{color:var(--sct-success);font-weight:700}
.sct-table tbody tr:last-child td{border-bottom:0}
.sct-table--watch td{text-align:left;white-space:normal}
.sct-table--watch th{text-align:left}

/* Lineup */
.sct-lineup__list{margin:0;padding:0;list-style:none;counter-reset:ln;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:4px 20px}
.sct-lineup__list li{counter-increment:ln;display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--sct-line);font-size:14.5px}
.sct-lineup__list li::before{content:counter(ln);font-size:11px;font-weight:700;color:var(--sct-muted);width:18px;text-align:right;font-variant-numeric:tabular-nums}
.sct-lineup__name{font-weight:600;display:inline-flex;align-items:center;gap:6px}
.sct-lineup__role{margin-left:auto;font-size:12px;color:var(--sct-muted)}
.sct-flag{font-size:10px;font-weight:800;padding:1px 5px;border-radius:4px;background:var(--sct-brand);color:#fff}

/* FAQ */
.sct-faq__item{border-bottom:1px solid var(--sct-line)}
.sct-faq__item:last-child{border-bottom:0}
.sct-faq__item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;font-weight:600;font-size:15.5px}
.sct-faq__item summary::-webkit-details-marker{display:none}
.sct-faq__item summary svg{flex:none;color:var(--sct-muted);transition:transform .2s}
.sct-faq__item[open] summary svg{transform:rotate(180deg)}
.sct-faq__answer{padding:0 0 14px;font-size:14.5px;color:var(--sct-ink)}

/* Callout */
.sct-callout{display:flex;gap:14px;align-items:flex-start;border-left:4px solid var(--sct-brand);background:var(--sct-brand-soft);border-color:var(--sct-brand-soft-line);border-left-color:var(--sct-brand)}
.sct-callout__icon{flex:none;width:36px;height:36px;border-radius:50%;background:var(--sct-paper);display:grid;place-items:center;color:var(--sct-brand)}
.sct-callout__title{display:block;font-size:15px;margin-bottom:4px}
.sct-callout__body{font-size:14.5px}
.sct-callout.is-tip{--sct-brand:#0b7a43;--sct-brand-soft:#e8f5ee;--sct-brand-soft-line:#bfe3cd}
.sct-callout.is-warning{--sct-brand:#b26a00;--sct-brand-soft:#fff5e5;--sct-brand-soft-line:#f6d9a7}
.sct-callout.is-stat{--sct-brand:#7c3aed;--sct-brand-soft:#f3edff;--sct-brand-soft-line:#dccbff}
.sct-callout.is-quote .sct-callout__body{font-family:var(--font-serif,Georgia,serif);font-size:18px;line-height:1.45;font-style:italic}
html[data-theme=dark] .sct-callout.is-tip{--sct-brand-soft:#13291c;--sct-brand-soft-line:#1f4a31}
html[data-theme=dark] .sct-callout.is-warning{--sct-brand-soft:#2b2110;--sct-brand-soft-line:#5a4318}
html[data-theme=dark] .sct-callout.is-stat{--sct-brand-soft:#241a3a;--sct-brand-soft-line:#3d2c66}

/* Verdict */
.sct-verdict__top{display:flex;gap:18px;align-items:center;margin-bottom:14px}
.sct-verdict__ring{--sct-pct:80;width:92px;height:92px;border-radius:50%;flex:none;display:grid;place-items:center;text-align:center;background:conic-gradient(var(--sct-brand) calc(var(--sct-pct) * 1%),var(--sct-soft) 0);position:relative}
.sct-verdict__ring::before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--sct-paper)}
.sct-verdict__ring b,.sct-verdict__ring span{position:relative;line-height:1}
.sct-verdict__ring b{font-size:28px;font-weight:800;letter-spacing:-.03em}
.sct-verdict__ring span{font-size:11px;color:var(--sct-muted);display:block;margin-top:3px}
.sct-verdict__summary{font-size:15px;margin:0}
.sct-verdict__cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sct-verdict__cols h4{margin:0 0 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.sct-verdict__cols ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px}
.sct-verdict__cols li{display:flex;gap:8px;align-items:flex-start}
.sct-verdict__cols li svg{flex:none;margin-top:3px}
.sct-verdict__cols .is-pros svg{color:var(--sct-success)}.sct-verdict__cols .is-cons svg{color:var(--sct-live)}

/* Reactions */
.sct-reactions{margin:2em 0;padding:20px 22px;background:var(--sct-paper);border:1px solid var(--sct-line);border-radius:var(--sct-radius);text-align:center}
.sct-reactions__title{font-weight:700;font-size:15px;margin-bottom:14px}
.sct-reactions__row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.sct-reaction{display:inline-flex;flex-direction:column;align-items:center;gap:2px;min-width:72px;padding:10px 12px;border-radius:14px;border:1px solid var(--sct-line);background:var(--sct-soft);cursor:pointer;font:inherit;color:var(--sct-ink);transition:transform .15s,border-color .2s,background .2s}
.sct-reaction:hover{transform:translateY(-2px);border-color:var(--sct-brand)}
.sct-reaction[aria-pressed=true]{background:var(--sct-brand-soft);border-color:var(--sct-brand);box-shadow:0 0 0 2px var(--sct-brand-soft-line)}
.sct-reaction__emoji{font-size:26px;line-height:1;transition:transform .2s}
.sct-reaction.is-bump .sct-reaction__emoji{animation:sct-bump .4s}
@keyframes sct-bump{30%{transform:scale(1.35)}}
.sct-reaction__label{font-size:12px;font-weight:600}
.sct-reaction__count{font-size:12px;color:var(--sct-muted);min-height:14px;font-variant-numeric:tabular-nums}
.sct-reactions__status{margin:10px 0 0;font-size:12.5px;color:var(--sct-muted)}
.sct-reactions__status:empty{display:none}

/* Newsletter */
.sct-newsletter{margin:2em 0;padding:22px 24px;background:var(--sct-brand-soft);border:1px solid var(--sct-brand-soft-line);border-radius:var(--sct-radius)}
.sct-newsletter--band{margin:0;padding:0;background:transparent;border:0}
.widget .sct-newsletter{margin:0;padding:0;background:transparent;border:0}
.sct-newsletter__title{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:18px;letter-spacing:-.01em}
.sct-newsletter__title svg{color:var(--sct-brand)}
.sct-newsletter__text{margin:0 0 14px;font-size:14px;color:var(--sct-muted)}
.sct-newsletter__row{display:flex;gap:8px;flex-wrap:wrap}
.sct-newsletter__row input{flex:1 1 200px;min-height:46px;padding:10px 16px;border-radius:999px;border:1px solid var(--sct-line);background:var(--sct-paper);color:var(--sct-ink);font:inherit}
.sct-newsletter__row input:focus{outline:none;border-color:var(--sct-brand);box-shadow:0 0 0 3px var(--sct-brand-soft-line)}
.sct-newsletter__btn{min-height:46px;padding:10px 22px;border-radius:999px;border:1px solid var(--button,var(--sct-brand));background:var(--button,var(--sct-brand));color:var(--button-ink,#fff);font:inherit;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}
.sct-newsletter__btn:hover{background:var(--sct-brand);color:var(--brand-ink,#fff);transform:translateY(-1px)}
.sct-newsletter__btn:disabled{opacity:.6;transform:none}
.sct-newsletter--band .sct-newsletter__row input{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:#fff;min-height:50px}
.sct-newsletter--band .sct-newsletter__row input::placeholder{color:#c1d5ff}
.sct-newsletter--band .sct-newsletter__btn{background:#fff;color:#002bc6;border-color:#fff;min-height:50px}
.sct-newsletter--band .sct-newsletter__btn:hover{background:#e7efff;color:#0a267c}
.sct-newsletter__hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
.sct-newsletter__consent{display:flex;gap:8px;align-items:flex-start;margin-top:10px;font-size:12.5px;color:var(--sct-muted);cursor:pointer}
.sct-newsletter--band .sct-newsletter__consent{color:#c1d5ff}
.sct-newsletter__consent input{margin-top:3px;accent-color:var(--sct-brand)}
.sct-newsletter__status{margin:10px 0 0;font-size:14px;font-weight:600;color:var(--sct-brand)}
.sct-newsletter--band .sct-newsletter__status{color:#fff}
.sct-newsletter__status.is-error{color:var(--sct-live)}
.sct-newsletter__status:empty{display:none}
.sct-newsletter.is-done .sct-newsletter__row,.sct-newsletter.is-done .sct-newsletter__consent{display:none}

/* Scores strip + board */
.sct-scores-wrap{background:var(--paper,#fff);border-bottom:1px solid var(--line,#e1e7f1)}
.sct-scores{display:flex;align-items:center;gap:14px}
.sct-scores--strip{padding:8px 0}
.sct-scores__label{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sct-live);flex:none}
.sct-scores__track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;min-width:0;padding:2px}
.sct-scores__track::-webkit-scrollbar{display:none}
.sct-match{flex:none;scroll-snap-align:start;width:220px;padding:10px 12px;border:1px solid var(--sct-line);border-radius:12px;background:var(--sct-paper);color:var(--sct-ink);text-decoration:none;display:grid;gap:5px;transition:border-color .2s,box-shadow .2s,transform .2s}
a.sct-match:hover{border-color:var(--sct-brand);box-shadow:var(--shadow-md,0 6px 20px rgba(0,0,0,.08));transform:translateY(-1px);color:var(--sct-ink)}
.sct-match.is-live{border-color:color-mix(in srgb,var(--sct-live) 45%,var(--sct-line))}
.sct-match__top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sct-muted)}
.sct-match__status{padding:2px 7px;border-radius:5px;background:var(--sct-soft)}
.sct-match.is-live .sct-match__status{background:var(--sct-live);color:#fff;display:inline-flex;align-items:center;gap:5px}
.sct-match.is-live .sct-match__status::before{content:"";width:5px;height:5px;border-radius:50%;background:#fff;animation:sct-pulse 1.4s infinite}
.sct-match.is-upcoming .sct-match__status{background:var(--sct-brand-soft);color:var(--sct-brand-soft-ink)}
.sct-match__team{display:flex;align-items:center;gap:8px;font-size:13px}
.sct-match__badge{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:9px;font-weight:800;flex:none}
.sct-match__name{font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sct-match__score{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.sct-match__note{font-size:11.5px;color:var(--sct-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sct-scores--board{display:block}
.sct-scores--board .sct-scores__track{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));overflow:visible;gap:14px}
.sct-scores--board .sct-match{width:auto;padding:14px 16px}
.sct-scores--board .sct-match__team{font-size:15px}
.sct-scores--board .sct-match__badge{width:30px;height:30px;font-size:11px}
.sct-scores--board .sct-match__score{font-size:17px}

@media (max-width:600px){
  .sct-block{padding:16px 16px}
  .sct-scorecard__teams{gap:8px}
  .sct-verdict__cols{grid-template-columns:1fr}
  .sct-timeline__list::before{left:61px}
  .sct-timeline__item{grid-template-columns:44px 34px 1fr}
  .sct-player__head{flex-direction:column;align-items:flex-start}
  .sct-newsletter{padding:18px 16px}
}
@media (max-width:600px){.sct-scores--strip{gap:8px}.sct-scores--strip .sct-scores__label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;gap:4px}.sct-scores--strip .sct-match{width:200px;padding:8px 10px}}