@charset "utf-8";

/* Machites BC inner pages responsive layer.
   It is loaded AFTER the legacy style.css, so desktop stays almost unchanged
   and mobile/tablet fixes are applied safely. */

html, body {
  overflow-x: hidden;
}

img, table, iframe, object, embed, video {
  max-width: 100%;
}

/* Small desktop safety: prevent background absolute images from creating horizontal scroll. */
#wrapper {
  box-sizing: border-box;
}

#inside:after {
  content: "";
  display: block;
  clear: both;
}

/* Mobile drawer button, created by machites2026-inner.js */
.mb26-inner-menu-toggle {
  display: none;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 9999;
  width: 42px;
  height: 35px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 5px;
  background: rgba(0,0,0,.38);
  cursor: pointer;
}
.mb26-inner-menu-toggle span {
  display: block;
  height: 3px;
  margin: 5px 8px;
  border-radius: 2px;
  background: #fff;
}
.mb26-inner-mobile-panel {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 99999;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 55px 22px 35px;
  color: #fff;
  background: rgba(12,17,70,.98);
}
.mb26-inner-mobile-panel.open { display: block; }
.mb26-inner-mobile-panel a,
.mb26-inner-mobile-panel strong {
  display: block;
  padding: 9px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: #fff;
  text-decoration: none;
  font-family: 'pf_din_textmedium', Trebuchet, Arial, sans-serif;
}
.mb26-inner-mobile-panel strong {
  margin-top: 10px;
  color: #f0c040;
}
.mb26-inner-mobile-panel input {
  width: 100%;
  margin-top: 15px;
  padding: 9px;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 4px;
  box-sizing: border-box;
  color: #fff;
  background: rgba(255,255,255,.08);
}
.mb26-inner-mobile-close {
  position: absolute;
  top: 9px;
  right: 16px;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 34px;
  line-height: 1;
  cursor: pointer;
}

@media (max-width: 1020px) {
  #wrapper {
    width: 100% !important;
    max-width: 1000px !important;
  }
}

@media (max-width: 900px) {
  #img1, #img2 {
    display: none !important;
  }
  #header {
    width: 100% !important;
    position: relative !important;
    overflow: hidden;
  }
  #header > div[style] {
    left: 50% !important;
    transform: translateX(-50%);
  }
  #menu,
  #subemenu_up {
    width: 100% !important;
  }
  #inside {
    width: auto !important;
    box-sizing: border-box;
  }
}

@media (max-width: 680px) {
  html, body {
    height: auto !important;
    min-height: 100%;
    overflow-x: hidden !important;
  }

  body {
    background-color: #3a428a !important;
    background-image: url(../imgs/main_layout_bg.jpg), url(../imgs/bg_new.png) !important;
    background-repeat: repeat-x, repeat !important;
    background-position: 0 0, 148px 550px !important;
  }

  #wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    position: relative !important;
  }

  #content,
  #main {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    border-radius: 0 !important;
  }

  #header {
    width: 100% !important;
    height: 105px !important;
    text-align: center;
    overflow: hidden;
  }

  #header > div[style] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    display: block !important;
    width: 100% !important;
    padding-top: 10px;
    text-align: center;
  }

  #header img {
    width: auto !important;
    max-width: 76% !important;
    height: auto !important;
  }

  #menu {
    width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    position: relative !important;
    background-image: url(../imgs/menu_bg.png) !important;
    background-repeat: repeat-x !important;
  }

  #subemenu_up,
  #subemenu_down,
  #mycontent2,
  #mycontent3,
  #mycontent4,
  #mycontent5 {
    display: none !important;
  }

  .mb26-inner-menu-toggle {
    display: block !important;
  }

  #inside {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 5px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    display: block !important;
  }

  #left,
  #right {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 5px 0 !important;
    box-sizing: border-box !important;
  }

  #news,
  #new4,
  #news_tips {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow: visible !important;
  }

  #news {
    padding: 6px !important;
  }

  #newsbg {
    max-width: 100% !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow: hidden !important;
  }

  #newstext {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  #newsfoto {
    max-width: 42% !important;
    height: auto !important;
    min-height: 70px;
    margin: 6px 10px 8px 0 !important;
    background-size: cover !important;
    background-position: center center !important;
  }

  #newsfoto img {
    width: 100% !important;
    height: auto !important;
  }

  table {
    max-width: 100% !important;
  }

  #news table,
  #left table {
    display: block;
    width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  input, textarea, select {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  div[style*="width:985px"],
  div[style*="width:965px"],
  div[style*="width:945px"],
  div[style*="width:653px"],
  div[style*="width:643px"],
  div[style*="width:632px"],
  div[style*="width:614px"],
  div[style*="width:610px"],
  div[style*="width:600px"],
  div[style*="width:430px"],
  div[style*="width:300px"],
  div[style*="width:286px"] {
    max-width: 100% !important;
  }

  #footer0 {
    display: none !important;
  }

  #footer {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    z-index: 1 !important;
    background: #d9a413 !important;
    color: #111 !important;
    overflow: visible !important;
  }

  #footer2 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 14px 14px 18px !important;
    margin: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  #footer2 #col1,
  #footer2 #col2,
  #footer2 #col3,
  #footer2 #col4,
  #footer2 #col5 {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 12px !important;
    padding: 0 0 10px !important;
    white-space: normal !important;
    overflow: visible !important;
    border-bottom: 1px solid rgba(0,0,0,.18);
    box-sizing: border-box !important;
    color: #111 !important;
  }

  #footer2 #col5 {
    border-bottom: 0;
    margin-bottom: 0 !important;
  }

  #footer2 a,
  #footer2 div,
  #footer2 strong,
  #footer2 pfdin15boldb,
  #footer2 pfdin15normalb,
  #footer2 copyrights {
    color: #111 !important;
  }

  #footer2 .fb-like,
  #footer2 #newsbg,
  #footer2 .fb,
  #footer2 .ttr {
    float: none !important;
    display: inline-block !important;
    vertical-align: middle;
    margin: 0 6px 8px 0 !important;
  }
}

@media (max-width: 420px) {
  #header img {
    max-width: 82% !important;
  }

  #newsfoto {
    max-width: 38% !important;
  }
}


/* ========================================================
   V2 desktop flow fix: remove legacy absolute-footer behavior
   and prevent the second/phantom scrollbar on inner pages.
   ======================================================== */
html {
  height: auto !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body {
  height: auto !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

#wrapper {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 2 !important;
}

#content,
#main,
#inside {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

#content,
#main {
  overflow: visible !important;
}

#inside {
  overflow: hidden !important;
}

#inside:after,
#main:after,
#content:after {
  content: "";
  display: block;
  clear: both;
}

/* Keep the decorative side backgrounds behind the page but do not let them create layout/scroll issues. */
#img1,
#img2 {
  pointer-events: none;
}

/* Desktop/tablet footer flow. The legacy style.css had absolute + negative margins.
   That was the cause of the huge blue area and phantom scrollbar on content-heavy pages. */
#footer0 {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: 520px !important;
  margin-top: 0 !important;
  z-index: 0 !important;
  overflow: hidden !important;
  clear: both !important;
}

#courtleft,
#courtright {
  height: 520px !important;
  min-height: 520px !important;
  background-image: url(../imgs/footer_basketcourt1.jpg) !important;
  background-repeat: no-repeat !important;
}

#courtleft {
  background-position: right top !important;
}

#courtright {
  background-position: left top !important;
}

#footer {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: 258px !important;
  min-height: 258px !important;
  margin-top: -258px !important;
  z-index: 3 !important;
  overflow: visible !important;
  background-image: url(../imgs/footer_figoures.jpg) !important;
  background-position: center top !important;
  background-repeat: repeat-x !important;
  clear: both !important;
}

@media (max-width: 680px) {
  #inside {
    overflow: visible !important;
  }
  #footer0 {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
  }
  #footer {
    height: auto !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    background: #d9a413 !important;
  }
}


/* ========================================================
   V3 inner pages mobile polish
   - cleaner news cards on mobile
   - safer right/sidebar cards
   - no extra/inner scrollbars
   ======================================================== */
html, body {
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 680px) {
  body {
    overflow-y: auto !important;
  }

  #wrapper,
  #content,
  #main,
  #inside,
  #left,
  #right,
  #news {
    max-width: 100% !important;
  }

  /* News list cards: stop legacy float/nowrap from breaking the mobile layout */
  #left #news #new4 {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 8px 0 10px !important;
    clear: both !important;
    white-space: normal !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  #left #news #newsfoto {
    float: none !important;
    flex: 0 0 118px !important;
    width: 118px !important;
    max-width: 118px !important;
    height: 86px !important;
    min-height: 86px !important;
    margin: 6px 0 6px 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  #left #news #newsfoto img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  #left #news #newstext {
    float: none !important;
    display: block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 86px !important;
    height: auto !important;
    margin: 6px 0 6px 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  #left #news #newstext pfdin21boldorange,
  #left #news #newstext pfdin19boldblue,
  #left #news #newstext pfdin19boldorange,
  #left #news #newstext pfdin17normalgri,
  #left #news #newstext pfdin17normalb,
  #left #news #newstext pfdin15normalb {
    display: block !important;
    white-space: normal !important;
    line-height: 1.15 !important;
  }

  #left #news #newstext pfdin21boldorange,
  #left #news #newstext pfdin19boldorange,
  #left #news #newstext pfdin19boldblue {
    font-size: 17px !important;
  }

  #left #news #newstext pfdin17normalgri,
  #left #news #newstext pfdin17normalb,
  #left #news #newstext pfdin15normalb {
    font-size: 12px !important;
  }

  /* Pagination should stay inside the content width */
  #navx,
  div[align="right"] #navx,
  div[style*="width:610px"] {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Right/sidebar blocks on inner pages */
  #right #seasonticket,
  #right #banner300,
  #right #nmatch,
  #right #points {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  #right #seasonticket,
  #right #banner300 {
    background-size: 100% 100% !important;
    background-position: center center !important;
  }

  #right #seasonticket {
    height: auto !important;
    aspect-ratio: 306 / 240;
  }

  #right #banner300 {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 306 / 170;
    padding: 0 !important;
  }

  #right img {
    max-width: 100% !important;
    height: auto !important;
  }
}

@media (max-width: 420px) {
  #left #news #new4 {
    gap: 8px !important;
  }
  #left #news #newsfoto {
    flex-basis: 105px !important;
    width: 105px !important;
    max-width: 105px !important;
    height: 78px !important;
    min-height: 78px !important;
  }
  #left #news #newstext {
    min-height: 78px !important;
  }
  #left #news #newstext pfdin21boldorange,
  #left #news #newstext pfdin19boldorange,
  #left #news #newstext pfdin19boldblue {
    font-size: 15px !important;
  }
}


/* ========================================================
   V4 inner pages polish
   - mobile sidebar banners use the available width
   - replace old EasyRotator sponsor strip with clean responsive carousel
   ======================================================== */
#advertisors.mb26-inner-sponsors-ready {
  position: relative !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
#advertisors.mb26-inner-sponsors-ready .dwuserEasyRotator,
#advertisors.mb26-inner-sponsors-ready > script {
  display: none !important;
}
.mb26-inner-sponsors-carousel {
  position: relative;
  width: 100%;
  height: 125px;
  padding: 0 40px;
  background: url(../imgs/xor_bg2.png) bottom center no-repeat;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
  box-sizing: border-box;
}
.mb26-inner-sponsors-viewport {
  width: 100%;
  height: 125px;
  overflow: hidden;
}
.mb26-inner-sponsors-track {
  display: flex;
  height: 125px;
  transition: transform .45s ease;
  will-change: transform;
}
.mb26-inner-sponsor-tile {
  flex: 0 0 25%;
  height: 125px;
  padding: 2px 8px 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  box-sizing: border-box;
}
.mb26-inner-sponsor-tile a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 105px;
}
.mb26-inner-sponsor-tile img {
  display: block;
  width: 100%;
  height: 103px;
  object-fit: contain;
  background: #fff;
  border: 1px solid #fff;
  box-shadow: 0 1px 5px rgba(0,0,0,.7);
}
.mb26-inner-sponsor-arrow {
  position: absolute;
  top: 0;
  width: 36px;
  height: 65px;
  margin-top: 30px;
  border: 0;
  background: rgba(0,0,0,.38);
  color: #fff;
  font-size: 38px;
  line-height: 1;
  cursor: pointer;
  z-index: 3;
}
.mb26-inner-sponsor-arrow.prev { left: 0; }
.mb26-inner-sponsor-arrow.next { right: 0; }

