/* Mercury 2 – design tokens. Odds widgets can read these same variables. */
:root{
	--m2-bg:#f3f5f9; --m2-surface:#fff; --m2-surface-2:#f6f8fb; --m2-text:#0f1b2d; --m2-muted:#5b6b82; --m2-line:#e3e8f0;
	--m2-brand:#1a8456; --m2-brand-dark:#146944; --m2-brand-ink:#fff; --m2-accent:#ffb020; --m2-nav:#0f1b2d; --m2-chip:#e8f6ef; --m2-chip-ink:#137247;
	--m2-radius:12px; --m2-shadow:0 1px 2px rgba(15,27,45,.06),0 4px 14px rgba(15,27,45,.06);
}

/* Operator row */
.m2-op{background:var(--m2-surface);border:1px solid var(--m2-line);border-radius:var(--m2-radius);box-shadow:var(--m2-shadow);margin:0 0 12px;overflow:hidden;color:var(--m2-text)}
.m2-op-main{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:14px;align-items:center}
.m2-op-logo{display:grid;place-items:center;min-height:52px}
.m2-op-logo img{max-width:100%;height:auto;max-height:56px;width:auto}
.m2-op-bonus{font-weight:700;font-size:15px;line-height:1.35}
.m2-op-bonus p{margin:0}
.m2-op-rate{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.m2-score{background:var(--m2-nav);color:#fff;font-weight:800;border-radius:8px;padding:2px 10px;font-size:15px}
.m2-note{font-size:11px;color:var(--m2-muted);width:100%}
.m2-op-cta{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.m2-btn{display:flex;justify-content:center;align-items:center;min-height:44px;border-radius:10px;border:1px solid var(--m2-line);background:var(--m2-surface);color:var(--m2-text)!important;font-weight:700;font-size:14px;text-decoration:none!important;padding:0 12px}
.m2-btn-p{background:var(--m2-brand);color:var(--m2-brand-ink)!important;border-color:transparent}
/* Responds to the width of the column the row sits in (sidebar vs full width), not the viewport */
.m2-op{container-type:inline-size;position:relative}
.m2-rank{position:absolute;top:0;left:0;z-index:1;background:var(--m2-brand);color:var(--m2-brand-ink);font-weight:800;font-size:12px;min-width:26px;text-align:center;padding:3px 8px;border-bottom-right-radius:10px}
@container (min-width:640px){
	.m2-op-main{grid-template-columns:120px 1.6fr 1fr 170px;padding:16px 16px 16px 40px}
	.m2-op-rate,.m2-op-cta{grid-column:auto}
	.m2-op-rate{flex-direction:column;align-items:flex-start}
	.m2-op-cta{grid-template-columns:1fr}
}

/* Details: all panels are in the HTML; JS only toggles visibility */
.m2-more{border-top:1px solid var(--m2-line);background:var(--m2-surface-2)}
.m2-toggle{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:11px;background:none;border:0;font:800 12px/1 inherit;letter-spacing:.06em;text-transform:uppercase;color:var(--m2-muted);cursor:pointer}
.m2-toggle::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.m2-more.open .m2-toggle::after{transform:rotate(-135deg)}
.m2-js .m2-details{display:none}
.m2-js .m2-more.open .m2-details{display:block}
.m2-details{padding:0 14px 16px}
.m2-tabs{display:flex;gap:6px;overflow-x:auto;padding:4px 0 12px;scrollbar-width:none}
.m2-tabs::-webkit-scrollbar{display:none}
.m2-tabs button{flex:none;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--m2-line);background:var(--m2-surface);color:var(--m2-text);font-weight:600;font-size:13px;cursor:pointer}
.m2-tabs button.on{background:var(--m2-nav);border-color:var(--m2-nav);color:#fff}
.m2-js .m2-panel{display:none}
.m2-js .m2-panel.on{display:block}
.m2-pc{display:grid;gap:12px;font-size:14px}
@media(min-width:600px){.m2-pc{grid-template-columns:1fr 1fr}}
.m2-pc h3,.m2-h{margin:0 0 6px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--m2-muted)}
.m2-h{margin-top:14px}
.m2-pros h3{color:var(--m2-brand)}.m2-cons h3{color:#d64545}
.m2-pc p,.m2-pc ul{margin:0 0 4px}
.m2-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.m2-chips li{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;font-size:13px;font-weight:600;line-height:1.2;background:var(--m2-surface);border:1px solid var(--m2-line);padding:0 12px 0 8px;border-radius:999px}
.m2-chips li:not(:has(.m2-pm-logo,.m2-pm-ico)){padding:0 12px}
.m2-pm-logo{width:22px;height:22px;object-fit:contain;border-radius:4px;flex:none}
.m2-pm-ico{width:18px;height:18px;flex:none;background:var(--m2-brand);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.m2-bar{display:grid;grid-template-columns:80px 1fr 36px;gap:10px;align-items:center;margin:8px 0;font-size:13px}
.m2-bar i{height:8px;border-radius:99px;background:var(--m2-line);position:relative;overflow:hidden}
.m2-bar i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--v);background:var(--m2-brand);border-radius:inherit}
.m2-bar b{text-align:right}

/* ---------- Menu icons: inline SVG masks (no icon font) and local league logos ---------- */
.m2-ico,.m2-logo{display:inline-block;flex:none;width:18px;height:18px;margin-right:8px;vertical-align:-4px}
.m2-ico{background:currentColor;-webkit-mask:var(--m2-ico) center/contain no-repeat;mask:var(--m2-ico) center/contain no-repeat}
.m2-logo{object-fit:contain}
.space-header-2-nav ul.main-menu>li>a,.mobile-menu>li>a{display:flex;align-items:center}
.space-header-2-nav ul.main-menu>li>a{padding:0 16px;min-height:68px;font-weight:600;font-size:15px;white-space:nowrap}
/* dropdown arrow: CSS chevron instead of Font Awesome glyph */
.space-header-2-nav ul.main-menu>li.menu-item-has-children>a::after{content:"";position:static;width:6px;height:6px;margin:-2px 0 0 8px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);font-size:0;opacity:.7}
.space-header-2-nav ul.main-menu{display:flex;flex-wrap:wrap}
.space-header-2-nav ul.main-menu>li{float:none}

/* ---------- Intro box (page excerpt) ---------- */
.m2-intro{margin:0 0 20px;padding:18px 20px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--m2-nav),color-mix(in srgb,var(--m2-brand) 55%,var(--m2-nav)));box-shadow:var(--m2-shadow);font-size:15px;line-height:1.55}
.m2-intro p{margin:0 0 12px;color:#e6eef7;max-width:70ch}
.m2-intro a{color:#fff;text-decoration:underline}
.m2-intro-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.m2-intro-chips li{margin:0;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.14);font-size:13px;font-weight:600}
@media(min-width:760px){.m2-intro{padding:22px 26px;font-size:16px}}

/* ---------- Country selector ---------- */
.m2-flag{width:20px;height:15px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.12);flex:none}
.m2-flag-globe{margin:0}
.space-header-2-top-search,.space-header-menu{position:relative}
.space-header-2-top-search{display:flex;align-items:center;justify-content:flex-end;padding-right:44px}
.m2-country{position:relative;display:inline-block;text-align:left}
.m2-country>summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid var(--m2-line);border-radius:999px;background:var(--m2-surface);color:var(--m2-text);font-size:14px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}
.m2-country>summary::-webkit-details-marker{display:none}
.m2-country>summary::after{content:"";width:6px;height:6px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px);opacity:.6}
.m2-country[open]>summary::after{transform:rotate(-135deg)}
.m2-country>ul{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:min(92vw,340px);max-height:70vh;overflow:auto;margin:0;padding:8px;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--m2-surface);border:1px solid var(--m2-line);border-radius:14px;box-shadow:0 12px 32px rgba(15,27,45,.18)}
.m2-country li{margin:0;padding:0}
.m2-country li a,.m2-countries li a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 10px;border-radius:10px;color:var(--m2-text);font-size:14px;font-weight:500;text-decoration:none}
.m2-country li a:hover,.m2-country li.is-current a{background:var(--m2-chip);color:var(--m2-chip-ink)}
@media(max-width:480px){.m2-country-name{display:none}.m2-country>summary{padding:0 10px}}
.m2-countries{background:var(--m2-nav);border-top:1px solid rgba(255,255,255,.08)}
.m2-countries-in{max-width:1170px;margin:0 auto;padding:22px 16px}
.m2-countries-title{margin:0 0 12px;color:#9fb0c6;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.m2-countries ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.m2-countries li a{background:rgba(255,255,255,.06);color:#e6eef7}
.m2-countries li a:hover,.m2-countries li.is-current a{background:rgba(255,255,255,.14);color:#fff}