/* Community One | unified HD image sizing v3 | shared across all four apps */
:root{--co-logo-desktop:280px;--co-logo-tablet:220px;--co-logo-mobile:180px;--co-hero-max:1280px}
html body .top a.brand > img.ko-hd-header-logo,
html body .ko-header a.ko-brand > img.ko-hd-header-logo{
  display:block!important;width:var(--co-logo-desktop)!important;
  min-width:var(--co-logo-desktop)!important;max-width:var(--co-logo-desktop)!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  aspect-ratio:1200 / 280!important;object-fit:contain!important;object-position:left center!important;
  border:0!important;border-radius:0!important;flex:0 0 auto!important;
}
html body .top a.brand,html body .ko-header a.ko-brand{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  flex:0 0 auto!important;min-width:0!important;max-width:100%!important;
}
html body .top{display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:18px!important;min-height:90px!important;padding:10px clamp(14px,2vw,32px)!important;}
html body .top .tools{min-width:0!important;flex:1 1 auto!important}
html body .ko-header .ko-header-inner{box-sizing:border-box!important;width:100%!important;max-width:1620px!important;
  min-height:90px!important;margin:0 auto!important;padding:10px 20px!important;gap:16px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;}
html body .ko-header .ko-main-nav{display:flex!important;gap:4px!important;min-width:0!important;
  max-width:100%!important;flex-wrap:nowrap!important;overflow-x:auto!important;
  justify-content:flex-end!important;scrollbar-width:thin!important;}
html body .ko-header .ko-main-nav a{flex:0 0 auto!important;white-space:nowrap!important}
html body .ko-banner-wrap{box-sizing:border-box!important;width:100%!important;padding:14px 18px 18px!important;overflow:hidden!important}
html body .ko-banner-wrap img.ko-hd-hero-art{
  display:block!important;box-sizing:border-box!important;width:100%!important;
  max-width:var(--co-hero-max)!important;min-width:0!important;height:auto!important;
  max-height:none!important;aspect-ratio:1920 / 680!important;object-fit:contain!important;
  object-position:center!important;margin:0 auto!important;border-radius:16px!important;
}
html body .ko-banner-wrap .ko-hd-mobile-title{display:none!important}
@media(max-width:1199px){
  :root{--co-logo-desktop:240px}
  html body .top{gap:12px!important}
  html body .ko-header .ko-header-inner{flex-wrap:wrap!important;justify-content:center!important}
  html body .ko-header .ko-main-nav{width:100%!important;justify-content:center!important}
}
@media(max-width:900px){
  :root{--co-logo-desktop:var(--co-logo-tablet)}
  html body .top{flex-wrap:wrap!important;min-height:76px!important;gap:9px!important}
  html body .top .tools{order:2!important;flex:1 1 100%!important;width:100%!important}
  html body .ko-header .ko-header-inner{align-items:center!important;padding:9px 12px!important;gap:7px!important}
  html body .ko-header .ko-main-nav{justify-content:flex-start!important}
  html body .ko-banner-wrap{padding:10px!important}
  html body .ko-banner-wrap img.ko-hd-hero-art{border-radius:11px!important}
}
@media(max-width:590px){
  :root{--co-logo-desktop:var(--co-logo-mobile)}
  html body .top{padding:8px 12px!important;gap:8px!important}
  html body .top a.brand,html body .ko-header a.ko-brand{width:auto!important}
  html body .ko-header .ko-main-nav{width:100%!important;justify-content:flex-start!important}
  html body .ko-header .ko-main-nav a{font-size:11px!important;padding:8px!important}
  html body .ko-banner-wrap img.ko-hd-hero-art{display:block!important;width:100%!important}
  html body .ko-banner-wrap .ko-hd-mobile-title{display:flex!important;align-items:center!important;
    flex-direction:column!important;justify-content:center!important;text-align:center!important;
    gap:3px!important;padding:8px 8px 2px!important;background:transparent!important;border:0!important;}
  html body .ko-banner-wrap .ko-hd-mobile-title strong{font-size:18px!important}
  html body .ko-banner-wrap .ko-hd-mobile-title span{font-size:14px!important}
  html body .ko-banner-wrap .ko-hd-mobile-title p{font-size:10px!important;margin:0!important}
}