@media (max-width: 680px) {
  #right > span,
  #right span[style*="width:300px"] {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 0 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  #right #seasonticket {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 306 / 240;
    background-size: 100% 100% !important;
    background-position: center center !important;
    margin: 0 auto !important;
  }

  #right a[href="team-supporters.asp"],
  #right a[href="team-supporters.asp"] img,
  #right img[src*="support2"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto 12px !important;
  }

  #advertisors {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 132px !important;
    margin: 14px 0 8px !important;
    padding: 8px 0 0 !important;
    box-sizing: border-box !important;
    background-color: #fff !important;
    background-image: url(../imgs/xor_bg.png) !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    border-radius: 10px 10px 0 0 !important;
    overflow: hidden !important;
  }

  .mb26-inner-sponsors-carousel {
    height: 116px;
    padding: 0 34px;
    background-size: auto;
  }
  .mb26-inner-sponsors-viewport,
  .mb26-inner-sponsors-track {
    height: 116px;
  }
  .mb26-inner-sponsor-tile {
    flex-basis: 50%;
    height: 116px;
    padding: 6px 5px 0;
  }
  .mb26-inner-sponsor-tile a,
  .mb26-inner-sponsor-tile img {
    height: 92px;
  }
  .mb26-inner-sponsor-arrow {
    width: 32px;
    height: 58px;
    margin-top: 30px;
    font-size: 34px;
  }
}

@media (max-width: 420px) {
  .mb26-inner-sponsors-carousel {
    padding: 0 32px;
  }
  .mb26-inner-sponsor-tile {
    flex-basis: 50%;
  }
}


/* ========================================================
   V5 inner sponsor carousel height fix
   Fixes cropped/cut sponsor banners at the bottom.
   ======================================================== */
#advertisors.mb26-inner-sponsors-ready {
  height: 170px !important;
  min-height: 170px !important;
  padding-top: 10px !important;
  padding-bottom: 8px !important;
  overflow: hidden !important;
}
#advertisors.mb26-inner-sponsors-ready .mb26-inner-sponsors-carousel {
  height: 145px !important;
  min-height: 145px !important;
  padding-top: 4px !important;
  padding-bottom: 10px !important;
  overflow: hidden !important;
}
#advertisors.mb26-inner-sponsors-ready .mb26-inner-sponsors-viewport,
#advertisors.mb26-inner-sponsors-ready .mb26-inner-sponsors-track,
#advertisors.mb26-inner-sponsors-ready .mb26-inner-sponsor-tile {
  height: 132px !important;
  min-height: 132px !important;
}
#advertisors.mb26-inner-sponsors-ready .mb26-inner-sponsor-tile a {
  height: 112px !important;
}
#advertisors.mb26-inner-sponsors-ready .mb26-inner-sponsor-tile img {
  height: 108px !important;
  max-height: 108px !important;
}
#advertisors.mb26-inner-sponsors-ready .mb26-inner-sponsor-arrow {
  margin-top: 40px !important;
}

@media (max-width:680px) {
  #advertisors.mb26-inner-sponsors-ready {
    min-height: 150px !important;
    height: auto !important;
    padding: 8px 0 8px !important;
    overflow: hidden !important;
  }
  #advertisors.mb26-inner-sponsors-ready .mb26-inner-sponsors-carousel {
    height: 132px !important;
    min-height: 132px !important;
    padding-top: 4px !important;
    padding-bottom: 8px !important;
  }
  #advertisors.mb26-inner-sponsors-ready .mb26-inner-sponsors-viewport,
  #advertisors.mb26-inner-sponsors-ready .mb26-inner-sponsors-track,
  #advertisors.mb26-inner-sponsors-ready .mb26-inner-sponsor-tile {
    height: 116px !important;
    min-height: 116px !important;
  }
  #advertisors.mb26-inner-sponsors-ready .mb26-inner-sponsor-tile a,
  #advertisors.mb26-inner-sponsors-ready .mb26-inner-sponsor-tile img {
    height: 96px !important;
    max-height: 96px !important;
  }
  #advertisors.mb26-inner-sponsors-ready .mb26-inner-sponsor-arrow {
    margin-top: 34px !important;
  }
}


/* ========================================================
   V6 gallery mobile fix
   Fixes legacy gallery table/thumbnail layout on mobile.
   ======================================================== */
@media (max-width:680px) {
  body.mb26-inner-page-gallery #left,
  body.mb26-inner-page-gallery #news,
  body.mb26-inner-page-gallery #new4,
  body.mb26-inner-page-gallery #myspacer,
  body.mb26-inner-page-gallery #navigatos {
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  body.mb26-inner-page-gallery #news {
    min-height:0 !important;
    height:auto !important;
    white-space:normal !important;
    overflow:visible !important;
    padding:8px !important;
  }

  body.mb26-inner-page-gallery #newsbg {
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:32px !important;
    white-space:normal !important;
    overflow:visible !important;
    padding:7px 9px !important;
    box-sizing:border-box !important;
  }

  body.mb26-inner-page-gallery #new4 {
    height:auto !important;
    min-height:0 !important;
    white-space:normal !important;
    overflow:visible !important;
    display:block !important;
    padding-bottom:10px !important;
  }

  body.mb26-inner-page-gallery #new4 > #newsfoto:first-child,
  body.mb26-inner-page-gallery #new4 > #newsfoto:first-of-type:not(.effect2) {
    width:140px !important;
    height:100px !important;
    float:left !important;
    margin:8px 12px 10px 0 !important;
    background-size:cover !important;
    background-position:center !important;
  }

  body.mb26-inner-page-gallery #new4 > #newsfoto:first-child img,
  body.mb26-inner-page-gallery #new4 > #newsfoto:first-of-type:not(.effect2) img {
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
  }

  body.mb26-inner-page-gallery #newstext {
    min-width:0 !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    margin:8px 0 10px !important;
    white-space:normal !important;
    overflow:visible !important;
    display:block !important;
  }

  body.mb26-inner-page-gallery #new4 > div[style*="width:600px"] {
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    white-space:normal !important;
    overflow:visible !important;
    padding:8px 0 !important;
    margin:0 0 8px !important;
    clear:both !important;
    box-sizing:border-box !important;
  }

  body.mb26-inner-page-gallery #new4 table {
    width:100% !important;
    max-width:100% !important;
    display:block !important;
    border-collapse:separate !important;
  }
  body.mb26-inner-page-gallery #new4 tbody,
  body.mb26-inner-page-gallery #new4 tr {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    font-size:0 !important;
  }
  body.mb26-inner-page-gallery #new4 td {
    display:inline-block !important;
    width:50% !important;
    max-width:50% !important;
    height:auto !important;
    padding:4px !important;
    background:none !important;
    vertical-align:top !important;
    box-sizing:border-box !important;
    font-size:14px !important;
  }

  body.mb26-inner-page-gallery #new4 td #newsfoto,
  body.mb26-inner-page-gallery #new4 td #newsfoto.effect2 {
    float:none !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:none !important;
    overflow:hidden !important;
    box-shadow:none !important;
    border-radius:4px !important;
  }
  body.mb26-inner-page-gallery #new4 td #newsfoto img,
  body.mb26-inner-page-gallery #new4 td #newsfoto.effect2 img {
    width:100% !important;
    height:auto !important;
    display:block !important;
  }
}

@media (max-width:420px) {
  body.mb26-inner-page-gallery #new4 > #newsfoto:first-child,
  body.mb26-inner-page-gallery #new4 > #newsfoto:first-of-type:not(.effect2) {
    width:120px !important;
    height:86px !important;
  }
  body.mb26-inner-page-gallery #new4 td {
    width:50% !important;
    max-width:50% !important;
    padding:3px !important;
  }
}


/* ========================================================
   V7 roster mobile grid + duplicate legacy footer cleanup
   ======================================================== */

/* Some legacy pages contain a second copyright block as a direct child of #footer2. */
#footer2 > .footerlinks,
#footer2 > div.footerlinks[onclick*="citycom"] {
  display:none !important;
}

@media (max-width:680px) {
  body.mb26-inner-page-roster #left,
  body.mb26-inner-page-roster #news,
  body.mb26-inner-page-roster #myspacer {
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  body.mb26-inner-page-roster #news {
    min-height:0 !important;
    height:auto !important;
    padding:8px !important;
    overflow:visible !important;
    white-space:normal !important;
  }

  body.mb26-inner-page-roster #newsbg {
    max-width:100% !important;
    height:auto !important;
    min-height:28px !important;
    box-sizing:border-box !important;
    white-space:normal !important;
    overflow:hidden !important;
  }

  body.mb26-inner-page-roster #new4 {
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    white-space:normal !important;
    overflow:visible !important;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px 10px;
    padding:10px 0 14px !important;
    margin:0 0 10px !important;
    box-sizing:border-box !important;
  }

  body.mb26-inner-page-roster #new4 > p {
    display:none !important;
  }

  body.mb26-inner-page-roster #player,
  body.mb26-inner-page-roster #player2 {
    float:none !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 0 8px !important;
    box-sizing:border-box !important;
    background-image:url(imgs/roster_bg.png) !important;
    background-repeat:repeat-x !important;
    background-size:auto 100% !important;
    border-radius:8px 8px 0 0 !important;
    overflow:hidden !important;
  }

  body.mb26-inner-page-roster #name,
  body.mb26-inner-page-roster #name2 {
    height:auto !important;
    min-height:22px !important;
    padding:4px 3px 2px !important;
    line-height:1.05 !important;
    white-space:normal !important;
    overflow:hidden !important;
    text-align:center !important;
  }

  body.mb26-inner-page-roster #name pfdin15boldb,
  body.mb26-inner-page-roster #name2 pfdin15boldb {
    font-size:12px !important;
    line-height:1.05 !important;
  }

  body.mb26-inner-page-roster #foto,
  body.mb26-inner-page-roster #foto2 {
    width:calc(100% - 16px) !important;
    height:auto !important;
    aspect-ratio:185 / 180;
    margin:8px !important;
    background-size:cover !important;
    background-position:center top !important;
  }

  body.mb26-inner-page-roster #titles2 {
    width:calc(100% - 16px) !important;
    height:auto !important;
    min-height:42px !important;
    margin:8px !important;
    padding:5px 3px !important;
    box-sizing:border-box !important;
    background-image:url(imgs/roster_bg2.png) !important;
    background-repeat:repeat-x !important;
    background-size:auto 100% !important;
    overflow:hidden !important;
  }

  body.mb26-inner-page-roster #titles2 > div {
    height:auto !important;
    min-height:15px !important;
    padding:1px 0 !important;
    line-height:1.15 !important;
    white-space:normal !important;
  }

  body.mb26-inner-page-roster #titles2 pfdin15boldb,
  body.mb26-inner-page-roster #titles2 pfdin16boldblack {
    font-size:11px !important;
    line-height:1.15 !important;
  }
}

@media (max-width:360px) {
  body.mb26-inner-page-roster #new4 {
    grid-template-columns:1fr;
  }
  body.mb26-inner-page-roster #player,
  body.mb26-inner-page-roster #player2 {
    max-width:220px !important;
    margin:0 auto !important;
  }
}


/* ========================================================
   V8 history/detail page mobile fix
   The history page is a single article/detail layout, not a news list.
   This disables the generic news-list flex rule that made the text become
   a very narrow vertical column on mobile.
   ======================================================== */
@media (max-width:680px) {
  body.mb26-inner-page-history #left,
  body.mb26-inner-page-history #news,
  body.mb26-inner-page-history #new4,
  body.mb26-inner-page-history #myspacer,
  body.mb26-inner-page-history #navigatos {
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  body.mb26-inner-page-history #news {
    min-height:0 !important;
    height:auto !important;
    padding:8px !important;
    white-space:normal !important;
    overflow:visible !important;
  }

  body.mb26-inner-page-history #newsbg {
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:32px !important;
    padding:7px 9px !important;
    box-sizing:border-box !important;
    white-space:normal !important;
    overflow:visible !important;
  }

  body.mb26-inner-page-history #new4 {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    height:auto !important;
    padding:8px 0 12px !important;
    margin:0 !important;
    white-space:normal !important;
    overflow:visible !important;
    box-sizing:border-box !important;
  }

  body.mb26-inner-page-history #new4 > #newsfoto:first-child,
  body.mb26-inner-page-history #new4 > #newsfoto:first-of-type:not(.effect2) {
    float:left !important;
    width:140px !important;
    max-width:42% !important;
    height:100px !important;
    min-height:100px !important;
    margin:6px 12px 8px 0 !important;
    overflow:hidden !important;
    background-size:cover !important;
    background-position:center center !important;
    box-sizing:border-box !important;
  }

  body.mb26-inner-page-history #new4 > #newsfoto:first-child img,
  body.mb26-inner-page-history #new4 > #newsfoto:first-of-type:not(.effect2) img {
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
  }

  body.mb26-inner-page-history #newstext {
    display:block !important;
    float:none !important;
    width:auto !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    margin:6px 0 10px !important;
    white-space:normal !important;
    overflow:visible !important;
    box-sizing:border-box !important;
  }

  body.mb26-inner-page-history #newstext > div,
  body.mb26-inner-page-history #newstext pfdin16boldblack,
  body.mb26-inner-page-history #newstext pfdin17normalb,
  body.mb26-inner-page-history #newstext pfdin17normalgri {
    display:block !important;
    white-space:normal !important;
    overflow:visible !important;
    line-height:1.35 !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
  }

  body.mb26-inner-page-history #new4 > div[style*="width:600px"] {
    clear:both !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    margin:0 0 10px !important;
    padding:8px 0 !important;
    box-sizing:border-box !important;
    white-space:normal !important;
    overflow:visible !important;
    line-height:1.35 !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
  }

  body.mb26-inner-page-history #new4 table {
    width:100% !important;
    max-width:100% !important;
    display:block !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
  }
}

