/* BOPELNEWS 1.4.36 — Homepage Featured Match only.
   Fully scoped: no changes to dedicated Jadwal / Prediksi pages. */
.jpb36-home-section{--jpb36-ink:#10294d;--jpb36-muted:#6b809d;--jpb36-blue:#2256bf;--jpb36-border:#dfe7f2;padding-top:26px;padding-bottom:26px;color:var(--jpb36-ink);min-width:0}
.jpb36-home-section *{box-sizing:border-box}
.jpb36-section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:17px}
.jpb36-heading-copy{min-width:0}.jpb36-eyebrow{display:block;color:#2b5fc9;font-size:10px;line-height:1.4;font-weight:800;letter-spacing:.1em;margin-bottom:5px}
.jpb36-section-heading h2{font-size:clamp(21px,2vw,27px);line-height:1.2;letter-spacing:-.03em;font-weight:800;margin:0;color:#10294d}
.jpb36-section-heading p{font-size:12px;line-height:1.5;color:#7285a0;margin:6px 0 0}
.jpb36-heading-actions{display:flex;gap:16px;align-items:center;flex-shrink:0}.jpb36-all-link{font-size:12px;font-weight:750;color:#2356b9;text-decoration:none;white-space:nowrap}.jpb36-all-link:hover{text-decoration:underline}
.jpb36-arrows{display:flex;gap:7px}.jpb36-arrow{width:34px;height:34px;display:grid;place-items:center;border:1px solid #d8e2f0;border-radius:9px;color:#234f99;background:#fff;cursor:pointer;transition:background-color .2s,border-color .2s}
.jpb36-arrow svg{width:18px;height:18px}.jpb36-arrow:hover:not(:disabled){background:#edf3ff;border-color:#acc4ed}.jpb36-arrow:focus-visible{outline:2px solid #245ad1;outline-offset:3px}
.jpb36-arrow:disabled{opacity:.38;cursor:default}.jpb36-arrows[hidden]{display:none!important}
.jpb36-feature-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px)/3);gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;min-width:0;padding:2px 2px 9px;margin:0 -2px}
.jpb36-feature-track::-webkit-scrollbar{display:none}.jpb36-feature-track:focus-visible{outline:2px solid #265acf;outline-offset:3px;border-radius:8px}
.jpb36-feature{scroll-snap-align:start;min-width:0;min-height:226px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--jpb36-border);border-radius:13px;box-shadow:0 3px 14px rgba(23,50,91,.045);overflow:hidden;transition:box-shadow .2s,border-color .2s}
.jpb36-feature:hover{border-color:#b8cbed;box-shadow:0 8px 22px rgba(28,60,109,.085)}
.jpb36-feature-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #edf1f7;padding:13px 16px;min-height:47px;background:#fbfcff}
.jpb36-league{font-size:10px;font-weight:850;line-height:1.35;color:#2a58aa;letter-spacing:.025em;overflow-wrap:anywhere;min-width:0}
.jpb36-kickoff{display:inline-flex;align-items:center;gap:5px;color:#6c7e99;white-space:nowrap;font-size:10px;font-weight:750}.jpb36-kickoff svg{width:13px;height:13px;flex:0 0 13px}
.jpb36-contest{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:9px;align-items:center;padding:20px 15px 18px;min-height:130px;text-align:center}
.jpb36-contest-team{display:flex;align-items:center;flex-direction:column;gap:10px;min-width:0}.jpb36-contest-team strong{font-size:12px;font-weight:800;line-height:1.35;color:#112c50;overflow-wrap:anywhere;max-width:100%;text-wrap:balance}
.jpb36-contest-team .jpb32-logo,.jpb36-contest-team .jpb32-logo-placeholder{width:53px;height:53px;max-width:53px;object-fit:contain;flex:0 0 53px}
.jpb36-contest-team .jpb32-logo-placeholder{display:grid;place-items:center;border-radius:11px;background:#eef3fc;color:#5877a5}.jpb36-contest-team .jpb32-logo-placeholder svg{width:24px;height:24px}
.jpb36-vs{display:grid;place-items:center;width:33px;height:33px;margin:0 auto;border-radius:50%;background:#f3f6fb;color:#91a2b9;font-size:10px;font-weight:900;letter-spacing:.035em}
.jpb36-feature-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #edf1f7;padding:11px 15px;min-height:48px;margin-top:auto}
.jpb36-facts{display:flex;gap:12px;align-items:center;min-width:0;flex-wrap:wrap}.jpb36-facts>span{display:flex;align-items:center;gap:5px;white-space:nowrap}.jpb36-facts small{font-size:10px;font-weight:500;color:#7b8da4}.jpb36-facts b{font-size:11px;font-weight:850;color:#204ca4}.jpb36-fixture-only{font-size:10px;color:#7b8da4}
.jpb36-feature-link{flex-shrink:0;color:#2658b9;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap}.jpb36-feature-link:hover{text-decoration:underline}
.jpb36-footnote{font-size:10px;line-height:1.5;color:#8a99ad;padding-top:3px}
@media(max-width:1020px){.jpb36-feature-track{grid-auto-columns:calc((100% - 16px)/2)}.jpb36-contest{padding:21px 16px}}
@media(max-width:640px){.jpb36-home-section{padding-top:21px;padding-bottom:21px}.jpb36-section-heading{align-items:flex-start;margin-bottom:13px;gap:8px}.jpb36-section-heading h2{font-size:22px}.jpb36-section-heading p{font-size:11px}.jpb36-heading-actions{gap:9px;flex-direction:column;align-items:flex-end}.jpb36-arrow{width:30px;height:30px}.jpb36-feature-track{grid-auto-columns:88%;gap:11px}.jpb36-feature{min-height:218px}.jpb36-feature-head{padding:12px 13px}.jpb36-feature-bottom{padding:11px 13px}.jpb36-contest{padding:18px 13px}.jpb36-contest-team .jpb32-logo,.jpb36-contest-team .jpb32-logo-placeholder{width:48px;height:48px;max-width:48px;flex-basis:48px}}
@media(max-width:360px){.jpb36-section-heading{flex-wrap:wrap}.jpb36-heading-actions{width:100%;flex-direction:row;justify-content:space-between}.jpb36-feature-track{grid-auto-columns:95%}}
@media(prefers-reduced-motion:reduce){.jpb36-feature-track{scroll-behavior:auto}.jpb36-feature,.jpb36-arrow{transition:none}}