/* KoraOnline Unified UI 2026 • shared across public pages */
:root{--ku-forest:#073d2c;--ku-deep:#062a20;--ku-green:#087751;--ku-mint:#13a875;--ku-border:#dbeae3;--ku-bg:#f3f8f5;--ku-ink:#142820}
html{overflow-x:clip;scroll-padding-top:86px}
body{overflow-x:clip;color:var(--ku-ink);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body *{box-sizing:border-box}
body a,body button{touch-action:manipulation}
body button,body input,body select{font-family:inherit}
body img{max-width:100%;height:auto}
body :focus-visible{outline:3px solid #20b486!important;outline-offset:3px}
body>.ku-header{display:block!important;position:relative;z-index:1000;background:var(--ku-deep)!important;color:white!important;border-bottom:1px solid #245b49;box-shadow:0 8px 25px rgba(0,0,0,.1);padding:0!important;margin:0!important;min-height:0!important;width:100%;max-width:100%;transform:none!important}
.ku-header__inner{max-width:1240px;margin:0 auto;padding:13px 22px;min-height:76px;display:flex;align-items:center;gap:28px;justify-content:space-between}
.ku-brand{display:inline-flex;flex-shrink:0;align-items:center;gap:11px;color:#fff!important;text-decoration:none!important;font-weight:900;font-size:23px;line-height:1.15;white-space:nowrap}
.ku-brand__symbol{display:grid;place-items:center;width:40px;height:40px;background:linear-gradient(145deg,#11a06d,#087751);color:#fff;border-radius:14px;font-size:21px;box-shadow:inset 0 0 0 1px #ffffff30}
.ku-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px;max-width:950px}
.ku-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border-radius:11px;font-size:13px;font-weight:800;line-height:1.25;color:#dcefe6!important;text-decoration:none!important;white-space:nowrap;transition:background .16s,color .16s}
.ku-nav a:hover,.ku-nav a[aria-current=page]{background:rgba(255,255,255,.14);color:#fff!important}
.ku-nav a.ku-nav__live{background:#b91c1c;color:#fff!important}
.ku-menu-toggle{display:none;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;border:1px solid #ffffff40;border-radius:12px;background:#ffffff16;color:#fff;font-size:15px;font-weight:800;min-height:44px;padding:9px 12px;cursor:pointer}
.ku-menu-toggle svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.2}
body>.ku-footer{display:block!important;position:relative!important;max-width:100%;width:100%;z-index:5;background:#062b20!important;color:#d3eee0!important;margin:40px 0 0!important;padding:0!important;border-top:3px solid #0c9165}
.ku-footer__main{max-width:1240px;margin:auto;padding:36px 22px;display:grid;grid-template-columns:1.35fr 1fr 1fr;align-items:start;gap:32px}
.ku-footer__main>div{min-width:0}
.ku-footer__name{color:#fff;font-size:23px;font-weight:900;margin-bottom:10px}
.ku-footer p{color:#c6e0d4;font-size:14px;line-height:1.9;margin:0;max-width:450px}
.ku-footer h2{color:#fff;font-size:15px;margin:0 0 14px}
.ku-footer__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ku-footer a{color:#dcf9ea!important;font-size:14px;text-decoration:none!important;line-height:1.5}
.ku-footer a:hover{text-decoration:underline!important}
.ku-footer__contact{display:grid;gap:10px;overflow-wrap:anywhere}
.ku-footer__bottom{border-top:1px solid #ffffff1c;text-align:center;padding:15px 20px!important;display:block!important;min-height:auto!important;font-size:13px;color:#a6d2ba}
body .kora-mobile-nav-v250{display:none!important}
body .ko216-footer,body .kt228-footer,body .ks236-footer,body .kts237-footer,body .km227-footer,body .kl229-footer{display:none!important}
body main,body section,body article{min-width:0}
@media(max-width:1090px){.ku-header__inner{padding:12px 16px;gap:16px}.ku-brand{font-size:20px}.ku-nav{gap:2px}.ku-nav a{padding:8px 9px;font-size:12px}}
@media(max-width:850px){
 .ku-header__inner{min-height:64px;display:flex;flex-wrap:wrap;gap:0;padding:10px 16px}
 .ku-brand{font-size:21px}.ku-brand__symbol{width:36px;height:36px;font-size:18px}
 .ku-menu-toggle{display:inline-flex;margin-inline-start:auto}
 .ku-nav{flex:0 0 100%;display:none;width:100%;max-width:100%;padding-top:12px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .ku-header[data-open=true] .ku-nav{display:grid}
 .ku-nav a{padding:12px 10px;border:1px solid #ffffff21;min-height:46px;border-radius:12px;white-space:normal;text-align:center;font-size:13px;background:#ffffff0b}
 .ku-header{position:relative!important}
 .ku-footer__main{grid-template-columns:1fr 1fr;padding:30px 18px;gap:25px}
 .ku-footer__main>div:first-child{grid-column:1/-1}
 .ku-footer__bottom{padding:14px!important}
 body .kora-mobile-nav-v250{display:none!important}
}
@media(max-width:600px){
 html,body{width:100%;max-width:100%;margin:0}
 body main,body .container,body .wrap,body .ko216-wrap,body .kt228-wrap,body .ks236-wrap,body .kts237-wrap,body .km227-wrap,body .kl229-wrap{min-width:0!important;max-width:100%!important}
 body .ko216-hero,body .ko216-section,body .ko216-quick,body .kt228-section{max-width:100%;min-width:0}
 body .ko216-matches,body .ko216-standings-grid,body .ko216-chips,body .ko216-teams,body .ko216-wc-grid{grid-template-columns:minmax(0,1fr)!important}
 body .ko216-match,body .ko216-table-card{min-width:0!important;max-width:100%}
 body .ko216-match-main{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important}
 body .ko216-team b{overflow-wrap:anywhere}
 .ku-header__inner{padding:10px 14px}
 .ku-footer__main{grid-template-columns:1fr;padding:26px 18px;gap:23px}
 .ku-footer__main>div:first-child{grid-column:auto}
 .ku-footer__links{gap:12px}
 .ku-footer__bottom{font-size:12px;line-height:1.8}
}
@media(prefers-reduced-motion:reduce){.ku-nav a{transition:none}}

/* Override historical home-mobile scripts that add old header classes. */
@media(max-width:850px){
 body > header.ku-header .ku-header__inner{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;width:100%!important;gap:0!important}
 body > header.ku-header .ku-menu-toggle{display:inline-flex!important;position:static!important;inset:auto!important;margin:0 0 0 0!important;min-width:0!important;flex:0 0 auto!important;order:2!important}
 body > header.ku-header .ku-brand{order:1!important;flex:0 0 auto!important;max-width:calc(100% - 135px)!important}
 body > header.ku-header nav.ku-nav{order:3!important;flex:0 0 100%!important;display:none!important;width:100%!important;max-width:100%!important;position:static!important;overflow:visible!important;height:auto!important;margin:0!important;padding:12px 0 0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body > header.ku-header[data-open=true] nav.ku-nav{display:grid!important}
}

/* Broadcast channel guide: match visual language of the score pages. */
body .seo-hub-broadcast-v43.hero{background:linear-gradient(120deg,#06382a,#0b9c6a)!important;border-radius:20px;margin:18px auto 0;max-width:1160px;padding:34px 20px}
body .seo-hub-broadcast-v43.hero h1{color:#fff;line-height:1.3}
body .seo-hub-broadcast-v43.hero p{color:#e3f9eb}
body .seo-hub-broadcast-v43.hero .nav a{color:#fff!important;background:#ffffff1b;border:1px solid #ffffff40}
body .seo-hub-broadcast-v43.hero .nav a:hover{background:#ffffff37}
body .channel-card-v43{border:1px solid #d8e9df;background:#fff;border-radius:18px;box-shadow:0 7px 22px #002a1410;display:flex;flex-direction:column;gap:8px}
body .channel-card-v43 h3{font-size:20px;color:#06472f}
body .channel-card-v43 p{margin:0}
body .channel-card-v43 .tag{align-self:flex-start;background:#e0f6ea;color:#08734a}
body .channel-card-v43 a{color:#066b48!important;font-weight:800;text-decoration:underline!important;text-underline-offset:4px}
body .cta{background:linear-gradient(130deg,#052d22,#09543a)!important;border-radius:16px}
@media(max-width:650px){body .seo-hub-broadcast-v43.hero{margin:10px 10px 0;border-radius:18px;padding:22px 15px}body .seo-hub-broadcast-v43.hero h1{font-size:25px}body .seo-hub-broadcast-v43.hero .nav{gap:6px}body .seo-hub-broadcast-v43.hero .nav a{font-size:12px;padding:8px 10px}}


/* Kora league showcase: compact, visually prioritized competitions. */
.ko216-chips{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.ko216-chips a{min-width:0;min-height:82px;padding:14px 15px!important;justify-content:center;border-color:#dce9e3!important;background:linear-gradient(145deg,#fff,#f4faf6)!important;transition:transform .16s,box-shadow .16s,border-color .16s}
.ko216-chips a:first-child{border-color:#c6e8d5!important;background:linear-gradient(145deg,#e9fff3,#f7fffb)!important}
.ko216-chips a:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(5,65,42,.10);border-color:#8ed4b0!important}
.ko216-chips a b{font-size:15px!important;line-height:1.55!important;overflow-wrap:anywhere;color:#123a29}
.ko216-chips a span{font-size:12px!important;line-height:1.4!important}
@media(max-width:850px){body .ko216-chips{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}body .ko216-chips a{min-height:82px!important;padding:12px 11px!important;border-radius:14px!important}body .ko216-chips a b{font-size:13px!important;line-height:1.5!important}body .ko216-chips a span{font-size:11px!important}}
@media(max-width:340px){body .ko216-chips a b{font-size:12px!important}body .ko216-chips{gap:7px!important}}


/* Featured teams and national sides: compact and readable. */
body .ko216-teams{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
body .ko216-teams a{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;min-width:0!important;min-height:78px!important;padding:12px 14px!important;border:1px solid #dce9e3!important;border-radius:15px!important;background:linear-gradient(140deg,#fff,#f3faf6)!important;box-shadow:0 3px 10px rgba(8,62,42,.03);text-decoration:none!important;transition:border-color .16s,transform .16s}
body .ko216-teams a:hover{border-color:#71c9a0!important;transform:translateY(-2px)}
body .ko216-teams a b{display:block!important;font-size:15px!important;font-weight:900!important;line-height:1.5!important;overflow-wrap:anywhere;color:#173b2b!important;margin:0 0 3px!important}
body .ko216-teams a span{display:block!important;font-size:12px!important;line-height:1.5!important;color:#668173!important}
@media(max-width:850px){body .ko216-teams{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}body .ko216-teams a{min-height:79px!important;padding:11px 12px!important}body .ko216-teams a b{font-size:14px!important}body .ko216-teams a span{font-size:11px!important}}
@media(max-width:340px){body .ko216-teams a{padding:10px 9px!important}body .ko216-teams a b{font-size:12px!important}}

/* KORA HOME PROFESSIONAL OCT 2026 */
body:has(main.ko216-wrap) {background:#f4f8f6;color:#123426}
body main.ko216-wrap{padding-bottom:18px}
body main.ko216-wrap > .ko216-section{border:1px solid #dceae2;border-radius:22px;box-shadow:0 9px 26px rgba(5,54,35,.055);padding:18px;margin:16px 0}
body main.ko216-wrap .ko216-section-head{border-bottom:1px solid #edf3ef;padding-bottom:11px;margin-bottom:14px}
body main.ko216-wrap .ko216-section-head h2{color:#103a2a;font-weight:900;letter-spacing:-.3px}
body main.ko216-wrap .ko216-section-head > a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 12px;border-radius:999px;background:#ebf8f1;border:1px solid #d3eadf;color:#087346;font-weight:800;font-size:13px}
body main.ko216-wrap .ko216-quick{gap:9px;margin:14px 0 15px}
body main.ko216-wrap .ko216-quick a{border:1px solid #dce9e2;background:#fff;padding:12px 8px;border-radius:14px;font-size:14px;box-shadow:0 4px 13px rgba(8,57,37,.035)}
body main.ko216-wrap .ko216-quick a:hover,body main.ko216-wrap .ko216-quick a:focus-visible{background:#e9f8ef;border-color:#85cba6;color:#064f32}
body main.ko216-wrap .ko216-match{border-color:#dbe8e1;background:#fcfefd;box-shadow:0 3px 12px rgba(4,41,27,.025)}
body main.ko216-wrap .ko216-match.is-live{border-color:#efc3c3;background:#fff7f7}
body main.ko216-wrap .ko216-match-main{margin:11px 0}
body main.ko216-wrap .ko216-match-league{line-height:1.6}
body main.ko216-wrap .ko216-match-foot{font-size:12px}
body main.ko216-wrap .ko216-logo{border-color:#e2eee7}
body main.ko216-wrap .ko216-section.ko216-seo{padding:16px}
body main.ko216-wrap .ko216-section.ko216-seo a{font-size:13px}
@media(max-width:850px){
  body main.ko216-wrap>.ko216-section{padding:14px 12px;margin:12px 0;border-radius:19px}
  body main.ko216-wrap .ko216-section-head h2{font-size:20px;line-height:1.35}
  body main.ko216-wrap .ko216-quick a{font-size:13px;padding:12px 4px}
  body main.ko216-wrap .ko216-matches{gap:9px}
  body main.ko216-wrap .ko216-match{padding:12px;border-radius:15px}
  body main.ko216-wrap .ko216-team b{font-size:13px;line-height:1.42}
  body main.ko216-wrap .ko216-score{font-size:20px}
  body main.ko216-wrap .ko216-match-foot{font-size:11px}
}