@media (max-width:420px) {
  body.mb26-inner-page-history #new4 > #newsfoto:first-child,
  body.mb26-inner-page-history #new4 > #newsfoto:first-of-type:not(.effect2) {
    width:118px !important;
    max-width:40% !important;
    height:84px !important;
    min-height:84px !important;
  }
}


/* ========================================================
   V9 history page hard fix
   The legacy history.asp contains nested fixed-width divs and repeated
   #newsfoto ids. On mobile the generic article block was still allowing
   the text column to collapse beside the photo/gallery title. Force the
   article into a clean single-column flow.
   ======================================================== */
@media (max-width:680px) {
  body.mb26-inner-page-history #inside,
  body.mb26-inner-page-history #left,
  body.mb26-inner-page-history #news,
  body.mb26-inner-page-history #new4 {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    box-sizing:border-box !important;
    overflow:visible !important;
    white-space:normal !important;
  }

  body.mb26-inner-page-history #new4 {
    display:block !important;
    padding:8px !important;
    background-position:bottom !important;
  }

  /* Main history photo: no floating on mobile */
  body.mb26-inner-page-history #new4 > #newsfoto:first-child,
  body.mb26-inner-page-history #new4 > #newsfoto:first-of-type:not(.effect2) {
    float:none !important;
    display:block !important;
    width:100% !important;
    max-width:260px !important;
    height:auto !important;
    min-height:0 !important;
    margin:8px auto 14px !important;
    padding:0 !important;
    background:none !important;
    overflow:visible !important;
    clear:both !important;
  }

  body.mb26-inner-page-history #new4 > #newsfoto:first-child a,
  body.mb26-inner-page-history #new4 > #newsfoto:first-of-type:not(.effect2) a,
  body.mb26-inner-page-history #new4 > #newsfoto:first-child img,
  body.mb26-inner-page-history #new4 > #newsfoto:first-of-type:not(.effect2) img {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    object-fit:contain !important;
  }

  body.mb26-inner-page-history #newstext {
    clear:both !important;
    float:none !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 0 12px !important;
    padding:0 !important;
    white-space:normal !important;
    overflow:visible !important;
    line-height:1.45 !important;
  }

  body.mb26-inner-page-history #newstext > div,
  body.mb26-inner-page-history #newstext pfdin16boldblack {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    white-space:normal !important;
    overflow:visible !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    line-height:1.45 !important;
    letter-spacing:normal !important;
  }

  /* All article text/gallery wrapper divs that were 600px wide */
  body.mb26-inner-page-history #new4 > div[style*="width:600px"] {
    clear:both !important;
    float:none !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    margin:0 0 14px !important;
    padding:8px 0 !important;
    box-sizing:border-box !important;
    white-space:normal !important;
    overflow:visible !important;
    line-height:1.45 !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }

  body.mb26-inner-page-history #new4 > div[style*="width:600px"] pfdin16boldblack,
  body.mb26-inner-page-history #new4 > div[style*="width:600px"] pfdin14titlesblue {
    display:block !important;
    width:100% !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    line-height:1.45 !important;
    letter-spacing:normal !important;
  }

  /* Gallery table inside history article */
  body.mb26-inner-page-history #new4 table,
  body.mb26-inner-page-history #new4 tbody,
  body.mb26-inner-page-history #new4 tr {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
  }

  body.mb26-inner-page-history #new4 td {
    display:inline-block !important;
    width:48% !important;
    max-width:48% !important;
    height:auto !important;
    padding:4px !important;
    vertical-align:top !important;
    box-sizing:border-box !important;
    background-size:100% 100% !important;
  }

  body.mb26-inner-page-history #new4 td #newsfoto,
  body.mb26-inner-page-history #new4 td #newsfoto.effect2 {
    float:none !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:140 / 100;
    margin:0 !important;
    background-size:cover !important;
    background-position:center center !important;
    overflow:hidden !important;
  }

  body.mb26-inner-page-history #new4 td #newsfoto img,
  body.mb26-inner-page-history #new4 td #newsfoto.effect2 img {
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
  }
}


/* ========================================================
   V10 gallery mobile hard fix
   The gallery page has a legacy article intro + FOTOGALLERY table.
   On small screens the intro image/text/gallery title were sharing one row.
   Force a clean single-column article flow and a proper 2-column gallery grid.
   ======================================================== */
@media (max-width:680px) {
  body.mb26-inner-page-gallery #inside,
  body.mb26-inner-page-gallery #left,
  body.mb26-inner-page-gallery #news,
  body.mb26-inner-page-gallery #new4 {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    box-sizing:border-box !important;
    overflow:visible !important;
    white-space:normal !important;
  }

  body.mb26-inner-page-gallery #news {
    padding:8px !important;
  }

  body.mb26-inner-page-gallery #new4 {
    display:block !important;
    padding:8px !important;
    margin:0 !important;
    background-position:bottom !important;
  }

  /* Intro/main gallery image: full row, not floated */
  body.mb26-inner-page-gallery #new4 > #newsfoto:first-child,
  body.mb26-inner-page-gallery #new4 > #newsfoto:first-of-type:not(.effect2) {
    float:none !important;
    clear:both !important;
    display:block !important;
    width:100% !important;
    max-width:260px !important;
    height:auto !important;
    min-height:0 !important;
    margin:8px auto 14px !important;
    padding:0 !important;
    background:none !important;
    overflow:visible !important;
  }

  body.mb26-inner-page-gallery #new4 > #newsfoto:first-child a,
  body.mb26-inner-page-gallery #new4 > #newsfoto:first-of-type:not(.effect2) a,
  body.mb26-inner-page-gallery #new4 > #newsfoto:first-child img,
  body.mb26-inner-page-gallery #new4 > #newsfoto:first-of-type:not(.effect2) img {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    object-fit:contain !important;
  }

  /* Description: full row below the intro image */
  body.mb26-inner-page-gallery #newstext {
    clear:both !important;
    float:none !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 0 14px !important;
    padding:0 !important;
    white-space:normal !important;
    overflow:visible !important;
    line-height:1.35 !important;
  }

  body.mb26-inner-page-gallery #newstext > div,
  body.mb26-inner-page-gallery #newstext pfdin16boldblack {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow:visible !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    line-height:1.35 !important;
  }

  /* Legacy 600px wrappers: full-width blocks */
  body.mb26-inner-page-gallery #new4 > div[style*="width:600px"] {
    clear:both !important;
    float:none !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    margin:0 0 14px !important;
    padding:8px 0 !important;
    box-sizing:border-box !important;
    white-space:normal !important;
    overflow:visible !important;
  }

  body.mb26-inner-page-gallery #new4 > div[style*="width:600px"] pfdin14titlesblue {
    display:block !important;
    width:100% !important;
    text-align:left !important;
    white-space:normal !important;
    line-height:1.2 !important;
  }

  /* Thumbnail gallery table -> clean 2-column grid */
  body.mb26-inner-page-gallery #new4 table,
  body.mb26-inner-page-gallery #new4 tbody,
  body.mb26-inner-page-gallery #new4 tr {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    font-size:0 !important;
    text-align:center !important;
    overflow:visible !important;
  }

  body.mb26-inner-page-gallery #new4 td {
    display:inline-block !important;
    width:50% !important;
    max-width:50% !important;
    height:auto !important;
    padding:5px !important;
    vertical-align:top !important;
    box-sizing:border-box !important;
    background:none !important;
    font-size:14px !important;
  }

  body.mb26-inner-page-gallery #new4 td #newsfoto,
  body.mb26-inner-page-gallery #new4 td #newsfoto.effect2 {
    float:none !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:140 / 100;
    margin:0 !important;
    padding:0 !important;
    background:none !important;
    border-radius:5px !important;
    overflow:hidden !important;
    box-shadow:0 3px 7px rgba(0,0,0,.35) !important;
  }

  body.mb26-inner-page-gallery #new4 td #newsfoto img,
  body.mb26-inner-page-gallery #new4 td #newsfoto.effect2 img {
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
}

@media (max-width:420px) {
  body.mb26-inner-page-gallery #new4 > #newsfoto:first-child,
  body.mb26-inner-page-gallery #new4 > #newsfoto:first-of-type:not(.effect2) {
    max-width:220px !important;
  }
  body.mb26-inner-page-gallery #new4 td {
    width:50% !important;
    max-width:50% !important;
    padding:4px !important;
  }
}


/* ========================================================
   V11 gallery mobile hard fix — force article flow
   ======================================================== */
@media (max-width:680px) {
  body.mb26-inner-page-gallery #news {
    width:100% !important;
    max-width:100% !important;
    padding:8px !important;
    overflow:visible !important;
    white-space:normal !important;
  }

  body.mb26-inner-page-gallery #new4 {
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    padding:8px 8px 14px !important;
    margin:0 !important;
    overflow:visible !important;
    white-space:normal !important;
    box-sizing:border-box !important;
  }

  body.mb26-inner-page-gallery #new4 > * {
    flex:0 0 auto !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  body.mb26-inner-page-gallery .mb26-gallery-intro-photo,
  body.mb26-inner-page-gallery #new4 > div#newsfoto:not(.effect2):first-of-type {
    order:1 !important;
    float:none !important;
    clear:both !important;
    display:block !important;
    width:100% !important;
    max-width:250px !important;
    height:auto !important;
    min-height:0 !important;
    margin:8px auto 12px !important;
    padding:0 !important;
    background:none !important;
    overflow:visible !important;
    white-space:normal !important;
  }

  body.mb26-inner-page-gallery .mb26-gallery-intro-photo a,
  body.mb26-inner-page-gallery .mb26-gallery-intro-photo img,
  body.mb26-inner-page-gallery #new4 > div#newsfoto:not(.effect2):first-of-type a,
  body.mb26-inner-page-gallery #new4 > div#newsfoto:not(.effect2):first-of-type img {
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    object-fit:contain !important;
  }

  body.mb26-inner-page-gallery .mb26-gallery-intro-text,
  body.mb26-inner-page-gallery #newstext {
    order:2 !important;
    float:none !important;
    clear:both !important;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 0 12px !important;
    padding:0 !important;
    overflow:visible !important;
    white-space:normal !important;
    line-height:1.35 !important;
    text-align:left !important;
  }

  body.mb26-inner-page-gallery .mb26-gallery-intro-text *,
  body.mb26-inner-page-gallery #newstext * {
    white-space:normal !important;
    overflow:visible !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    line-height:1.35 !important;
  }

  body.mb26-inner-page-gallery .mb26-gallery-wide-block,
  body.mb26-inner-page-gallery #new4 > div[style*="width:600px"] {
    order:3 !important;
    float:none !important;
    clear:both !important;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:auto !important;
    margin:0 0 12px !important;
    padding:8px 0 !important;
    overflow:visible !important;
    white-space:normal !important;
    text-align:left !important;
  }

  body.mb26-inner-page-gallery .mb26-gallery-title-block {
    order:4 !important;
  }

  body.mb26-inner-page-gallery .mb26-gallery-table-block {
    order:5 !important;
  }

  body.mb26-inner-page-gallery .mb26-gallery-title-block pfdin14titlesblue {
    display:block !important;
    width:100% !important;
    text-align:left !important;
    margin:0 0 8px !important;
  }

  body.mb26-inner-page-gallery .mb26-gallery-table-block table,
  body.mb26-inner-page-gallery .mb26-gallery-table-block tbody,
  body.mb26-inner-page-gallery .mb26-gallery-table-block tr,
  body.mb26-inner-page-gallery #new4 table,
  body.mb26-inner-page-gallery #new4 tbody,
  body.mb26-inner-page-gallery #new4 tr {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    text-align:center !important;
    font-size:0 !important;
    overflow:visible !important;
  }

  body.mb26-inner-page-gallery .mb26-gallery-table-block td,
  body.mb26-inner-page-gallery #new4 td {
    display:inline-block !important;
    width:50% !important;
    max-width:50% !important;
    height:auto !important;
    padding:5px !important;
    vertical-align:top !important;
    box-sizing:border-box !important;
    background:none !important;
    font-size:14px !important;
  }

  body.mb26-inner-page-gallery .mb26-gallery-table-block #newsfoto,
  body.mb26-inner-page-gallery .mb26-gallery-table-block #newsfoto.effect2,
  body.mb26-inner-page-gallery #new4 td #newsfoto,
  body.mb26-inner-page-gallery #new4 td #newsfoto.effect2 {
    float:none !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    aspect-ratio:140 / 100 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:none !important;
    border-radius:5px !important;
    box-shadow:0 3px 7px rgba(0,0,0,.35) !important;
  }

  body.mb26-inner-page-gallery .mb26-gallery-table-block #newsfoto img,
  body.mb26-inner-page-gallery #new4 td #newsfoto img {
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
}

