/* BOPELNEWS 1.4.39 — Featured Match follows the active frontend theme (no dark island). */
.jpb36-home-section{
 --jpb38-gap:14px;
 --jpb39-border:var(--line,#dee8e4);
 --jpb39-muted:var(--muted,#758080);
 --jpb39-ink:var(--ink,#18282a);
 --jpb39-brand:var(--brand,#0f766e);
 box-sizing:border-box;min-width:0;margin-top:24px;margin-bottom:27px;padding:21px 21px 16px;
 border:1px solid var(--jpb39-border);border-radius:13px;
 background:var(--surface,#fff);color:var(--jpb39-ink);
 box-shadow:0 2px 14px rgba(21,53,60,.025)
}
.jpb36-home-section *{box-sizing:border-box}
.jpb36-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.jpb36-heading-copy{min-width:0}
.jpb36-eyebrow{font-size:10px;color:var(--jpb39-brand);font-weight:800;letter-spacing:.085em}
.jpb36-section-heading h2{font-size:clamp(20px,2.2vw,25px);letter-spacing:-.038em;font-weight:800;color:var(--jpb39-ink);margin:4px 0}
.jpb36-section-heading p{font-size:11px;line-height:1.55;color:var(--jpb39-muted);margin:3px 0 0}
.jpb36-heading-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.jpb36-arrows{display:flex;gap:6px}
.jpb36-arrow{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--jpb39-border);border-radius:7px;background:var(--surface,#fff);color:var(--jpb39-ink);cursor:pointer;box-shadow:none}
.jpb36-arrow:hover:not(:disabled){background:color-mix(in srgb,var(--jpb39-brand) 7%,var(--surface,#fff));border-color:var(--jpb39-brand);color:var(--jpb39-brand)}
.jpb36-arrow svg{width:16px;height:16px}
.jpb36-arrow:focus-visible{outline:2px solid var(--jpb39-brand);outline-offset:2px}
.jpb36-arrow:disabled{opacity:.4;cursor:default}
.jpb36-arrows[hidden]{display:none!important}
.jpb36-feature-track{
 display:flex;align-items:stretch;gap:var(--jpb38-gap);overflow-x:auto;
 overscroll-behavior-x:contain;scroll-snap-type:none!important;scroll-behavior:auto!important;
 touch-action:pan-x pan-y;scrollbar-width:none;padding:2px 0 8px;min-width:0;
 -webkit-overflow-scrolling:touch
}
.jpb36-feature-track::-webkit-scrollbar{display:none}
.jpb36-feature-track:focus-visible{outline:2px solid var(--jpb39-brand);outline-offset:2px}
.jpb36-feature-track[hidden]{display:none!important}
.jpb38-segment{display:flex;gap:var(--jpb38-gap);flex:0 0 auto;min-width:0;align-items:stretch}
.jpb36-feature{
 width:var(--jpb38-card-width,300px);flex:0 0 var(--jpb38-card-width,300px);
 min-height:202px;min-width:0;display:flex;flex-direction:column;overflow:hidden;
 background:var(--surface,#fff);border:1px solid var(--jpb39-border);border-radius:9px;
 box-shadow:none!important;color:var(--jpb39-ink)
}
.jpb36-feature-head{
 display:flex;align-items:center;justify-content:space-between;gap:10px;
 padding:12px 13px 10px;border-bottom:1px solid var(--jpb39-border);min-height:43px;
 background:color-mix(in srgb,var(--jpb39-brand) 3%,var(--surface,#fff))
}
.jpb36-league{color:var(--jpb39-brand);font-size:10px;font-weight:800;line-height:1.35;overflow-wrap:anywhere}
.jpb36-kickoff{font-size:10px;white-space:nowrap;color:var(--jpb39-muted);font-weight:650}
.jpb36-contest{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);align-items:center;gap:6px;text-align:center;min-height:113px;padding:13px 12px}
.jpb36-contest-team{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.jpb36-contest-team strong{font-size:11px;line-height:1.35;font-weight:750;color:var(--jpb39-ink);overflow-wrap:anywhere;max-width:100%}
.jpb38-logo-box{display:grid;place-items:center;width:46px;height:46px;overflow:hidden;background:color-mix(in srgb,var(--jpb39-brand) 5%,var(--surface,#fff));border:1px solid var(--jpb39-border);border-radius:9px;flex:0 0 46px}
.jpb38-logo-box img{max-width:42px;max-height:42px;width:42px;height:42px;object-fit:contain}
.jpb38-logo-box img[hidden]{display:none!important}
.jpb36-vs{font-size:10px;font-weight:800;letter-spacing:.05em;color:var(--jpb39-muted)}
.jpb36-feature-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;border-top:1px solid var(--jpb39-border);min-height:43px;margin-top:auto}
.jpb36-facts{display:flex;align-items:center;gap:12px;min-width:0}
.jpb36-facts span{display:flex;align-items:center;gap:5px;white-space:nowrap}
.jpb36-facts small{font-size:10px;color:var(--jpb39-muted)}
.jpb36-facts b{font-size:11px;color:var(--jpb39-ink);font-weight:750}
.jpb36-feature-link{font-size:10px;color:var(--jpb39-brand);text-decoration:none;font-weight:750;white-space:nowrap}
.jpb36-feature-link:hover{text-decoration:underline}
.jpb36-footnote{font-size:10px;line-height:1.5;color:var(--jpb39-muted);margin-top:5px}
.jpb38-empty{padding:24px 10px;text-align:center;color:var(--jpb39-muted);font-size:12px}
@media(max-width:640px){
 .jpb36-home-section{--jpb38-gap:10px;padding:16px 13px 12px;margin-top:17px;margin-bottom:16px}
 .jpb36-section-heading{gap:8px;margin-bottom:12px}
 .jpb36-section-heading h2{font-size:21px}
 .jpb36-feature-head{flex-wrap:wrap;gap:3px}
 .jpb36-kickoff{white-space:normal}
 .jpb36-feature{min-height:201px}
}
@media(prefers-reduced-motion:reduce){.jpb36-feature-track{scroll-behavior:auto!important}.jpb36-arrow{transition:none!important}}