@media (max-width:420px) {
  body.mb26-inner-page-gallery .mb26-gallery-table-block td,
  body.mb26-inner-page-gallery #new4 td {
    width:50% !important;
    max-width:50% !important;
    padding:4px !important;
  }
}


/* ========================================================
   V12 points page mobile fix
   - hide legacy share block inside standings
   - make standings fit mobile width with compact columns
   ======================================================== */
@media (max-width: 680px) {
  body.mb26-inner-page-points #left,
  body.mb26-inner-page-points #left #news,
  body.mb26-inner-page-points #left #news #new4,
  body.mb26-inner-page-points #left #news #newstext {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  body.mb26-inner-page-points #left #news #new4 {
    display: block !important;
    padding: 0 !important;
  }

  body.mb26-inner-page-points #left #news #newstext {
    display: block !important;
    margin: 0 !important;
    padding: 4px !important;
  }

  body.mb26-inner-page-points #left #news #newstext > pfdin16boldblack,
  body.mb26-inner-page-points #left #news #newstext > pfdin16boldblack > div {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body.mb26-inner-page-points #left #news #newstext table {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 1px !important;
    font-size: 12px !important;
  }

  body.mb26-inner-page-points #left #news #newstext table td {
    height: auto !important;
    min-height: 28px !important;
    padding: 5px 3px !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    line-height: 1.12 !important;
    vertical-align: middle !important;
  }

  body.mb26-inner-page-points #left #news #newstext table tr td:nth-child(1) { width: 9% !important; text-align: center !important; }
  body.mb26-inner-page-points #left #news #newstext table tr td:nth-child(2) { width: 53% !important; }
  body.mb26-inner-page-points #left #news #newstext table tr td:nth-child(3) { width: 19% !important; text-align: center !important; }
  body.mb26-inner-page-points #left #news #newstext table tr td:nth-child(4) { width: 19% !important; text-align: center !important; }

  /* On mobile keep the meaningful compact standings columns: A/A, Team, Points, Games */
  body.mb26-inner-page-points #left #news #newstext table tr td:nth-child(n+5) {
    display: none !important;
  }

  body.mb26-inner-page-points #left #news #newstext table pfdin15boldw,
  body.mb26-inner-page-points #left #news #newstext table pfdin16boldblack {
    font-size: 12px !important;
    line-height: 1.05 !important;
  }

  /* Remove old share/social include that appears next to the table on mobile */
  body.mb26-inner-page-points #left #news #new4 > .fb-like,
  body.mb26-inner-page-points #left #news #new4 > .fb,
  body.mb26-inner-page-points #left #news #new4 > .ttr,
  body.mb26-inner-page-points #left #news #new4 > #newsbg.fb,
  body.mb26-inner-page-points #left #news #new4 > #newsbg.ttr,
  body.mb26-inner-page-points #left #news #new4 iframe[src*="facebook"],
  body.mb26-inner-page-points #left #news #new4 iframe[src*="twitter"],
  body.mb26-inner-page-points #left #news #new4 .twitter-share-button {
    display: none !important;
  }
}


/* ========================================================
   V13 points page mobile: keep Wins/Losses compact
   Mobile columns: A/A | Team | Points | Games | Wins | Losses
   ======================================================== */
@media (max-width: 680px) {
  body.mb26-inner-page-points #left #news #newstext table {
    table-layout: fixed !important;
    width: 100% !important;
    font-size: 10.5px !important;
    border-spacing: 1px !important;
  }

  body.mb26-inner-page-points #left #news #newstext table td {
    padding: 4px 2px !important;
    font-size: 10.5px !important;
    line-height: 1.08 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow: hidden !important;
  }

  body.mb26-inner-page-points #left #news #newstext table tr td:nth-child(1) { width: 8% !important; text-align:center !important; }
  body.mb26-inner-page-points #left #news #newstext table tr td:nth-child(2) { width: 42% !important; text-align:left !important; }
  body.mb26-inner-page-points #left #news #newstext table tr td:nth-child(3) { width: 13% !important; text-align:center !important; }
  body.mb26-inner-page-points #left #news #newstext table tr td:nth-child(4) { width: 12% !important; text-align:center !important; }
  body.mb26-inner-page-points #left #news #newstext table tr td:nth-child(5) { width: 12% !important; text-align:center !important; display:table-cell !important; }
  body.mb26-inner-page-points #left #news #newstext table tr td:nth-child(6) { width: 13% !important; text-align:center !important; display:table-cell !important; }

  body.mb26-inner-page-points #left #news #newstext table tr td:nth-child(7),
  body.mb26-inner-page-points #left #news #newstext table tr td:nth-child(8) {
    display: none !important;
  }

  body.mb26-inner-page-points #left #news #newstext table tr:first-child td {
    padding: 6px 1px !important;
    text-align:center !important;
  }

  body.mb26-inner-page-points #left #news #newstext table pfdin15boldw,
  body.mb26-inner-page-points #left #news #newstext table pfdin16boldblack {
    font-size: 10.5px !important;
    line-height: 1.05 !important;
  }
}


/* ========================================================
   V14 points page mobile: full compact standings
   Mobile columns: A/A | Team | Points | Games | Wins | Losses | PF | PA
   ======================================================== */
@media (max-width: 680px) {
  body.mb26-inner-page-points #left #news #newstext {
    padding: 3px !important;
  }

  body.mb26-inner-page-points #left #news #newstext > pfdin16boldblack > div {
    padding: 3px !important;
  }

  body.mb26-inner-page-points #left #news #newstext table {
    table-layout: fixed !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: 9px !important;
    border-spacing: 1px !important;
  }

  body.mb26-inner-page-points #left #news #newstext table td {
    display: table-cell !important;
    padding: 3px 1px !important;
    font-size: 9px !important;
    line-height: 1.05 !important;
    min-height: 24px !important;
    height: auto !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    vertical-align: middle !important;
  }

  body.mb26-inner-page-points #left #news #newstext table tr td:nth-child(1) { width: 6% !important; text-align:center !important; }
  body.mb26-inner-page-points #left #news #newstext table tr td:nth-child(2) { width: 30% !important; text-align:left !important; }
  body.mb26-inner-page-points #left #news #newstext table tr td:nth-child(3) { width: 10% !important; text-align:center !important; }
  body.mb26-inner-page-points #left #news #newstext table tr td:nth-child(4) { width: 10% !important; text-align:center !important; }
  body.mb26-inner-page-points #left #news #newstext table tr td:nth-child(5) { width: 9% !important; text-align:center !important; }
  body.mb26-inner-page-points #left #news #newstext table tr td:nth-child(6) { width: 9% !important; text-align:center !important; }
  body.mb26-inner-page-points #left #news #newstext table tr td:nth-child(7) { width: 13% !important; text-align:center !important; display:table-cell !important; }
  body.mb26-inner-page-points #left #news #newstext table tr td:nth-child(8) { width: 13% !important; text-align:center !important; display:table-cell !important; }

  body.mb26-inner-page-points #left #news #newstext table tr:first-child td {
    padding: 4px 1px !important;
    text-align:center !important;
    line-height: 1 !important;
  }

  body.mb26-inner-page-points #left #news #newstext table pfdin15boldw,
  body.mb26-inner-page-points #left #news #newstext table pfdin16boldblack {
    font-size: 9px !important;
    line-height: 1 !important;
  }
}

@media (max-width: 390px) {
  body.mb26-inner-page-points #left #news #newstext table,
  body.mb26-inner-page-points #left #news #newstext table td,
  body.mb26-inner-page-points #left #news #newstext table pfdin15boldw,
  body.mb26-inner-page-points #left #news #newstext table pfdin16boldblack {
    font-size: 8.5px !important;
  }
  body.mb26-inner-page-points #left #news #newstext table tr td:nth-child(2) { width: 28% !important; }
  body.mb26-inner-page-points #left #news #newstext table tr td:nth-child(7),
  body.mb26-inner-page-points #left #news #newstext table tr td:nth-child(8) { width: 14% !important; }
}


/* ========================================================
   V15 history page mobile hard fix
   The history page is a detail/article layout, not a news list.
   Force clean vertical article flow on mobile.
   ======================================================== */
@media (max-width:680px) {
  body.mb26-inner-page-history #left,
  body.mb26-inner-page-history #news,
  body.mb26-inner-page-history #new4,
  body.mb26-inner-page-history #myspacer {
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  body.mb26-inner-page-history #news {
    min-height:0 !important;
    height:auto !important;
    padding:10px !important;
    overflow:visible !important;
    white-space:normal !important;
    background-position:bottom !important;
  }

  body.mb26-inner-page-history #newsbg {
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:34px !important;
    padding:8px 9px !important;
    box-sizing:border-box !important;
    white-space:normal !important;
    overflow:visible !important;
  }

  body.mb26-inner-page-history #new4 {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    height:auto !important;
    padding:8px 8px 14px !important;
    margin:0 !important;
    white-space:normal !important;
    overflow:visible !important;
    box-sizing:border-box !important;
  }

  body.mb26-inner-page-history #new4 > * {
    box-sizing:border-box !important;
    max-width:100% !important;
  }

  body.mb26-inner-page-history .mb26-history-intro-photo,
  body.mb26-inner-page-history #new4 > div#newsfoto:not(.effect2):first-of-type {
    float:none !important;
    clear:both !important;
    display:block !important;
    width:100% !important;
    max-width:240px !important;
    height:auto !important;
    min-height:0 !important;
    margin:8px auto 14px !important;
    padding:0 !important;
    background:none !important;
    overflow:visible !important;
    white-space:normal !important;
  }

  body.mb26-inner-page-history .mb26-history-intro-photo a,
  body.mb26-inner-page-history .mb26-history-intro-photo img,
  body.mb26-inner-page-history #new4 > div#newsfoto:not(.effect2):first-of-type a,
  body.mb26-inner-page-history #new4 > div#newsfoto:not(.effect2):first-of-type img {
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    object-fit:contain !important;
  }

  body.mb26-inner-page-history .mb26-history-intro-text,
  body.mb26-inner-page-history #newstext {
    float:none !important;
    clear:both !important;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 0 12px !important;
    padding:0 !important;
    overflow:visible !important;
    white-space:normal !important;
    line-height:1.45 !important;
    text-align:left !important;
  }

  body.mb26-inner-page-history .mb26-history-intro-text *,
  body.mb26-inner-page-history #newstext *,
  body.mb26-inner-page-history #new4 p,
  body.mb26-inner-page-history #new4 div,
  body.mb26-inner-page-history #new4 span,
  body.mb26-inner-page-history #new4 pfdin16boldblack {
    white-space:normal !important;
    overflow:visible !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    line-height:1.45 !important;
    text-align:left !important;
  }

  body.mb26-inner-page-history .mb26-history-wide-block,
  body.mb26-inner-page-history #new4 > div[style*="width:600px"] {
    float:none !important;
    clear:both !important;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:auto !important;
    margin:0 0 12px !important;
    padding:8px 0 !important;
    overflow:visible !important;
    white-space:normal !important;
    text-align:left !important;
  }

  body.mb26-inner-page-history .mb26-history-title-block pfdin14titlesblue,
  body.mb26-inner-page-history #new4 > div[style*="width:600px"] pfdin14titlesblue {
    display:block !important;
    width:100% !important;
    margin:0 0 8px !important;
    text-align:left !important;
  }

  body.mb26-inner-page-history .mb26-history-table-block table,
  body.mb26-inner-page-history .mb26-history-table-block tbody,
  body.mb26-inner-page-history .mb26-history-table-block tr,
  body.mb26-inner-page-history #new4 table,
  body.mb26-inner-page-history #new4 tbody,
  body.mb26-inner-page-history #new4 tr {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    text-align:center !important;
    font-size:0 !important;
    overflow:visible !important;
  }

  body.mb26-inner-page-history .mb26-history-table-block td,
  body.mb26-inner-page-history #new4 td {
    display:inline-block !important;
    width:50% !important;
    max-width:50% !important;
    height:auto !important;
    padding:5px !important;
    vertical-align:top !important;
    box-sizing:border-box !important;
    background:none !important;
    font-size:14px !important;
  }

  body.mb26-inner-page-history .mb26-history-table-block #newsfoto,
  body.mb26-inner-page-history .mb26-history-table-block #newsfoto.effect2,
  body.mb26-inner-page-history #new4 td #newsfoto,
  body.mb26-inner-page-history #new4 td #newsfoto.effect2 {
    float:none !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    aspect-ratio:140 / 100 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:none !important;
    border-radius:5px !important;
    box-shadow:0 3px 7px rgba(0,0,0,.35) !important;
  }

  body.mb26-inner-page-history .mb26-history-table-block #newsfoto img,
  body.mb26-inner-page-history #new4 td #newsfoto img {
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  body.mb26-inner-page-history #new4 > .fb-like,
  body.mb26-inner-page-history #new4 > .fb,
  body.mb26-inner-page-history #new4 > .ttr,
  body.mb26-inner-page-history #new4 > #newsbg.fb,
  body.mb26-inner-page-history #new4 > #newsbg.ttr,
  body.mb26-inner-page-history iframe[src*="facebook"],
  body.mb26-inner-page-history iframe[src*="twitter"],
  body.mb26-inner-page-history .twitter-share-button {
    display:none !important;
  }
}

@media (max-width:420px) {
  body.mb26-inner-page-history .mb26-history-table-block td,
  body.mb26-inner-page-history #new4 td {
    width:50% !important;
    max-width:50% !important;
    padding:4px !important;
  }
}


/* ========================================================
   V16 history mobile final cleanup
   Applies only to history.asp via hardcoded body class.
   ======================================================== */
@media (max-width:680px) {
  body.mb26-history-clean #inside,
  body.mb26-history-clean #left,
  body.mb26-history-clean #news,
  body.mb26-history-clean #new4,
  body.mb26-history-clean #myspacer {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
    white-space:normal !important;
    box-sizing:border-box !important;
  }

  body.mb26-history-clean #news {
    padding:10px !important;
    min-height:0 !important;
  }

  body.mb26-history-clean #new4 {
    display:block !important;
    clear:both !important;
    padding:8px !important;
    background-position:bottom !important;
  }

  body.mb26-history-clean .mb26-history-share,
  body.mb26-history-clean .fb-like,
  body.mb26-history-clean .fb,
  body.mb26-history-clean .ttr,
  body.mb26-history-clean iframe[src*="facebook"],
  body.mb26-history-clean iframe[src*="twitter"],
  body.mb26-history-clean .twitter-share-button {
    display:none !important;
  }

  body.mb26-history-clean .mb26-history-intro-photo-v16 {
    float:none !important;
    clear:both !important;
    display:block !important;
    width:100% !important;
    max-width:230px !important;
    height:auto !important;
    margin:8px auto 14px !important;
    padding:0 !important;
    background:none !important;
    overflow:visible !important;
    white-space:normal !important;
  }
  body.mb26-history-clean .mb26-history-intro-photo-v16 img {
    width:100% !important;
    height:auto !important;
    display:block !important;
  }

  body.mb26-history-clean .mb26-history-text-v16,
  body.mb26-history-clean .mb26-history-paragraphs-v16,
  body.mb26-history-clean .mb26-history-gallery-title-v16,
  body.mb26-history-clean .mb26-history-gallery-grid-v16 {
    float:none !important;
    clear:both !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    margin:0 0 14px !important;
    padding:0 !important;
    overflow:visible !important;
    white-space:normal !important;
    text-align:left !important;
    box-sizing:border-box !important;
  }

  body.mb26-history-clean .mb26-history-text-v16 *,
  body.mb26-history-clean .mb26-history-paragraphs-v16 *,
  body.mb26-history-clean .mb26-history-gallery-title-v16 * {
    white-space:normal !important;
    overflow:visible !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    line-height:1.5 !important;
    text-align:left !important;
  }

  body.mb26-history-clean .mb26-history-gallery-title-v16 {
    margin-top:18px !important;
    padding-top:8px !important;
  }

  body.mb26-history-clean .mb26-history-gallery-grid-v16 table,
  body.mb26-history-clean .mb26-history-gallery-grid-v16 tbody,
  body.mb26-history-clean .mb26-history-gallery-grid-v16 tr {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    text-align:center !important;
    font-size:0 !important;
  }

  body.mb26-history-clean .mb26-history-gallery-grid-v16 td {
    display:inline-block !important;
    width:50% !important;
    max-width:50% !important;
    height:auto !important;
    padding:5px !important;
    background:none !important;
    box-sizing:border-box !important;
    vertical-align:top !important;
  }

  body.mb26-history-clean .mb26-history-gallery-grid-v16 #newsfoto,
  body.mb26-history-clean .mb26-history-gallery-grid-v16 #newsfoto.effect2 {
    float:none !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:140/100 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:none !important;
    border-radius:5px !important;
    box-shadow:0 3px 7px rgba(0,0,0,.35) !important;
  }

  body.mb26-history-clean .mb26-history-gallery-grid-v16 #newsfoto img {
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
  }
}


/* ========================================================
   V17 history mobile article rebuild
   ======================================================== */
@media (max-width:680px) {
  body.mb26-inner-page-history #new4.mb26-history-v17-ready {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
    white-space:normal !important;
  }
  body.mb26-inner-page-history .mb26-history-mobile-article-v17,
  body.mb26-inner-page-history .mb26-history-mobile-article-v17 * {
    box-sizing:border-box !important;
  }
  body.mb26-inner-page-history .mb26-history-mobile-article-v17 {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
    white-space:normal !important;
    clear:both !important;
  }
  body.mb26-inner-page-history .mb26-history-mobile-article-v17 > * {
    float:none !important;
    clear:both !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    max-height:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    white-space:normal !important;
    overflow:visible !important;
  }
  body.mb26-inner-page-history .mb26-history-mobile-article-v17 #newsfoto.mb26-history-main-photo-v17 {
    width:100% !important;
    max-width:230px !important;
    margin:8px auto 15px !important;
    background:none !important;
  }
  body.mb26-inner-page-history .mb26-history-mobile-article-v17 #newsfoto.mb26-history-main-photo-v17 img {
    display:block !important;
    width:100% !important;
    height:auto !important;
  }
  body.mb26-inner-page-history .mb26-history-mobile-article-v17 #newstext,
  body.mb26-inner-page-history .mb26-history-mobile-article-v17 #newstext *,
  body.mb26-inner-page-history .mb26-history-mobile-article-v17 .mb26-history-mobile-text-v17,
  body.mb26-inner-page-history .mb26-history-mobile-article-v17 .mb26-history-mobile-text-v17 * {
    white-space:normal !important;
    overflow:visible !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    line-height:1.55 !important;
    text-align:left !important;
  }
  body.mb26-inner-page-history .mb26-history-mobile-article-v17 .mb26-history-mobile-gallery-title-v17 {
    color:#253585 !important;
    font-weight:bold !important;
    margin:18px 0 10px !important;
    padding-top:8px !important;
  }
  body.mb26-inner-page-history .mb26-history-mobile-article-v17 table,
  body.mb26-inner-page-history .mb26-history-mobile-article-v17 tbody,
  body.mb26-inner-page-history .mb26-history-mobile-article-v17 tr {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    font-size:0 !important;
    text-align:center !important;
  }
  body.mb26-inner-page-history .mb26-history-mobile-article-v17 td {
    display:inline-block !important;
    width:50% !important;
    max-width:50% !important;
    height:auto !important;
    padding:5px !important;
    vertical-align:top !important;
    background:none !important;
  }
  body.mb26-inner-page-history .mb26-history-mobile-article-v17 td #newsfoto,
  body.mb26-inner-page-history .mb26-history-mobile-article-v17 td #newsfoto.effect2 {
    float:none !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:140/100 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:none !important;
    border-radius:5px !important;
    box-shadow:0 3px 7px rgba(0,0,0,.35) !important;
  }
  body.mb26-inner-page-history .mb26-history-mobile-article-v17 td #newsfoto img {
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
  }
  body.mb26-inner-page-history .mb26-history-mobile-article-v17 .fb-like,
  body.mb26-inner-page-history .mb26-history-mobile-article-v17 .fb,
  body.mb26-inner-page-history .mb26-history-mobile-article-v17 .ttr,
  body.mb26-inner-page-history .mb26-history-mobile-article-v17 iframe[src*="facebook"],
  body.mb26-inner-page-history .mb26-history-mobile-article-v17 iframe[src*="twitter"],
  body.mb26-inner-page-history .mb26-history-mobile-article-v17 .twitter-share-button,
  body.mb26-inner-page-history #new4 > .fb-like,
  body.mb26-inner-page-history #new4 > .fb,
  body.mb26-inner-page-history #new4 > .ttr {
    display:none !important;
  }
}


/* ========================================================
   V18 roster mobile hard fix
   The roster page has legacy cards with duplicate IDs (#player/#player2)
   and inline fixed widths. Force them into a readable 2-column grid on mobile.
   ======================================================== */
@media (max-width:680px) {
  body.mb26-inner-page-roster #left,
  body.mb26-inner-page-roster #news,
  body.mb26-inner-page-roster #inside,
  body.mb26-inner-page-roster #main,
  body.mb26-inner-page-roster #content {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  body.mb26-inner-page-roster #news {
    padding:10px !important;
    min-height:0 !important;
    height:auto !important;
    white-space:normal !important;
  }

  body.mb26-inner-page-roster #newsbg {
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:30px !important;
    float:none !important;
    display:block !important;
    clear:both !important;
    padding:7px 8px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    white-space:normal !important;
  }

  body.mb26-inner-page-roster #new4,
  body.mb26-inner-page-roster .mb26-roster-grid {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 0 14px !important;
    padding:12px 0 16px !important;
    box-sizing:border-box !important;
    overflow:visible !important;
    white-space:normal !important;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:14px 12px !important;
    align-items:start !important;
    clear:both !important;
  }

  body.mb26-inner-page-roster #new4 > p,
  body.mb26-inner-page-roster .mb26-roster-grid > p,
  body.mb26-inner-page-roster #new4 > br,
  body.mb26-inner-page-roster .mb26-roster-grid > br {
    display:none !important;
  }

  body.mb26-inner-page-roster #player,
  body.mb26-inner-page-roster #player2,
  body.mb26-inner-page-roster .mb26-roster-card {
    float:none !important;
    clear:none !important;
    display:block !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 0 8px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    background-image:url(imgs/roster_bg.png) !important;
    background-repeat:repeat-x !important;
    background-size:auto 100% !important;
    border-radius:8px 8px 0 0 !important;
  }

  body.mb26-inner-page-roster #name,
  body.mb26-inner-page-roster #name2,
  body.mb26-inner-page-roster .mb26-roster-card #name,
  body.mb26-inner-page-roster .mb26-roster-card #name2 {
    height:auto !important;
    min-height:30px !important;
    padding:5px 3px 3px !important;
    text-align:center !important;
    white-space:normal !important;
    overflow:hidden !important;
    line-height:1.05 !important;
  }

  body.mb26-inner-page-roster #name pfdin15boldb,
  body.mb26-inner-page-roster #name2 pfdin15boldb {
    display:block !important;
    font-size:12px !important;
    line-height:1.05 !important;
    white-space:normal !important;
  }

  body.mb26-inner-page-roster #foto,
  body.mb26-inner-page-roster #foto2 {
    width:calc(100% - 16px) !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:185 / 180 !important;
    margin:8px !important;
    background-size:cover !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
  }

  body.mb26-inner-page-roster #titles2 {
    width:calc(100% - 16px) !important;
    max-width:none !important;
    height:auto !important;
    min-height:48px !important;
    margin:8px !important;
    padding:5px 4px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    background-image:url(imgs/roster_bg2.png) !important;
    background-repeat:repeat-x !important;
    background-size:auto 100% !important;
  }

  body.mb26-inner-page-roster #titles2 > div {
    height:auto !important;
    min-height:15px !important;
    padding:1px 0 !important;
    line-height:1.15 !important;
    white-space:normal !important;
    overflow:visible !important;
  }

  body.mb26-inner-page-roster #titles2 pfdin15boldb,
  body.mb26-inner-page-roster #titles2 pfdin16boldblack {
    font-size:11px !important;
    line-height:1.15 !important;
    white-space:normal !important;
  }
}

@media (max-width:360px) {
  body.mb26-inner-page-roster #new4,
  body.mb26-inner-page-roster .mb26-roster-grid {
    grid-template-columns:1fr !important;
  }
  body.mb26-inner-page-roster #player,
  body.mb26-inner-page-roster #player2,
  body.mb26-inner-page-roster .mb26-roster-card {
    max-width:230px !important;
    margin:0 auto !important;
  }
}


/* ========================================================
   V19 roster mobile definitive fix
   Body class is now added directly in roster.asp, and the legacy repeated
   IDs are forced into a readable grid even with inline styles.
   ======================================================== */
@media (max-width:680px) {
  body.mb26-inner-page-roster #inside,
  body.mb26-inner-page-roster #left,
  body.mb26-inner-page-roster #news {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    float:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  body.mb26-inner-page-roster div[id="new4"] {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    float:none !important;
    clear:both !important;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:16px 12px !important;
    white-space:normal !important;
    overflow:visible !important;
    padding:12px 0 18px !important;
    margin:0 0 16px !important;
    box-sizing:border-box !important;
    background-image:url(imgs/news_bg.png) !important;
    background-repeat:repeat-x !important;
    background-position:bottom !important;
  }

  body.mb26-inner-page-roster div[id="new4"] > p,
  body.mb26-inner-page-roster div[id="new4"] > br {
    display:none !important;
  }

  body.mb26-inner-page-roster div[id="player"],
  body.mb26-inner-page-roster div[id="player2"] {
    float:none !important;
    clear:none !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 0 8px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    border-radius:8px 8px 0 0 !important;
    background-image:url(imgs/roster_bg.png) !important;
    background-repeat:repeat-x !important;
    background-size:auto 100% !important;
  }

  body.mb26-inner-page-roster div[id="name"],
  body.mb26-inner-page-roster div[id="name2"] {
    width:100% !important;
    height:auto !important;
    min-height:32px !important;
    padding:6px 4px 4px !important;
    text-align:center !important;
    white-space:normal !important;
    overflow:hidden !important;
    line-height:1.05 !important;
    box-sizing:border-box !important;
  }

  body.mb26-inner-page-roster div[id="name"] pfdin15boldb,
  body.mb26-inner-page-roster div[id="name2"] pfdin15boldb {
    display:block !important;
    font-size:12px !important;
    line-height:1.05 !important;
    white-space:normal !important;
  }

  body.mb26-inner-page-roster div[id="foto"],
  body.mb26-inner-page-roster div[id="foto2"] {
    display:block !important;
    width:calc(100% - 16px) !important;
    max-width:none !important;
    height:auto !important;
    aspect-ratio:185 / 180 !important;
    margin:8px !important;
    padding:0 !important;
    box-sizing:border-box !important;
    background-size:cover !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
  }

  body.mb26-inner-page-roster div[id="titles2"] {
    display:block !important;
    width:calc(100% - 16px) !important;
    max-width:none !important;
    height:auto !important;
    min-height:52px !important;
    margin:8px !important;
    padding:5px 4px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    background-image:url(imgs/roster_bg2.png) !important;
    background-repeat:repeat-x !important;
    background-size:auto 100% !important;
  }

  body.mb26-inner-page-roster div[id="titles2"] > div {
    height:auto !important;
    min-height:16px !important;
    padding:1px 0 !important;
    line-height:1.15 !important;
    white-space:normal !important;
    overflow:visible !important;
  }

  body.mb26-inner-page-roster div[id="titles2"] pfdin15boldb,
  body.mb26-inner-page-roster div[id="titles2"] pfdin16boldblack {
    font-size:11px !important;
    line-height:1.15 !important;
    white-space:normal !important;
  }
}

@media (max-width:360px) {
  body.mb26-inner-page-roster div[id="new4"] {
    grid-template-columns:1fr !important;
  }
  body.mb26-inner-page-roster div[id="player"],
  body.mb26-inner-page-roster div[id="player2"] {
    max-width:235px !important;
    margin:0 auto !important;
  }
}


/* ========================================================
   V20 roster hard fix: real 4-card row breaks + mobile cards
   ======================================================== */
body.mb26-inner-page-roster .mb26-roster-rowclear {
    clear: both !important;
    display: block !important;
    width: 100% !important;
    height: 1px !important;
    line-height: 1px !important;
    font-size: 1px !important;
    overflow: hidden !important;
}

/* Desktop/tablet: keep legacy visual, but force safe wrapping every 4 cards */
body.mb26-inner-page-roster #news > div#new4 {
    white-space: normal !important;
    overflow: visible !important;
}

/* Mobile: cards must not shrink into miniatures */
@media (max-width: 680px) {
    body.mb26-inner-page-roster #left,
    body.mb26-inner-page-roster #news {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.mb26-inner-page-roster #news > div#new4 {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        white-space: normal !important;
        overflow: visible !important;
        height: auto !important;
        padding: 8px 0 14px !important;
        text-align: center !important;
    }

    body.mb26-inner-page-roster #news #player,
    body.mb26-inner-page-roster #news #player2 {
        width: calc(50% - 18px) !important;
        max-width: 205px !important;
        min-width: 0 !important;
        height: 275px !important;
        float: left !important;
        display: block !important;
        margin: 9px !important;
        box-sizing: border-box !important;
        text-align: left !important;
        white-space: normal !important;
        overflow: hidden !important;
        background-size: 100% auto !important;
    }

    body.mb26-inner-page-roster #news #name,
    body.mb26-inner-page-roster #news #name2 {
        height: 38px !important;
        min-height: 38px !important;
        padding: 4px 3px !important;
        line-height: 1.05 !important;
        overflow: hidden !important;
        text-align: center !important;
    }

    body.mb26-inner-page-roster #news #foto,
    body.mb26-inner-page-roster #news #foto2 {
        width: calc(100% - 20px) !important;
        height: 165px !important;
        margin: 10px !important;
        background-size: cover !important;
        background-position: center top !important;
    }

    body.mb26-inner-page-roster #news #titles2 {
        width: calc(100% - 20px) !important;
        height: 46px !important;
        margin: 10px !important;
        background-size: 100% 100% !important;
        overflow: hidden !important;
        font-size: 12px !important;
        line-height: 1.05 !important;
    }
}

@media (max-width: 420px) {
    body.mb26-inner-page-roster #news #player,
    body.mb26-inner-page-roster #news #player2 {
        width: 205px !important;
        max-width: calc(100% - 20px) !important;
        float: none !important;
        display: block !important;
        margin: 12px auto !important;
    }

    body.mb26-inner-page-roster #news #foto,
    body.mb26-inner-page-roster #news #foto2 {
        height: 180px !important;
    }
}


/* ========================================================
   V21 roster definitive rebuild: class-based cards, no legacy shrinking
   ======================================================== */
body.mb26-inner-page-roster .mb26-roster-grid {
  width: 100% !important;
  max-width: 940px !important;
  margin: 0 0 18px !important;
  padding: 12px 0 22px !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(4, 205px) !important;
  gap: 22px 28px !important;
  justify-content: start !important;
  align-items: start !important;
  background-image: url(imgs/news_bg.png) !important;
  background-repeat: repeat-x !important;
  background-position: bottom !important;
  white-space: normal !important;
  overflow: visible !important;
  clear: both !important;
}
body.mb26-inner-page-roster .mb26-roster-card {
  width: 205px !important;
  height: 275px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background-image: url(imgs/roster_bg.png) !important;
  background-repeat: repeat-x !important;
  border-radius: 8px 8px 0 0 !important;
}
body.mb26-inner-page-roster .mb26-roster-name {
  height: 24px !important;
  padding: 3px 4px !important;
  text-align: center !important;
  overflow: hidden !important;
  line-height: 1.05 !important;
  white-space: normal !important;
}
body.mb26-inner-page-roster .mb26-roster-name pfdin15boldb {
  font-size: 14px !important;
  line-height: 1.05 !important;
}
body.mb26-inner-page-roster .mb26-roster-photo {
  height: 180px !important;
  width: 185px !important;
  margin: 10px !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center top !important;
}
body.mb26-inner-page-roster .mb26-roster-meta {
  width: 185px !important;
  height: 45px !important;
  margin: 10px !important;
  padding: 4px 3px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background-image: url(imgs/roster_bg2.png) !important;
  background-repeat: repeat-x !important;
  line-height: 1.1 !important;
}
body.mb26-inner-page-roster .mb26-roster-meta div {
  height: auto !important;
  min-height: 16px !important;
  padding: 0 !important;
  line-height: 1.1 !important;
  white-space: normal !important;
}
body.mb26-inner-page-roster .mb26-roster-meta pfdin15boldb,
body.mb26-inner-page-roster .mb26-roster-meta pfdin16boldblack {
  font-size: 12px !important;
  line-height: 1.1 !important;
}

@media (max-width: 980px) and (min-width: 681px) {
  body.mb26-inner-page-roster .mb26-roster-grid {
    grid-template-columns: repeat(3, 205px) !important;
    gap: 22px !important;
  }
}

@media (max-width: 680px) {
  body.mb26-inner-page-roster #news,
  body.mb26-inner-page-roster #left,
  body.mb26-inner-page-roster #inside {
    overflow: visible !important;
  }
  body.mb26-inner-page-roster .mb26-roster-grid {
    max-width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px 12px !important;
    justify-content: stretch !important;
    padding: 12px 0 20px !important;
    margin-bottom: 20px !important;
  }
  body.mb26-inner-page-roster .mb26-roster-card {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 8px !important;
  }
  body.mb26-inner-page-roster .mb26-roster-name {
    height: auto !important;
    min-height: 34px !important;
    padding: 6px 4px 4px !important;
  }
  body.mb26-inner-page-roster .mb26-roster-name pfdin15boldb {
    font-size: 12px !important;
  }
  body.mb26-inner-page-roster .mb26-roster-photo {
    width: calc(100% - 16px) !important;
    height: auto !important;
    aspect-ratio: 185 / 180 !important;
    margin: 8px !important;
  }
  body.mb26-inner-page-roster .mb26-roster-meta {
    width: calc(100% - 16px) !important;
    height: auto !important;
    min-height: 50px !important;
    margin: 8px !important;
    padding: 5px 4px !important;
    background-size: auto 100% !important;
  }
  body.mb26-inner-page-roster .mb26-roster-meta pfdin15boldb,
  body.mb26-inner-page-roster .mb26-roster-meta pfdin16boldblack {
    font-size: 11px !important;
  }
}

@media (max-width: 380px) {
  body.mb26-inner-page-roster .mb26-roster-grid {
    grid-template-columns: 1fr !important;
  }
  body.mb26-inner-page-roster .mb26-roster-card {
    max-width: 235px !important;
    margin: 0 auto !important;
  }
}


/* =========================================================
   ROSTER V22 - page local hard layout
   This page must not use the old one-row float roster layout.
   ========================================================= */
body.mb26-inner-page-roster #news {
  min-height:0 !important;
  overflow:visible !important;
}
body.mb26-inner-page-roster .mb26-roster-section-title {
  clear:both !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  width:100% !important;
  margin:0 0 12px !important;
}
body.mb26-inner-page-roster .mb26-roster-section-title .mb26-title-text {
  flex:0 0 auto !important;
  min-width:150px !important;
  height:32px !important;
  padding:7px 9px 0 !important;
}
body.mb26-inner-page-roster .mb26-roster-section-title .mb26-title-line {
  flex:1 1 auto !important;
  height:25px !important;
  background-image:url(imgs/cyan_line_bg.png) !important;
  background-repeat:repeat-x !important;
  background-position:center !important;
}
body.mb26-inner-page-roster .mb26-roster-grid {
  clear:both !important;
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(4, 1fr) !important;
  gap:18px !important;
  padding:14px 0 24px !important;
  margin:0 0 22px !important;
  background-image:url(imgs/news_bg.png) !important;
  background-repeat:repeat-x !important;
  background-position:bottom !important;
  white-space:normal !important;
  overflow:visible !important;
  height:auto !important;
}
body.mb26-inner-page-roster .mb26-roster-card {
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  margin:0 !important;
  float:none !important;
  display:block !important;
  background-image:url(imgs/roster_bg.png) !important;
  background-repeat:repeat-x !important;
  background-color:#07114a !important;
  border-radius:8px 8px 0 0 !important;
  overflow:hidden !important;
}
body.mb26-inner-page-roster .mb26-roster-name {
  height:auto !important;
  min-height:32px !important;
  padding:5px 5px 3px !important;
  text-align:center !important;
  line-height:1.08 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
body.mb26-inner-page-roster .mb26-roster-name pfdin15boldb {
  font-size:15px !important;
  line-height:1.08 !important;
  display:block !important;
}
body.mb26-inner-page-roster .mb26-roster-photo {
  width:calc(100% - 20px) !important;
  height:auto !important;
  aspect-ratio:185/180 !important;
  margin:10px !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center top !important;
}
body.mb26-inner-page-roster .mb26-roster-meta {
  width:calc(100% - 20px) !important;
  min-height:48px !important;
  height:auto !important;
  margin:10px !important;
  padding:6px 4px !important;
  background-image:url(imgs/roster_bg2.png) !important;
  background-repeat:repeat-x !important;
  background-size:100% 100% !important;
  line-height:1.15 !important;
}
body.mb26-inner-page-roster .mb26-roster-meta div {
  height:auto !important;
  padding:0 0 2px !important;
  line-height:1.15 !important;
  white-space:normal !important;
}
body.mb26-inner-page-roster .mb26-roster-spacer {
  clear:both !important;
  width:100% !important;
  height:21px !important;
  background-image:url(imgs/cyan_line_bg.png) !important;
  background-repeat:repeat-x !important;
  margin-top:9px !important;
}
@media (max-width:900px){
  body.mb26-inner-page-roster .mb26-roster-grid { grid-template-columns:repeat(3, 1fr) !important; }
}
@media (max-width:680px){
  body.mb26-inner-page-roster #inside,
  body.mb26-inner-page-roster #left,
  body.mb26-inner-page-roster #news {
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
  }
  body.mb26-inner-page-roster .mb26-roster-section-title {
    display:block !important;
    margin-bottom:10px !important;
  }
  body.mb26-inner-page-roster .mb26-roster-section-title .mb26-title-text,
  body.mb26-inner-page-roster .mb26-roster-section-title .mb26-title-line {
    display:block !important;
    width:100% !important;
    min-width:0 !important;
  }
  body.mb26-inner-page-roster .mb26-roster-grid {
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:14px !important;
    padding:12px 0 22px !important;
  }
  body.mb26-inner-page-roster .mb26-roster-name pfdin15boldb { font-size:13px !important; }
  body.mb26-inner-page-roster .mb26-roster-meta,
  body.mb26-inner-page-roster .mb26-roster-meta pfdin15boldb,
  body.mb26-inner-page-roster .mb26-roster-meta pfdin16boldblack {
    font-size:12px !important;
  }
}
@media (max-width:380px){
  body.mb26-inner-page-roster .mb26-roster-grid { grid-template-columns:1fr !important; }
  body.mb26-inner-page-roster .mb26-roster-card { max-width:230px !important; margin:0 auto !important; }
}


/* ========================================================
   V23 roster definitive fix
   Roster grids no longer use id="new4" so the generic news-list rules
   cannot force all cards into one line. These rules are intentionally
   scoped to the roster page and placed last.
   ======================================================== */
body.mb26-inner-page-roster .mb26-roster-grid {
  clear:both !important;
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:18px !important;
  width:100% !important;
  max-width:100% !important;
  padding:14px 0 24px !important;
  margin:0 0 22px !important;
  white-space:normal !important;
  overflow:visible !important;
  height:auto !important;
  background-image:url(../imgs/news_bg.png) !important;
  background-repeat:repeat-x !important;
  background-position:bottom !important;
}
body.mb26-inner-page-roster .mb26-roster-card {
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  float:none !important;
  margin:0 !important;
  display:block !important;
  overflow:hidden !important;
  border-radius:7px 7px 0 0 !important;
  background:#050938 url(../imgs/roster_bg.png) repeat-y left top !important;
}
body.mb26-inner-page-roster .mb26-roster-name {
  min-height:36px !important;
  padding:7px 6px 5px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  background:url(../imgs/roster_name_bg.png) repeat-x left top !important;
}
body.mb26-inner-page-roster .mb26-roster-name pfdin15boldb {
  display:block !important;
  font-size:13px !important;
  line-height:1.05 !important;
  color:#000 !important;
  font-weight:700 !important;
}
body.mb26-inner-page-roster .mb26-roster-photo {
  width:100% !important;
  height:190px !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
}
body.mb26-inner-page-roster .mb26-roster-meta {
  min-height:58px !important;
  padding:8px 8px !important;
  background:rgba(255,255,255,.88) url(../imgs/roster_bg2.png) repeat-x left top !important;
  color:#000 !important;
  font-size:13px !important;
  line-height:1.15 !important;
  text-align:left !important;
}
body.mb26-inner-page-roster .mb26-roster-meta div {
  white-space:normal !important;
  overflow:visible !important;
}
body.mb26-inner-page-roster .mb26-roster-section-title {
  clear:both !important;
}
@media (max-width:900px) {
  body.mb26-inner-page-roster .mb26-roster-grid {
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
  body.mb26-inner-page-roster .mb26-roster-photo { height:170px !important; }
}
@media (max-width:680px) {
  body.mb26-inner-page-roster .mb26-roster-grid {
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:14px !important;
    padding:12px 0 22px !important;
  }
  body.mb26-inner-page-roster .mb26-roster-photo { height:170px !important; }
  body.mb26-inner-page-roster .mb26-roster-name pfdin15boldb { font-size:12px !important; }
  body.mb26-inner-page-roster .mb26-roster-meta { font-size:12px !important; }
}
@media (max-width:380px) {
  body.mb26-inner-page-roster .mb26-roster-grid {
    grid-template-columns:1fr !important;
  }
  body.mb26-inner-page-roster .mb26-roster-card {
    max-width:230px !important;
    margin:0 auto !important;
  }
  body.mb26-inner-page-roster .mb26-roster-photo { height:190px !important; }
}


/* ========================================================
   V24 program.asp mobile toolbar/select fix
   ======================================================== */
body.mb26-inner-page-program #left #news {
  white-space:normal !important;
  overflow:visible !important;
}
body.mb26-inner-page-program .mb26-program-toolbar {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
  white-space:normal !important;
}
body.mb26-inner-page-program .mb26-program-title {
  flex:0 0 auto !important;
}
body.mb26-inner-page-program .mb26-program-select-label {
  flex:0 1 auto !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  color:#29347f !important;
  font-family:'pf_din_textmedium', Trebuchet, Arial, sans-serif !important;
  font-weight:bold !important;
  white-space:nowrap !important;
}
body.mb26-inner-page-program .mb26-program-select {
  display:inline-block !important;
  min-width:210px !important;
  height:30px !important;
  padding:3px 8px !important;
  border:1px solid #a56d10 !important;
  border-radius:3px !important;
  box-sizing:border-box !important;
}
body.mb26-inner-page-program table {
  max-width:100% !important;
}
@media (max-width:680px) {
  body.mb26-inner-page-program #left,
  body.mb26-inner-page-program #news {
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
  body.mb26-inner-page-program .mb26-program-toolbar {
    width:100% !important;
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    padding:8px 8px 10px !important;
    background:none !important;
  }
  body.mb26-inner-page-program .mb26-program-title {
    display:block !important;
    margin-bottom:8px !important;
  }
  body.mb26-inner-page-program .mb26-program-select-label {
    display:block !important;
    width:100% !important;
    white-space:normal !important;
    font-size:13px !important;
    line-height:1.25 !important;
  }
  body.mb26-inner-page-program .mb26-program-select-label span {
    display:block !important;
    margin-bottom:5px !important;
  }
  body.mb26-inner-page-program .mb26-program-select {
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:34px !important;
    font-size:13px !important;
  }
  body.mb26-inner-page-program #news table {
    width:100% !important;
    table-layout:fixed !important;
    font-size:13px !important;
  }
  body.mb26-inner-page-program #news table td {
    padding:5px 3px !important;
    word-break:break-word !important;
    white-space:normal !important;
    line-height:1.15 !important;
  }
  body.mb26-inner-page-program #news table td:nth-child(1) { width:8% !important; }
  body.mb26-inner-page-program #news table td:nth-child(2) { width:46% !important; }
  body.mb26-inner-page-program #news table td:nth-child(3) { width:23% !important; }
  body.mb26-inner-page-program #news table td:nth-child(4) { width:23% !important; }
}


/* ========================================================
   V25 program.asp correction: keep desktop stable, apply select
   toolbar only where needed, and avoid visual distortion.
   ======================================================== */

/* Desktop / tablet: preserve the classic two-column layout */
@media (min-width:681px) {
  body.mb26-inner-page-program #inside {
    width:985px !important;
    padding:7.5px !important;
    overflow:hidden !important;
  }

  body.mb26-inner-page-program #left {
    width:653px !important;
    float:left !important;
    margin:10.5px !important;
    box-sizing:content-box !important;
  }

  body.mb26-inner-page-program #right {
    width:315px !important;
    float:left !important;
    margin-top:7.5px !important;
    box-sizing:content-box !important;
  }

  body.mb26-inner-page-program #news {
    width:643px !important;
    min-height:600px !important;
    height:auto !important;
    padding:5px !important;
    white-space:normal !important;
    overflow:hidden !important;
    box-sizing:content-box !important;
  }

  body.mb26-inner-page-program .mb26-program-toolbar {
    width:632px !important;
    min-height:32px !important;
    height:auto !important;
    padding:7px 9px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    box-sizing:border-box !important;
  }

  body.mb26-inner-page-program .mb26-program-select-label {
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    white-space:nowrap !important;
  }

  body.mb26-inner-page-program .mb26-program-select {
    width:210px !important;
    min-width:210px !important;
    max-width:210px !important;
  }

  body.mb26-inner-page-program #advertisors {
    width:970px !important;
    margin:15px !important;
    clear:both !important;
  }
}

/* Mobile: full-width toolbar + readable compact table */
@media (max-width:680px) {
  body.mb26-inner-page-program #inside {
    overflow:visible !important;
  }

  body.mb26-inner-page-program #left,
  body.mb26-inner-page-program #right,
  body.mb26-inner-page-program #news {
    float:none !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  body.mb26-inner-page-program #news {
    min-height:0 !important;
    padding:8px !important;
    overflow:visible !important;
    white-space:normal !important;
  }

  body.mb26-inner-page-program .mb26-program-toolbar {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    padding:8px 0 12px !important;
    background:none !important;
    box-sizing:border-box !important;
  }

  body.mb26-inner-page-program .mb26-program-title {
    display:block !important;
    margin-bottom:8px !important;
  }

  body.mb26-inner-page-program .mb26-program-select-label {
    display:block !important;
    width:100% !important;
    white-space:normal !important;
  }

  body.mb26-inner-page-program .mb26-program-select-label span {
    display:block !important;
    margin-bottom:5px !important;
    font-size:13px !important;
    color:#29347f !important;
  }

  body.mb26-inner-page-program .mb26-program-select {
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:36px !important;
    padding:4px 8px !important;
    font-size:13px !important;
    box-sizing:border-box !important;
  }

  body.mb26-inner-page-program #news table {
    width:100% !important;
    max-width:100% !important;
    table-layout:fixed !important;
    font-size:12px !important;
  }

  body.mb26-inner-page-program #news table td {
    padding:5px 3px !important;
    white-space:normal !important;
    word-break:break-word !important;
    line-height:1.15 !important;
  }

  body.mb26-inner-page-program #news table td:nth-child(1) { width:8% !important; }
  body.mb26-inner-page-program #news table td:nth-child(2) { width:47% !important; }
  body.mb26-inner-page-program #news table td:nth-child(3) { width:22% !important; }
  body.mb26-inner-page-program #news table td:nth-child(4) { width:23% !important; }

  body.mb26-inner-page-program #advertisors {
    margin-top:15px !important;
  }
}


/* ========================================================
   V26 program.asp viewport/mobile layout correction
   ======================================================== */
@media (max-width:900px) {
  body.mb26-inner-page-program #wrapper,
  body.mb26-inner-page-program #content,
  body.mb26-inner-page-program #main,
  body.mb26-inner-page-program #inside {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  body.mb26-inner-page-program #inside {
    padding:7px !important;
    overflow:visible !important;
  }

  body.mb26-inner-page-program #left,
  body.mb26-inner-page-program #right {
    float:none !important;
    clear:both !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 0 12px 0 !important;
    box-sizing:border-box !important;
  }

  body.mb26-inner-page-program #news {
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    height:auto !important;
    padding:8px !important;
    margin:0 !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  body.mb26-inner-page-program .mb26-program-toolbar {
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    padding:6px 0 10px !important;
    box-sizing:border-box !important;
  }

  body.mb26-inner-page-program .mb26-program-title {
    flex:1 1 100% !important;
    margin:0 0 4px !important;
  }

  body.mb26-inner-page-program .mb26-program-select-label {
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    white-space:normal !important;
  }

  body.mb26-inner-page-program .mb26-program-select-label span {
    flex:0 0 auto !important;
    font-size:12px !important;
    color:#29347f !important;
    font-weight:bold !important;
  }

  body.mb26-inner-page-program .mb26-program-select {
    flex:1 1 auto !important;
    width:auto !important;
    min-width:170px !important;
    max-width:100% !important;
    height:34px !important;
    font-size:12px !important;
    padding:4px 8px !important;
    box-sizing:border-box !important;
  }

  body.mb26-inner-page-program #news table {
    width:100% !important;
    max-width:100% !important;
    table-layout:fixed !important;
    font-size:12px !important;
  }

  body.mb26-inner-page-program #news table td {
    padding:5px 3px !important;
    white-space:normal !important;
    word-break:break-word !important;
    line-height:1.15 !important;
  }

  body.mb26-inner-page-program #news table td:nth-child(1) { width:8% !important; }
  body.mb26-inner-page-program #news table td:nth-child(2) { width:47% !important; }
  body.mb26-inner-page-program #news table td:nth-child(3) { width:22% !important; }
  body.mb26-inner-page-program #news table td:nth-child(4) { width:23% !important; }
}

@media (max-width:420px) {
  body.mb26-inner-page-program .mb26-program-select-label {
    display:block !important;
  }
  body.mb26-inner-page-program .mb26-program-select-label span {
    display:block !important;
    margin-bottom:5px !important;
  }
  body.mb26-inner-page-program .mb26-program-select {
    display:block !important;
    width:100% !important;
    min-width:0 !important;
  }
  body.mb26-inner-page-program #news table { font-size:11px !important; }
  body.mb26-inner-page-program #news table td { padding:4px 2px !important; }
}


/* ========================================================
   V27 archive.asp mobile toolbar + compact archive tables
   ======================================================== */
body.mb26-inner-page-archive .mb26-archive-toolbar {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:4px 6px 10px;
  box-sizing:border-box;
  color:#29347f;
}
body.mb26-inner-page-archive .mb26-archive-title {
  color:#777;
  font-family:'pf_din_textmedium', Trebuchet, Arial, sans-serif;
  font-size:21px;
  line-height:1.2;
}
body.mb26-inner-page-archive .mb26-archive-select-label {
  display:flex;
  align-items:center;
  gap:8px;
  font-family:'pf_din_textmedium', Trebuchet, Arial, sans-serif;
  font-size:13px;
  font-weight:bold;
  white-space:nowrap;
}
body.mb26-inner-page-archive .mb26-archive-select {
  min-width:230px;
  max-width:100%;
  height:30px;
  padding:3px 8px;
  border:0;
  border-radius:3px;
  background:#d09946;
  color:#fff;
  font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-size:13px;
  font-weight:bold;
}
body.mb26-inner-page-archive .mb26-archive-old-header {
  display:none !important;
}

@media (min-width:901px) {
  body.mb26-inner-page-archive #inside {
    overflow:visible !important;
  }
  body.mb26-inner-page-archive #left {
    width:653px !important;
    float:left !important;
    margin:10.5px !important;
  }
  body.mb26-inner-page-archive #right {
    width:300px !important;
    float:left !important;
    margin-top:7.5px !important;
  }
}

@media (max-width:900px) {
  body.mb26-inner-page-archive #wrapper,
  body.mb26-inner-page-archive #content,
  body.mb26-inner-page-archive #main,
  body.mb26-inner-page-archive #inside {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
  body.mb26-inner-page-archive #inside {
    padding:7px !important;
    overflow:visible !important;
  }
  body.mb26-inner-page-archive #left,
  body.mb26-inner-page-archive #right {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    float:none !important;
    clear:both !important;
    margin:0 0 12px 0 !important;
    box-sizing:border-box !important;
  }
  body.mb26-inner-page-archive #news {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    padding:8px !important;
    margin:0 !important;
    box-sizing:border-box !important;
    overflow:visible !important;
    white-space:normal !important;
  }
  body.mb26-inner-page-archive #new4,
  body.mb26-inner-page-archive #newstext {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    display:block !important;
    overflow:visible !important;
    white-space:normal !important;
    box-sizing:border-box !important;
  }
  body.mb26-inner-page-archive .mb26-archive-toolbar {
    display:block !important;
    padding:4px 0 12px !important;
  }
  body.mb26-inner-page-archive .mb26-archive-title {
    display:block !important;
    margin-bottom:8px !important;
    font-size:19px !important;
  }
  body.mb26-inner-page-archive .mb26-archive-select-label {
    display:block !important;
    width:100% !important;
    font-size:12px !important;
    white-space:normal !important;
  }
  body.mb26-inner-page-archive .mb26-archive-select-label span {
    display:block !important;
    margin-bottom:5px !important;
  }
  body.mb26-inner-page-archive .mb26-archive-select {
    width:100% !important;
    min-width:0 !important;
    height:34px !important;
    font-size:12px !important;
  }
  body.mb26-inner-page-archive #news table {
    width:100% !important;
    max-width:100% !important;
    table-layout:fixed !important;
    border-collapse:separate !important;
    font-size:11px !important;
  }
  body.mb26-inner-page-archive #news table td {
    padding:4px 2px !important;
    white-space:normal !important;
    word-break:break-word !important;
    line-height:1.15 !important;
    height:auto !important;
    min-height:24px !important;
  }
  /* Archive points table: Α/Α, Ομάδα, Βαθμοί, Αγώνες, Νίκες, Ήττες, Πόντοι */
  body.mb26-inner-page-archive table.mb26-archive-points-table td:nth-child(1) { width:7% !important; }
  body.mb26-inner-page-archive table.mb26-archive-points-table td:nth-child(2) { width:34% !important; }
  body.mb26-inner-page-archive table.mb26-archive-points-table td:nth-child(3) { width:12% !important; }
  body.mb26-inner-page-archive table.mb26-archive-points-table td:nth-child(4) { width:12% !important; }
  body.mb26-inner-page-archive table.mb26-archive-points-table td:nth-child(5) { width:11% !important; }
  body.mb26-inner-page-archive table.mb26-archive-points-table td:nth-child(6) { width:11% !important; }
  body.mb26-inner-page-archive table.mb26-archive-points-table td:nth-child(7) { width:13% !important; }
  /* Archive match tables: Α/Α, Αγώνας, Αποτέλεσμα, Ημερομηνία */
  body.mb26-inner-page-archive table.mb26-archive-matches-table td:nth-child(1) { width:8% !important; text-align:center !important; }
  body.mb26-inner-page-archive table.mb26-archive-matches-table td:nth-child(2) { width:46% !important; }
  body.mb26-inner-page-archive table.mb26-archive-matches-table td:nth-child(3) { width:22% !important; text-align:center !important; }
  body.mb26-inner-page-archive table.mb26-archive-matches-table td:nth-child(4) { width:24% !important; text-align:center !important; }
}

@media (max-width:420px) {
  body.mb26-inner-page-archive #news table { font-size:10px !important; }
  body.mb26-inner-page-archive #news table td { padding:3px 1px !important; }
  body.mb26-inner-page-archive table.mb26-archive-points-table td:nth-child(2) { width:32% !important; }
  body.mb26-inner-page-archive table.mb26-archive-points-table td:nth-child(7) { width:15% !important; }
}


/* ========================================================
   V28 theme.asp mobile article/detail fix
   ======================================================== */
@media (max-width: 680px) {
  body.mb26-inner-page-theme #left,
  body.mb26-inner-page-theme #right {
    float:none !important;
    clear:both !important;
    width:100% !important;
    max-width:100% !important;
    margin:5px 0 !important;
  }

  body.mb26-inner-page-theme #news {
    width:100% !important;
    max-width:100% !important;
    padding:8px !important;
    box-sizing:border-box !important;
    white-space:normal !important;
    overflow:visible !important;
  }

  body.mb26-inner-page-theme #newsbg {
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:28px !important;
    box-sizing:border-box !important;
  }

  body.mb26-inner-page-theme #new4,
  body.mb26-inner-page-theme #new4.mb26-theme-ready {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    white-space:normal !important;
    overflow:visible !important;
    padding:0 !important;
    box-sizing:border-box !important;
    background-position:bottom !important;
  }

  body.mb26-inner-page-theme #new4 > * {
    float:none !important;
    clear:both !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    white-space:normal !important;
    overflow:visible !important;
  }

  body.mb26-inner-page-theme #new4 > div#newsfoto:not(.effect2):first-of-type,
  body.mb26-inner-page-theme .mb26-theme-main-photo {
    display:block !important;
    float:none !important;
    clear:both !important;
    width:220px !important;
    max-width:76% !important;
    height:auto !important;
    min-height:0 !important;
    margin:10px auto 14px !important;
    padding:0 !important;
    background:none !important;
    overflow:visible !important;
  }

  body.mb26-inner-page-theme #new4 > div#newsfoto:not(.effect2):first-of-type a,
  body.mb26-inner-page-theme #new4 > div#newsfoto:not(.effect2):first-of-type img,
  body.mb26-inner-page-theme .mb26-theme-main-photo a,
  body.mb26-inner-page-theme .mb26-theme-main-photo img {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    margin:0 auto !important;
  }

  body.mb26-inner-page-theme #newstext,
  body.mb26-inner-page-theme .mb26-theme-text {
    display:block !important;
    float:none !important;
    clear:both !important;
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    margin:0 0 12px !important;
    padding:0 4px !important;
    white-space:normal !important;
    overflow:visible !important;
    box-sizing:border-box !important;
  }

  body.mb26-inner-page-theme #newstext *,
  body.mb26-inner-page-theme .mb26-theme-text *,
  body.mb26-inner-page-theme .mb26-theme-wide,
  body.mb26-inner-page-theme .mb26-theme-wide * {
    white-space:normal !important;
    overflow:visible !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    line-height:1.55 !important;
    text-align:left !important;
  }

  body.mb26-inner-page-theme #newstext pfdin27boldnewstitle,
  body.mb26-inner-page-theme .mb26-theme-text pfdin27boldnewstitle {
    display:block !important;
    font-size:18px !important;
    line-height:1.2 !important;
    color:#d18700 !important;
    margin-bottom:5px !important;
  }

  body.mb26-inner-page-theme #new4 > div[style*="width:600px"],
  body.mb26-inner-page-theme .mb26-theme-wide {
    display:block !important;
    float:none !important;
    clear:both !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    margin:0 0 14px !important;
    padding:0 4px 10px !important;
    white-space:normal !important;
    overflow:visible !important;
    box-sizing:border-box !important;
  }

  body.mb26-inner-page-theme .mb26-theme-gallery-title {
    margin-top:18px !important;
    padding-top:8px !important;
  }
  body.mb26-inner-page-theme .mb26-theme-gallery-title pfdin14titlesblue {
    display:block !important;
    font-size:17px !important;
    color:#28398b !important;
    margin-bottom:8px !important;
  }

  body.mb26-inner-page-theme .mb26-theme-gallery-block table,
  body.mb26-inner-page-theme .mb26-theme-gallery-block tbody,
  body.mb26-inner-page-theme .mb26-theme-gallery-block tr {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    overflow:visible !important;
  }
  body.mb26-inner-page-theme .mb26-theme-gallery-block tr {
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  body.mb26-inner-page-theme .mb26-theme-gallery-block td {
    display:block !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    background:none !important;
    padding:0 !important;
  }
  body.mb26-inner-page-theme .mb26-theme-gallery-block td:empty { display:none !important; }
  body.mb26-inner-page-theme .mb26-theme-gallery-block #newsfoto,
  body.mb26-inner-page-theme .mb26-theme-gallery-block #newsfoto.effect2 {
    display:block !important;
    float:none !important;
    clear:none !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:none !important;
    box-shadow:0 2px 8px rgba(0,0,0,.35) !important;
    border-radius:6px !important;
    overflow:hidden !important;
  }
  body.mb26-inner-page-theme .mb26-theme-gallery-block #newsfoto img {
    display:block !important;
    width:100% !important;
    height:auto !important;
    margin:0 !important;
  }

  body.mb26-inner-page-theme #social,
  body.mb26-inner-page-theme #social *,
  body.mb26-inner-page-theme .fb-like,
  body.mb26-inner-page-theme .fb-share-button,
  body.mb26-inner-page-theme iframe[src*="facebook"],
  body.mb26-inner-page-theme iframe[src*="twitter"],
  body.mb26-inner-page-theme .twitter-share-button,
  body.mb26-inner-page-theme #new4 > #newsbg.fb,
  body.mb26-inner-page-theme #new4 > #newsbg.ttr {
    display:none !important;
  }

  body.mb26-inner-page-theme #myspacer {
    width:100% !important;
    max-width:100% !important;
  }
}

@media (max-width:420px) {
  body.mb26-inner-page-theme .mb26-theme-gallery-block tr {
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
}