/* HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH MAIN DIVS HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */

body {
    margin: 0 auto 0 auto;
    font-size: 1em;
    background-color: #f5f5f5;
    font-family: arial;
    text-align: left;
    position:relative;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
  }
  
  #center-content {
    width:1280px;
    max-width: 100%;
    margin:5px auto 0 auto;
    background-color:#f5f5f5;
      border:0px;
    line-height:1.5em;
    position:relative;
      overflow:visible;
    padding:10px;
    box-sizing: border-box;
  }
  
  /* Reduce spacing on category-specific pages */
  .category-page #center-content {
    margin-top: 0;
  }
  
  /* Articles wrapper and columns for responsive layout - Using CSS Grid for better control */
  .articles-wrapper {
    display: grid !important;
    grid-template-columns: 2fr 1fr !important;
    width: 100% !important;
    gap: 0;
  }
  
  .articles-column {
    display: block !important;
    padding: 0 20px 20px 20px;
    box-sizing: border-box;
    position: relative;
  }
  
  /* Border that starts at the top of the first article card */
  .articles-column::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 0;
    bottom: 0;
    width: 1px;
    background-color: #e0e0e0;
  }
  
  /* Add top margin to first article card to maintain spacing */
  .articles-column > .article-card-link:first-of-type > div,
  .articles-column > a:first-of-type > div,
  .articles-column > div:first-of-type {
    margin-top: 20px;
  }
  
  /* Contemporary article card styling - now entire card is a link */
  .article-card-link {
    display: block;
    text-decoration: none;
    color: inherit;
  }
  
  .article-card-link:hover {
    text-decoration: none;
  }
  
  .article-card-link h2 {
    text-transform: uppercase;
  }
  
  .articles-column > div,
  .articles-column > a > div {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.3s ease;
    cursor: pointer;
  }
  
  /* Article category label */
  .article-category {
    font-size: 11px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
  }

  .article-date {
    font-size: 15px;
    font-weight: normal;
    color: #444;
    margin-top: 2px;
    margin-bottom: 12px;
  }
  
  .article-card-link:hover > div,
  .articles-column > div:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  }
  
  .sidebar-column {
    display: block !important;
    padding: 20px 10px 10px 20px;
    box-sizing: border-box;
  }
  
  /* Sidebar card styling - matches article cards */
  .sidebar-card {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.3s ease;
  }
  
  .sidebar-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  }
  
  .news-box-left-852 {
    display:table-cell;
    text-align:left;
    box-sizing: border-box;
    padding:10px;
    width:852px;
    border-right:1px solid #ccc;
    vertical-align:top;
  }
  
  .news-box-left-639 {
    display:table-cell;
    text-align:left;
    box-sizing: border-box;
    padding:10px;
    width:639px;
    border-right:1px solid #ccc;
    vertical-align:top;
  }
  
  .news-box-right-639 {
    display:table-cell;
    text-align:left;
    box-sizing: border-box;
    padding:10px;
    width:639px;
  }
  
  .news-box-left-426 {
    display:table-cell;
    text-align:left;
    box-sizing: border-box;
    padding:10px;
    width:426px;
    border-right:1px solid #ccc;
    vertical-align:top;
  }
  
  .news-box-right {
    display:table-cell;
    text-align:left;
    box-sizing: border-box;
    padding:10px;
    width:426px;
  }
  
  /* Desktop: article column full height (page scrolls); sidebar scrolls independently (news pages only) */
  @media screen and (min-width: 1101px) {
    .category-page .sidebar-column {
      position: sticky;
      top: 10px;
      max-height: calc(100vh - 90px - 20px);
      overflow-y: auto;
    }
  }
  
  /* Index-edit: reorder for mobile (Popular Pages after Article 2, New Drugs after Article 4) */
  .index-edit-page .articles-wrapper {
    display: grid !important;
    width: 100% !important;
    gap: 0;
  }
  .index-edit-page .articles-wrapper > .article-card-link > div {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.3s ease;
    cursor: pointer;
  }
  .index-edit-page .articles-wrapper > .article-card-link:hover > div {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  }
  .index-edit-page .articles-wrapper > .article-card-link:first-of-type > div {
    margin-top: 20px;
  }
  .index-edit-page .articles-wrapper > .index-edit-sidebar-block {
    margin-bottom: 24px;
  }
  @media screen and (min-width: 1101px) {
    .index-edit-page #center-content {
      position: relative;
    }
    .index-edit-page .articles-wrapper {
      grid-template-columns: 2fr 1fr;
      grid-auto-rows: auto;
    }
    /* Article column: place items 1, 2, 4, 5, ... in column 1; item 3 (sidebar) in column 2 */
    .index-edit-page .articles-wrapper > *:nth-child(1) { grid-row: 1; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(2) { grid-row: 2; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(3) {
      grid-row: 1; grid-column: 2;
      position: absolute;
      left: calc(66.666% + 20px);
      top: calc(10px + 20px);
      width: calc(33.333% - 50px);
      margin-left: 0;
      box-sizing: border-box;
    }
    .index-edit-page .articles-wrapper > *:nth-child(4) { grid-row: 3; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(5) { grid-row: 4; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(6) { grid-row: 5; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(7) { grid-row: 6; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(8) { grid-row: 7; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(9) { grid-row: 8; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(10) { grid-row: 9; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(11) { grid-row: 10; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(12) { grid-row: 11; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(13) { grid-row: 12; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(14) { grid-row: 13; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(15) { grid-row: 14; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(16) { grid-row: 15; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(17) { grid-row: 16; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(18) { grid-row: 17; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(19) { grid-row: 18; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(20) { grid-row: 19; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(21) { grid-row: 20; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(22) { grid-row: 21; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(23) { grid-row: 22; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(24) { grid-row: 23; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(25) { grid-row: 24; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(26) { grid-row: 25; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(27) { grid-row: 26; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(28) { grid-row: 27; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(29) { grid-row: 28; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(30) { grid-row: 29; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(31) { grid-row: 30; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(32) { grid-row: 31; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(33) { grid-row: 32; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(34) { grid-row: 33; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(35) { grid-row: 34; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(36) { grid-row: 35; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(37) { grid-row: 36; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(38) { grid-row: 37; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(39) { grid-row: 38; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(40) { grid-row: 39; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(41) { grid-row: 40; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(42) { grid-row: 41; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(43) { grid-row: 42; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(44) { grid-row: 43; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(45) { grid-row: 44; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(46) { grid-row: 45; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(47) { grid-row: 46; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(48) { grid-row: 47; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(49) { grid-row: 48; grid-column: 1; }
    .index-edit-page .articles-wrapper > *:nth-child(50) { grid-row: 49; grid-column: 1; }
    /* Article column styling: all article cards get padding and border (sidebar excluded) */
    .index-edit-page .articles-wrapper > .article-card-link {
      padding-left: 20px;
      padding-right: 20px;
      box-sizing: border-box;
      border-right: 1px solid #e0e0e0;
    }
    .index-edit-page .index-edit-sidebar-wrapper {
      display: block;
      padding: 0;
    }
    .index-edit-page .index-edit-sidebar-wrapper > .index-edit-sidebar-block {
      padding: 20px 10px 10px 20px;
      box-sizing: border-box;
    }
  }
  @media screen and (max-width: 1100px) {
    .index-edit-page .articles-wrapper {
      grid-template-columns: 1fr !important;
      grid-template-rows: unset !important;
      grid-auto-rows: auto;
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      box-sizing: border-box !important;
    }
    .index-edit-page .articles-wrapper > * {
      grid-column: 1 !important;
      padding-left: 20px !important;
      padding-right: 20px !important;
      border-right: none !important;
      min-width: 0 !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
    }
    /* MOBILE SIDEBAR CARD ROW ASSIGNMENT: assign the mobile row for the sidebar articles below. They must not be in ARTICLE ROWS as assigned below that. */

    .index-edit-page #popular-pages {
      grid-row: 10 !important;
    }
    .index-edit-page #new-drugs {
      grid-row: 12 !important;
    }
    .index-edit-page #nobel-prize-watch {
      grid-row: 7 !important;
    }
    .index-edit-page #drug-news {
      grid-row: 3 !important;
    }
      .index-edit-page #medicine-future {
        grid-row: 4 !important;
      }
    /* MOBILE ARTICLE ROW ASSIGNMENT: assign the mobile row for the article cards below. They must not be in SIDEBAR ROWS as assigned above that. nth-child(3) is the sidebar wrapper card, so from nth-child 4 and on, the articles are actually one less than the number. */
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(1) { grid-row: 1 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(2) { grid-row: 2 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(4) { grid-row: 5 !important; }  /* 3rd article */
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(5) { grid-row: 6 !important; }  /* 4th article */
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(6) { grid-row: 8 !important; }  /* 5th article */
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(7) { grid-row: 9 !important; }  /* 6th article */
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(8) { grid-row: 11 !important; }  /* 7th article */
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(9) { grid-row: 13 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(10) { grid-row: 14 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(11) { grid-row: 15 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(12) { grid-row: 14 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(13) { grid-row: 15 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(14) { grid-row: 16 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(15) { grid-row: 17 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(16) { grid-row: 18 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(17) { grid-row: 19 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(18) { grid-row: 20 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(19) { grid-row: 21 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(20) { grid-row: 22 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(21) { grid-row: 23 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(22) { grid-row: 24 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(23) { grid-row: 25 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(24) { grid-row: 26 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(25) { grid-row: 27 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(26) { grid-row: 28 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(27) { grid-row: 29 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(28) { grid-row: 30 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(29) { grid-row: 31 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(30) { grid-row: 32 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(31) { grid-row: 33 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(32) { grid-row: 34 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(33) { grid-row: 35 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(34) { grid-row: 36 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(35) { grid-row: 37 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(36) { grid-row: 38 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(37) { grid-row: 39 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(38) { grid-row: 40 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(39) { grid-row: 41 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(40) { grid-row: 42 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(41) { grid-row: 43 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(42) { grid-row: 44 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(43) { grid-row: 45 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(44) { grid-row: 46 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(45) { grid-row: 47 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(46) { grid-row: 48 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(47) { grid-row: 49 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(48) { grid-row: 50 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(49) { grid-row: 51 !important; }
    .index-edit-page .articles-wrapper > .article-card-link:nth-child(50) { grid-row: 52 !important; }
    .index-edit-page .articles-wrapper > .article-card-link > div,
    .index-edit-page .index-edit-sidebar-wrapper > .index-edit-sidebar-block {
      max-width: 100%;
      box-sizing: border-box;
    }
    .index-edit-page .index-edit-sidebar-wrapper > .index-edit-sidebar-block {
      margin-left: 20px !important;
      margin-right: 20px !important;
      width: calc(100% - 40px) !important;
      max-width: calc(100% - 40px) !important;
      padding: 24px !important;
      box-sizing: border-box;
    }
    .index-edit-page .index-edit-sidebar-wrapper {
      display: contents;
    }
  }
  
  /* Mobile: Stack columns vertically */
  @media screen and (max-width: 1100px) {
    html {
      overflow-x: hidden;
      max-width: 100vw;
    }
    body {
      width: 100vw !important;
      max-width: 100vw !important;
      min-width: 0 !important;
      overflow-x: hidden;
      box-sizing: border-box;
    }
    #banner,
    #footer {
      width: 100vw !important;
      max-width: 100vw !important;
      margin-left: calc(50vw - 50%) !important;
      margin-right: calc(50vw - 50%) !important;
      box-sizing: border-box;
    }
    #banner > div,
    #footer-center {
      max-width: 100% !important;
      width: 100% !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      box-sizing: border-box;
    }
    #banner div[style*="max-width:1280px"],
    #banner div[style*="max-width: 1280px"] {
      max-width: 100% !important;
      width: 100% !important;
    }
    #center-content {
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      box-sizing: border-box;
      padding-left: 10px;
      padding-right: 10px;
      overflow-x: hidden;
    }
    .category-page > h1 {
      line-height: 1.4;
    }
    .articles-wrapper {
      grid-template-columns: 1fr !important;
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      box-sizing: border-box !important;
    }
    .articles-wrapper > * {
      min-width: 0 !important;
      max-width: 100% !important;
      width: 100% !important;
      box-sizing: border-box !important;
    }
    .articles-column {
      border-right: 0;
      border-top: 1px solid #ccc;
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
    }
    .articles-column > *,
    .articles-column > a > div {
      max-width: 100% !important;
      box-sizing: border-box !important;
    }
    .sidebar-column {
      border-top: 1px solid #ccc;
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
    }
    .article-card-link,
    .article-card-link > div {
      width: 100% !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
    }
    .article-card-link > div {
      overflow-wrap: break-word;
      word-wrap: break-word;
    }
    /* Images stay smaller and right-aligned 600px–1100px; full width only below 600px (see 600px block) */
    
    /* Hide the first horizontal divider above FEATURED on mobile */
    #center-content > .horizontal-divider:first-of-type {
      display: none;
    }
    
    /* Show sidebar navigation links when sidebar moves to bottom on mobile */
    .sidebar-nav-link {
      display: inline-block !important;
    }
  }
  
  .news-box-image-right {
    word-break: break-word;
    float: right;
    position: relative;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-top: 0;
  }
  
  .image-large-right {
    width:350px;
    height:233px;
    border-radius: 8px;
    object-fit: cover;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  }
  
  .news-box-image-right-half {
    word-break: break-word;
    float: right;
    position:relative;
    margin-left:10px;
  }
  
  .image-right-half {
    width:250px;
    height:143px;
    margin-top:10px;
  }
  
  .news-box-image-small-right {
    word-break: break-word;
    float: right;
    position:relative;
    margin-left:10px;
    margin-bottom:5px;
  
  }
  
  .image-small-right {
    width:150px;
    height:100px;
  }
  
  .horizontal-divider {
    width: auto;
    height: 1px;
    margin-top: 24px;
    margin-bottom: 24px;
    border: none;
    background: linear-gradient(to right, transparent, #e0e0e0, transparent);
      background-color:#CCC;
      border-width: 0px;
  }
  
  .horizontal-divider-stay {
    width: auto;
      height:1px;
      margin-top:10px;
      margin-bottom:10px;
      background-color:#CCC;
      border-width: 0px;
  }
  
  #news-content-box {
      padding: 30px;
  }
  
  .copyright {
      margin-left:auto;
      margin-right:auto;
      display:block;
      padding-top:70px;
      padding-bottom:70px;
      max-width:380px;
  }
  
  h1 {
      font-size:24px;
      line-height:24px;
      font-weight:bold;
      text-align:left;
      font-family: Trebuchet MS, sans-serif;
      display:block;
      width: auto;
      margin:0px auto 15px auto;
      border-bottom: 1px #CCCCCC solid;
      color:black;
      padding-right:15px;
      padding-bottom:10px;
  }
  
  h2 {
      font-size:22px;
      line-height:30px;
      font-weight:bold;
      text-align:left;
      font-family: Trebuchet MS, sans-serif;
      text-decoration:none;
      display:block;
      width: auto;
      margin:0px auto 15px auto;
      color:black;
      padding-right:15px;
  }
  
  h2 a {
      color: #004080;
      text-decoration: none;
      transition: color 0.3s ease, text-decoration 0.3s ease;
      display: inline-block;
  }
  
  h2 a:hover {
      color: #2F77B2;
      text-decoration: underline;
  }
  
  h3 {
      font-size:20px;
      line-height:28px;
      font-weight:bold;
      text-align:left;
      font-family:Arial, sans-serif;
      display:block;
      width: auto;
      margin:0px auto 0px auto;
      color:black;
      padding-right:15px;
      padding-bottom:8px;
  }
  
  h4 {
      margin-top:10px;
      margin-bottom:10px;
      margin-right:10px;
    font-family:Arial, sans serif;
      font-size:18px;
      color:#818181;
      padding: 3px;
      padding-top:5px;
      max-width:400px;
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
  }
  
  
  h5 {
      font-size:22px;
      line-height:30px;
      font-weight:bold;
      text-align:left;
      font-family: Trebuchet MS, sans-serif;
      text-decoration:none;
      display:block;
      width: auto;
      margin:0px auto 15px auto;
      color:black;
      padding-right:15px;
  }
  
  h5 a {
      color: #004080;
      text-decoration: none;
      transition: color 0.3s ease, text-decoration 0.3s ease;
      display: inline-block;
  }
  
  h5 a:hover {
      color: #2F77B2;
      text-decoration: underline;
  }
  
  a:link {color: #000000; text-decoration:none; white-space:normal;}
  a:visited {color: #000000; text-decoration:none;}
  a:hover {color:#f89807; text-decoration:none;}
  
  
  .popular-charts a {
      width:100%;
      color:#BFC4CC;
      padding: 5px 5px 5px 5px;
      text-align:left;
      text-decoration: none;
      display: block;
      font-size:18px;
      min-width: 170px;
  }
  
  .popular-charts a:hover {background-color: #f1f1f1; color:#57606C;}
  .popular-charts a:visited {color:#57606C;}
  .popular-charts a:link {color:#57606C;}
  
  .news-block {
      font-size: 17px;
      position: relative;
      line-height: 1.7;
      color: #333;
  }
  
  /* Contemporary section labels */
  .news-block p strong {
    display: inline-block;
    background-color: #f5f7fa;
    color: #2c3e50;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.3px;
    vertical-align: baseline;
  }
  
  .news-block p {
    margin-bottom: 16px;
  }
  
  .news-block p:first-of-type {
    font-size: 18px;
    color: #555;
    margin-bottom: 20px;
  }
  
  .news-block a:link {color:#1B4EC5; text-decoration:none;font-weight:500;}
  .news-block a:visited {color:#1B4EC5; text-decoration:none;font-weight:500;}
  .news-block a:hover {color:#1B4EC5; text-decoration:underline;font-weight:500;}
  
  .news-block-latest {
      padding-bottom:15px;
      font-size:18px;
      position:relative;
      line-height:25px;
  }
  
  .news-block-latest a:link {color:#1B4EC5; text-decoration:none;font-weight:500;}
  .news-block-latest a:visited {color:#1B4EC5; text-decoration:none;font-weight:500;}
  .news-block-latest a:hover {color:#1B4EC5; text-decoration:underline;font-weight:500;}
  
  
  .new-drugs {
      font-size:18px;
      position:relative;
      line-height:25px;
  }
  
  .new-drugs li {
      padding-top:8px;
      padding-bottom:8px;
  }
  
  .new-drugs a:link {color:#1B4EC5;font-weight:bold;}
  .new-drugs a:visited {color:#1B4EC5;}
  .new-drugs a:hover {color:#f89807;text-decoration:underline;}
  
  #footer {
    background-color:#EDEDED;
    border-top:1px #CCC solid;
  }
  
  #footer-center {
    max-width:1280px;
    margin:20px auto 0 auto;
    line-height:18px;
    position:relative;
      overflow:auto;
    padding: 10px;
    text-align:left;
  }
  
  .footer-column {
    display:inline-block;
    text-align:left;
  }
  
  .footer-object {
    display:inline-block;
    font-weight:bold;
    width:150px;
    font-size:18px;
    margin-left:15px;
    margin-right:15px;
    margin-top:10px;
    color:#605E51;
  }
  
  .footer-object a:hover {color:#605E51;text-decoration:none;}
  .footer-object a:link {color:#605E51;text-decoration:none;}
  .footer-object a:visited {color:#605E51;text-decoration:none;}
  
  #facebook-follow {
      display: inline-block;
      font-family:Calibri, sans-serif;
      vertical-align:middle;
    margin-left:8px;
    margin-right:8px;
      cursor:pointer;
  }
  
  #tweet-follow {
      display: inline-block;
    margin-left:8px;
    margin-right:8px;
      font-family:Calibri, sans-serif;
      vertical-align:middle;
      cursor:pointer;
  }
  
  #pinterest-follow {
      cursor:pointer;
      display:inline-block;
    margin-left:8px;
    margin-right:8px;
      vertical-align:middle;
  }
  
  #instagram-follow {
      cursor:pointer;
      display:inline-block;
    margin-left:10px;
    margin-right:10px;
      vertical-align:middle;
  }
  
  .copyright {
      margin-left:auto;
      margin-right:auto;
      display:block;
      padding-top:70px;
      padding-bottom:70px;
      max-width:380px;
  }
  
  img {
      vertical-align:middle;
  }
  
  /* HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH MEDIA QUERIES HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
  
  /* HHHHHHHHHHHHHHHHHHHHHHHH 1320 HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
  
  @media screen and (max-width: 1320px) {
  
  #center-content {
      width:95%;
      max-width: 100%;
      box-sizing: border-box;
  }
  }
  
  @media screen and (max-width: 768px) {
    #center-content {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
    }
  }
  
  /* HHHHHHHHHHHHHHHHHHHH 1100 HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
  
  @media screen and (max-width: 1100px) {
  
  .news-box-left-852 {
      display:block;
    width:100%;
    border-right:0px;
    border-top:1px solid #ccc;
      padding-bottom:20px;
  }
  
  .news-box-left-639 {
      display:block;
    width:100%;
    border-right:0px;
    border-top:1px solid #ccc;
  }
  
  .news-box-right-639 {
      display:block;
    width:100%;
    border-right:0px;
    border-top:1px solid #ccc;
  }
  
  .news-box-left-426 {
      display:block;
    width:100%;
    border-right:0px;
    border-top:1px solid #ccc;
  }
  
  .news-box-right {
      display:block;
    width:100%;
    border-top:1px solid #ccc;
  }
  
  /* Articles wrapper already handled by base CSS Grid media query above */
  
  .popular-charts-overflow {
      overflow: visible;
      padding-bottom:15px;
  }
  
  .popular-charts {
      display: block;
      min-width: 0;
      width: 100%;
      margin-right: 0;
      margin-bottom: 1em;
  }
  
  .popular-charts:last-child {
      margin-bottom: 0;
  }
  
  /* Mobile: Popular Pages sections (CHARTS, BASICS, MEDICATIONS) in a row with horizontal scroll */
  #popular-pages {
      min-width: 0;
      overflow-x: hidden;
  }
  #popular-pages .popular-charts,
  #popular-pages .popular-charts-scroll {
      min-width: 0;
  }
  #popular-pages .popular-charts-scroll {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      overflow-x: auto;
      gap: 1.25rem;
      padding-bottom: 10px;
      -webkit-overflow-scrolling: touch;
  }
  #popular-pages .popular-charts-section {
      flex-shrink: 0;
      min-width: 200px;
  }
  
  .image-large-right, .image-small-right {
      width:300px;
      height:200px;
  }
  
  h5, h2, h3 {
      font-size:22px;
      line-height:30px;
      font-weight:bold;
      text-align:left;
      font-family: Trebuchet MS, sans-serif;
      text-decoration:none;
      display:block;
      width: auto;
      margin:0px auto 15px auto;
      color:black;
      padding-right:15px;
      padding-bottom:0px;
      text-transform: uppercase;
  }
  }
  
  /* HHHHHHHHHHHHHHHHHHHH 900 HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
  
  @media screen and (max-width: 900px) {
  
  .image-large-right {
      width:250px;
      height:166px;
  }
  
  .image-small-right {
      width:250px;
      height:166px;
  }
  }
  
  /* HHHHHHHHHHHHHHHHHHHH 700 HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
  
  @media screen and (max-width: 700px) {
  
  .image-large-right, .image-small-right {
      width:200px;
      height:133px;
  }
  }
  
  /* HHHHHHHHHHHHHHHHHHHH 600 HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
  
  @media screen and (max-width: 600px) {
  
  #center-content {
      padding-left:0px;
      padding-right:0px;
      width: 100%;
      box-sizing: border-box;
  }
  
  .articles-column,
  .sidebar-column {
    padding: 8px 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  
  .articles-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  
  /* Ensure all content inside articles-column fits */
  .articles-column > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  
  .news-box-image-right, .news-box-image-small-right {
    display:block;
    margin-top:10px;
    margin-bottom:20px;
    margin-left:0px;
    margin-right:0px;
    text-align:center;
    float:none;
    width: 100%;
    box-sizing: border-box;
  }
  
  .image-large-right, .image-small-right {
    width: 100%;
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
  }
  
  .news-block {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
  }
  
  /* Remove card styling on very small screens for better mobile experience */
  .articles-column > div {
    padding: 16px;
    margin-bottom: 20px;
  }
  
  .image-right-half {
    width:100%;
      height:auto;
  }
  
  h2 {
      padding:0px;
      margin-top:0px;
      font-size: 22px;
  }
  
  .copyright {
      max-width:340px;
  }
  }
  
  /* HHHHHHHHHHHHHHHHHHHH 500 HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
  
  @media screen and (max-width: 500px) {
  
  .image-large-right, .image-small-right {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  
  .articles-column,
  .sidebar-column {
    padding: 8px 8px;
  }
  
  #center-content {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  }
  
  /* HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH BANNER HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
  
  #banner {
      box-sizing: border-box;
      position:relative;
      margin:0;
      height: 90px;
      width: 100%;
      display:block;
      background-color:#004080;
      border-bottom: 2px #E0DEDE solid;
      z-index:9998;
      top:0;
  }
  
  #icon {
    position:absolute;
    height:100%;
    margin-left: 50px;
    z-index:99999;
    vertical-align:middle;
    display:inline-block;
      color:white;
      text-decoration:underline;
      font-size:24px;
      font-family:Calibri, Arial, sans-serif;
      font-weight:600;
  }
  
  .icon a:hover {color:white;}
  .icon a:link {color:white;}
  .icon a:visited {color:white;}
  
  #evidence-based {
    display:inline-block;
    color:#FFFFFF;
    font-weight:bold;
    vertical-align:middle;
    text-align:center;
    font-size:18px;
    font-family:Calibri, Arial, sans serif;
    padding-left:20px;
      line-height:22px;
      padding-top:5px;
  }
  
  #center-share {
      position:absolute;
      display:inline-block;
      height:100%;
      right: 50px;
      z-index:999;
      vertical-align:middle;
      font-size:18px;
  }
  
  .vertical-align-helper {
      display: inline-block;
      height: 100%;
      vertical-align: middle;
  }
  
  #newsletter {
      font-family:Calibri, sans-serif;
      text-align:center;
      display:inline-block;
      margin-right: 13px;
      vertical-align:middle;
      line-height:1em;
      background-color:#004080;
  }
  
  .newsletter a:hover {color:white; text-decoration:none;}
  .newsletter a:link {color:white; text-decoration:none;}
  .newsletter a:visited {color:white; text-decoration:none;}
  
  /* HHHHHHHHHHHHHHH SHARE ICON HHHHHHHHHH */
  
  .share-page {
      display:inline-block;
      height:100%;
      z-index:999;
      vertical-align:middle;
    text-align:center;
    padding-right:4px;
    margin-right:5px;
  }
  
  .share-page-icon {
      display: inline-block;
    cursor:pointer;
      padding-left:5px;
    padding-right:5px;
      vertical-align:middle;
      font-family:Calibri, sans-serif;
      z-index:99999;
  }
  
  .share-box {
      width:300px;
    padding:20px;
      position:absolute;
      right:125px;
      top:62px;
      z-index:1000000;
      background-color:#004080;
      color:white;
      text-align:center;
      border-left:3px #D5D1D1 solid;
      border-bottom:3px #D5D1D1 solid;
    border-radius: 4px;
    visibility:hidden;
  }
  
  /* HHHHHHHHHHHHHHH MEMBER-SUBSCRIBE BOX HHHHHHHHHH */
  
  .subscribe {
    display:inline-block;
    vertical-align:middle;
    color:white;
    font-family:Calibri, sans-serif;
    font-weight:bold;
    font-size:18px;
    padding-right:5px;
  }
  
  .login-icon {
    display:inline-block;
    vertical-align:middle;
    color:white;
    font-family: Calibri, sans-serif;
    font-weight:bold;
    font-size:18px;
    padding-right:5px;
  }
  
  .subscribe a:hover, .login-icon a:hover {color:white;}
  .subscribe a:visited, .login-icon a:visited  {color:white;}
  .subscribe a:link, .login-icon a:link  {color:white; text-decoration:none;}
  
  .login-box {
    display:inline-block;
    vertical-align:middle;
    border-left:2px white solid;
    padding-left:7px;
    cursor:pointer;
  }
  
  
  /* HHHHHHHHHHHHHHH SHARE BUTTONS HHHHHHHHHH */
  
  #facebook-share-button {
      display: inline-block;
      font-family:Calibri, sans-serif;
      vertical-align:middle;
    margin-left:10px;
    margin-right:10px;
      cursor:pointer;
  }
  
  #instagram-follow {
      display: inline-block;
      font-family:Calibri, sans-serif;
      vertical-align:middle;
    margin-left:10px;
    margin-right:10px;
      cursor:pointer;
  }
  
  #tweet-button {
      display: inline-block;
    margin-left:10px;
    margin-right:10px;
      font-family:Calibri, sans-serif;
      vertical-align:middle;
      cursor:pointer;
  }
  
  #pinterest {
      cursor:pointer;
      display:inline-block;
    margin-left:10px;
    margin-right:10px;
      vertical-align:middle;
  }
  
  #email-button {
      display: inline-block;
      font-family:Calibri, sans-serif;
      vertical-align:middle;
    margin-left:5px;
      cursor:pointer;
  }
  
  /* HHHHHHHHHHHHHHH MOBILE STYLES HHHHHHHHHHHHH */
  
  .mobile-login {
      display: inline-block;
      padding-left:5px;
    padding-right:5px;
      vertical-align:middle;
      font-family:Calibri, sans-serif;
      z-index:99999;
  }
  
  .hamburger {
      display: inline-block;
      margin-left:20px;
      vertical-align:middle;
      font-family:Calibri, sans-serif;
      z-index:99999;
  }
  
  .icon-small {
    position:absolute;
    height:100%;
    margin-left: 30px;
    z-index:99999;
    vertical-align:middle;
      color:white; 
      text-decoration:none; 
      font-size:18px; 
      font-family:Calibri, Arial, sans-serif; 
      padding-top:8px;
      font-weight:600;
    display:none;
  }
  
  .icon-small a:hover {color:white; text-decoration:none;}
  .icon-small a:link {color:white;text-decoration:none;}
  .icon-small a:visited {color:white;text-decoration:none;}
  
  .collapsing-menu {
      width:300px;
    padding:20px;
      position:absolute;
      right:-300px;
      top:90px;
      z-index:1000000;
      background-color:#004080;
      color:white;
      text-align:center;
      border-left:3px #D5D1D1 solid;
      border-bottom:3px #D5D1D1 solid;
    border-radius: 4px;
    display:none;
  }
  
  .collapsing-menu-link {
    padding-top:5px;
    padding-bottom:5px;
  }
  
  .sliding-menu {
    width:85%;
    height: 2px;
    padding: 0;
    background-color: #E0DEDE;
    border-width: 0px;
  }
  
  .login-menu {
      width:200px;
    padding:20px;
      position:absolute;
      right:0px;
      top:90px;
      z-index:1000000;
      background-color:#004080;
      color:white;
      text-align:center;
      border-left:3px #D5D1D1 solid;
      border-bottom:3px #D5D1D1 solid;
    border-radius: 4px;
    visibility:hidden;
  }
  
  .collapsing-menu-link a:hover, .login-menu a:hover  {color:white; text-decoration:none;}
  .collapsing-menu-link a:link, .login-menu a:link  {color:white; text-decoration:none;}
  .collapsing-menu-link a:visited, .login-menu a:visited  {color:white; text-decoration:none;}
  
  .cancel-collapsing-menu {
      display:none;
      margin-left:20px;
      vertical-align:middle;
  }
  
  .search-call {
      display:none;
      height:100%;
      z-index:999;
      vertical-align:middle;
      padding-right:4px;
  }
  
  .mobile-call {
      display:none;
      height:100%;
      z-index:999;
      vertical-align:middle;
    text-align:center;
      padding-right:4px;
  }
  
  .mobile-center-share {
      position:absolute;
      height:100%;
      right: 30px;
      vertical-align:middle;
      display:none;
      z-index:99999;
  }
  
  .cancel-mobile-search {
      margin-left:30px;
      vertical-align:middle;
      display:none;
  }
  
  /* HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH ZOOM SEARCHBOX HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
  
  #search-box {
      position:relative;
      height:50px;
      width:100%;
      z-index:999;
      vertical-align:middle;
      text-align:left;
      background-color:#E2E2E2;
  }
  
  .search-box {
      display:block;
  }
  
  .search-label {
      color:#57606C;
      display:inline-block;
      font-family:tahoma, sans serif;
      vertical-align:middle;
  }
  
  .background-light-blue {
      background-color:#3A72F3
  }
  
  #search-box-center {
      display: inline-block;
      font-family:Calibri, sans-serif;
      vertical-align:middle;
      border:2px #E0DEDE solid;
      background-color:white;
      border-radius:6px;
  }
  
  .search-box-middle {
      max-width:1280px;
      margin:0 auto 0 auto;
      display:block;
      position:relative;
      height:100%;
      text-align:center;
  }
  
  .zoom_searchbox {
      height:27px;
      width:500px;
      vertical-align:middle;
      padding-left: 5px;
      padding-top:1px;
      padding-bottom: 1px;
      font-size:18px;
      margin-left:3px;
      border:0px;
      display:inline-block;
      box-sizing: border-box;
      z-index:20000;
  }
  
  input.zoom_button {
      display:none;
  }
  
  
  input {
       border-radius: 0;
     -webkit-appearance: none;
     appearance: none;
  }
  
  textarea:focus, input:focus{
          outline: none !important;
      border:1px #717C8C solid;
  }
  
  /* HHHHHHHHHHHHHHHHHHHHHHHHHH ZOOM AUTOCOMPLETE HHHHHHHHHHHHHHHHHHHHHHHHHHHH */
  
  #zoom_ac_dropdown {
      margin-top:25px;
      display: inline-block;
      z-index:20000;
  }
  
  .zoom_ac_dropdown {
      font-family: Arial;
      font-size: 12pt;
      background-color: white;
          border:3px #D5D1D1 solid;
      border-radius: 4px;
      position: absolute;
      cursor: default;
      overflow: auto;
      overflow-x: hidden;    
      max-height: 150px;
      display:inline-block;
      width:300px;
      text-align:left;
      padding-left: 5px;
      box-sizing: border-box;
      z-index:20000;
  }
  
  .zoom_ac_item {
      padding-top: 1px;
      padding-bottom:1px;
      color: black;
      width: auto; 
          display:block; 
  }
  
  .zoom_ac_item a:link { color: black; white-space:normal;}
  
  .zoom_ac_item a:visited { color: black; white-space:normal;}
  
  .zoom_ac_item a { width: auto; text-decoration: none; }
  
  .zoom_ac_item a:hover { color: black; background-color: #f1f1f1; width:auto; text-decoration:none; font-weight:bold; }
  
  .zoom_ac_item_hl a:hover { background-color: #f1f1f1; width:auto; text-decoration: none; }
  
  .zoom_ac_item_hl {
      padding: 1px;
      padding-left: 5px;
      color: #FFFFFF;
      background-color: #00DDDD;    
      text-decoration: none;
  }
  
  /* HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH MEDIA QUERIES HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
  
  @media screen and (max-width: 1000px) {
  
  #center-share {
      display: none;
  }
  
  .mobile-center-share {
      display: inline-block;
      right:15px;
  }
  
  .mobile-call {
    display:inline-block;
  }
  }
  
  /* HHHHHHHHHHHHHHHHHHHHHHHHHHH BANNER - MAX WIDTH 750 HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
  
  @media screen and (max-width: 750px) {
  
  .search-label {
    display: none;
  }
  }
  
  /* HHHHHHHHHHHHHHHHHHHHHHHHHHH BANNER - MAX WIDTH 650 HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
  
  @media screen and (max-width: 650px) {
  
  #icon {
    margin-left: 30px;
  }
  
  
  .search-box-middle {
      width:95%;
  }
  
  .zoom_searchbox {
      width:400px;
  }
  }
  
  /* HHHHHHHHHHHHHHHHHHHHHHHHHHH BANNER - MAX WIDTH 500 HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
  
  @media screen and (max-width: 500px) {
  
  #evidence-based {
    display:none;
  }
  
  .zoom_searchbox {
      width:350px;
  }
  }
  
  /* HHHHHHHHHHHHHHHHHHHHHHHHHHH BANNER - MAX WIDTH 450 HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
  
  @media screen and (max-width: 450px) {
  .zoom_searchbox {
      width:320px;
  }
  }
  
  /* HHHHHHHHHHHHHHHHHHHHHHHHHHH BANNER - MAX WIDTH 400 HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
  
  @media screen and (max-width: 400px) {
  
  .zoom_searchbox {
      width:275px;
  }
  }
  
  /* HHHHHHHHHHHHHHHHHHHHHHHHHHH BANNER - MAX WIDTH 350 HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
  
  @media screen and (max-width: 350px) {
  
  .zoom_searchbox {
      width:230px;
  }
  }
  
  
  /* HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH FLOAT TOP HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
  
  .float-top-anchor {
      top: -100px;
      left:-1280px;
      position:relative;
      visibility:hidden;
      display:block;
  }
  
  .float-top {
      display: none;
      position:fixed;
      right: 80px;
      bottom: 80px;
      z-index:999;
  }
  
  @media screen and (max-width: 800px) {
  
  .float-top {
      right: 30px;
  }
  }
  
  /* HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH MAIN PAGE STYLE HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
  
  .font-normal {
      font-weight:normal;
  }
  
  .margin-3 {
      margin-left: 1.3em;
  }
  
  .nowrap {
      white-space:nowrap;
  }
  
  #adjacent-columns {
      display:inline-block;
      margin-right:10px;
      white-space:nowrap;
  }
  
  .adjacent-columns {
      display:inline-block;
      margin-right:10px;
      vertical-align:top;
      white-space:nowrap;
  }
  
  
  /* HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH  IMG/HR CLASSES HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
  
  
  hr {
      width: auto;
      height:4px;
      padding:0;
      background-color:#E0DEDE;
      border-width: 0px;
  }
  
  
  /* HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH LISTS HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
  
  ul {
    list-style-image: url(image/round-bullet.svg);
    margin-top:15px; 
      margin-bottom:0px; 
    padding-left: 20px;
    list-style-position: outside;
  }
  
  ol {
    margin: 0;
    padding-left: 20px;
    list-style-position: outside;
  }
  
  .margin-3 {
      margin-left: 1.3em;
  }
  
  .nobullet-6px {
      list-style: none;
      padding-left: 15px;
      margin-top:0px;
  }
  
  .nobullet-nopadding {
      list-style: none;
      padding-left: 0px;
      margin-top:0px;
  }
  
  .nobullet {
      list-style: none;
      padding-left: 1.3em;
  }
  
  .square-bullet-2-orange {
      list-style-image: url('image/orange-square-bullet.svg');
  }
  
  .list-space {
      padding-bottom: 5px;
  }
  
  
  /* HHHHHHHHHHHHHHHHHHHHH MAX WIDTH 600 HHHHHHHHHHHHHHHHH */
  
  @media screen and (max-width: 600px) {
  
  ul {
      padding-left:13px;
  }
  
  .margin-3 {
      margin-left: 10px;
  }
  
  .nobullet {
      padding-left: 10px;
  }
  
  .square-bullet-2-orange {
      padding-left: 13px;
  }
  }
  
  
  /* HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH LINKS HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
  
  .table-anchor {
      display: block; 
      top: -10px;
      position:relative;
      visibility:hidden;
  }
  
  @media screen and (max-height: 700px) {
  .table-anchor {
      top: 0px;
  }
  }
  
  a.anchor{display: block; position: relative; top: -120px; left: -1280px; visibility:hidden;}
  
  a.anchor-left{display: block; position: relative; left: -1700px; visibility:hidden; top: -15px;}
  
  
  .no-underline:link {
      text-decoration:none;
  }
  
  .icon-hover:hover img {
      background-color: #E0DEDE;
  }
  
  
  /* HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH TABLES HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
  
  th {
      text-align:center;
      background-color: #ebebeb;
  }
  
  td {
      background-color:white;
      font-size: 18px;
  }
  
  .overflow {
      overflow:auto;
  }
  
  .table-standard {
      font-size: 18px;
      text-align:center;
      padding-left:9px;
      padding-right:9px;
      padding-top:9px;
      padding-bottom:9px;
      border:3px solid gray;
      border-collapse:collapse;
      margin-left: 20px;
  }
  
  @media screen and (max-width: 800px) {
  
  .table-standard {
      margin:0 auto 0 auto;
  }
  }
  
  .flex-div .table-standard {
      margin-bottom:10px;
  }
  
  .table-standard-center {
      font-size: 18px;
      margin-left:auto;
      margin-right:auto;
      text-align:center;
      padding-left:9px;
      padding-right:9px;
      padding-top:9px;
      padding-bottom:9px;
      border:3px solid gray;
      border-collapse:collapse;
  }
  
  .table-standard-grey {
      font-size: 18px;
      background-color: #ebebeb;
      text-align:center;
      padding-left:0.5em;
      padding-right:0.5em;
      padding-top:0.5em;
      padding-bottom:0.5em;
      border:3px solid gray;
      border-collapse:collapse;
  }
  
  .table-standard-vert-middle-text-center {
      margin: 0 auto 0 auto;
      padding: 10px;
      border:3px;
      border-collapse:collapse;
      border:3px solid gray;
      vertical-align:middle;
      text-align:center;
  }
  
  .table-standard-vert-middle-text-left {
      margin: 0 auto 0 auto;
      padding: 10px;
      border:3px;
      border-collapse:collapse;
      border:3px solid gray;
      vertical-align:middle;
      text-align:left;
  }
  
  .table-standard-vert-top-text-left {
      margin: 0 auto 0 auto;
      padding: 10px;
      border:3px;
      border-collapse:collapse;
      border:3px solid gray;
      vertical-align:top;
      text-align:left;
  }
  
  .table-standard-vert-top-text-center {
      margin: 0 auto 0 auto;
      padding: 10px;
      border:3px;
      border-collapse:collapse;
      border:3px solid gray;
      vertical-align:top;
      text-align:center;
  }
  
  .caption {
      caption-side:bottom;
      text-align:left;
      padding-top:0.3em;
      padding-bottom:1em;
  }
  
  .caption-two {
      caption-side:bottom;
      text-align:left;
      padding-top:0.3em;
      padding-bottom: 5px;
  }
  
  @media screen and (max-width: 800px) {
  
  .table-study {
      margin:0 auto 0 auto;
  }
  }
  
  .flex-div {
      display:flex;
      flex-wrap:wrap;
  }
  
  .table-thin-border {
      text-align:center;
      padding:5px;
      border:2px solid #BDB9B9;
      white-space:nowrap;
      border-collapse:collapse;
      border-spacing:0px;
      margin: 0 auto 0 auto;
  }
  
  
  /* HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH DISPLAY HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
  
  .display-none {
      display:none;
  }
  
  .display-show {
      display:inline-block;
  }
  
  .display-block {
      display:block;
  }
  
  .visibility-show {
      visibility:visible;
  }
  
  /* HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH JQUERY AUTOCOMPLETE HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
  
  #zoom_ac_dropdown {
      display:none;
  }
  
  .ui-menu {
      max-height:150px;
      background-color:white;
      padding-left:8px;
      border: 1px #717C8C solid;
      border-top:0px;
      overflow:auto;
      overflow-x:hidden;
      font-size: 18px;
    z-index:9999;
      list-style: none;
  }
  
  .ui-menu-item {
      cursor:pointer;
      padding-top: 5px;
      padding-bottom: 5px;
  }
  
  li.ui-menu-item:hover {
      color: black;
      background-color: #f1f1f1;
      width: auto;
      text-decoration: none;
      font-weight: bold;
  }
  
  .ui-helper-hidden-accessible {
      display:none;
  }
  
  
  /* HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH NEWS ARTICLE STYLES HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
  
  #center-content-article {
    width:1280px;
    margin:30px auto 0 auto;
    background-color:white;
    line-height:1.5em;
    position:relative;
      overflow:visible;
    padding:10px;
  }
  
  #share-box {
    position: -webkit-sticky;
    position:sticky;
    top: 200px;
    display:inline-block;
    z-index:99;
    border: 1px #CCC solid;
    padding:10px;
    vertical-align:top;
    margin-right:20px;
    margin-top:150px;
    box-sizing: border-box;
    width:80px;
  }
  
  #share-word, #share-word-mobile {
    color:#004080;
    font-weight:bold;
    font-family:Arial, sans-serif;
    font-size:16px;
    text-align:center;
  }
  
  #facebook-box, #facebook-box-mobile {
      display: block;
      font-family:Calibri, sans-serif;
    text-align:center;
    margin-top:15px;
    margin-bottom:15px;
      cursor:pointer;
  }
  
  #tweet-box, #tweet-box-mobile {
      display: block;
    margin-top:15px;
    margin-bottom:15px;
      font-family:Calibri, sans-serif;
    text-align:center;
      cursor:pointer;
  }
  
  #pinterest-box, #pinterest-box-mobile {
      cursor:pointer;
      display:block;
    margin-top:15px;
    margin-bottom:15px;
    text-align:center;
  }
  
  #doximity-box, #doximity-box-mobile {
      display: block;
      font-family:Calibri, sans-serif;
    margin:15px auto 15px auto;
      cursor:pointer;
    text-align:center;
  }
  
  #email-box, #email-box-mobile {
      display: block;
      font-family:Calibri, sans-serif;
    margin:15px auto 15px auto;
      cursor:pointer;
    text-align:center;
  }
  
  .article-content {
    max-width:770px;
    display:inline-block;
    padding-right:20px;
    box-sizing: border-box;
  }
  
  .article-paragraph {
    line-height:1.5;
  }
  
  .article-right {
    max-width:400px;
    display:inline-block;
    border-left: 1px #CCC solid;
    padding-left:15px;
      padding-bottom:20px;
    margin-top:20px;
    box-sizing: border-box;
    vertical-align:top;
      font-size:20px;
  }
  
  h6 {
      font-size:30px;
      line-height:34px;
      font-weight:bold;
      text-align:left;
      font-family: Trebuchet MS, sans-serif;
      display:block;
      width: auto;
      margin:0px auto 0px auto;
      color:black;
      padding-right:15px;
      padding-bottom:10px;
  }
  
  .news-box-image-large-article {
    display:block;
    position:relative;
    text-align:left;
    margin-bottom:10px;
  }
  
  .image-large {
    width:100%;
    height:100%;
  }
  
  .article-block {
      font-size:20px;
      position:relative;
      line-height:28px;
      margin-top:20px;
  }
  
  .article-block a:link {color:#1B4EC5; text-decoration:none;font-weight:500;}
  .article-block a:visited {color:#1B4EC5; text-decoration:none;font-weight:500;}
  .article-block a:hover {color:#1B4EC5; text-decoration:underline;font-weight:500;}
  
  #mobile-share {
      display:none;
  }
  
  /* HHHHHHHHHHHHHHHHHHHHHHHHHHHH 1350 MEDIA QUERIES HHHHHHHHHHHHHHHHHHHHH */
  
  @media screen and (max-width: 1350px) {
  
  #center-content-article {
      width:95%;
  }
  
  .article-right {
      display:block;
    max-width: 770px;
    border-left: 0px;
    border-top: 1px #CCC solid;
    margin-left:100px;
    padding-top:10px;
  }
  
  #center-1350 {
    margin: 0 auto 0 auto;
    max-width:900px;
  }
  }
  
  /* HHHHHHHHHHHHHHHHHHHHHHHHHHHH 1100 HHHHHHHHHHHHHHHHHHHHH */
  
  @media screen and (max-width: 1100px) {
  
  #center-1350 {
    max-width:1100px;
  }
  }
  
  /* HHHHHHHHHHHHHHHHHHHHHHHHHHHH 1000 HHHHHHHHHHHHHHHHHHHHH */
  
  @media screen and (max-width: 1000px) {
  
  .article-block {
      margin-top: 7px;
  }
  
  #share-box {
      display: none;
  }
  
  #mobile-share {
      display:block;
  }
  
  #share-word-mobile {
      display: inline-block;
      text-align:left;
      margin-left:5px;
      margin-right:12px;
  }
  
  #facebook-box-mobile {
      display: inline-block;
    text-align:left;
      margin-right:15px;
  }
  
  #tweet-box-mobile {
      display: inline-block;
    text-align:left;
      margin-right:15px;
  }
  
  #pinterest-box-mobile {
      display: inline-block;
    text-align:left;
      margin-right:15px;
  }
  
  #doximity-box-mobile {
      display: inline-block;
    text-align:left;
      margin-right:15px;
  }
  
  #email-box-mobile {
      display: inline-block;
    text-align:left;
      margin-right:15px;
  }
  
  #center-content-article {
    padding-right:0px;
    padding-left:0px;
  }
  
  #center-1350 {
    max-width:1000px;
  }
  
  .article-content {
    padding-right:0px;
  }
  
  .article-right {
    margin-left:0px;
    padding-left:0px;
  }
  }
  
  /* HHHHHHHHHHHHHHHHHHHHHHHHHHHH 700 HHHHHHHHHHHHHHHHHHHHH */
  
  @media screen and (max-width: 700px) {
  
  .news-box-image-large-article {
    text-align:center;
  }
  }
  
  /* HHHHHHHHHHHHHHHHHHHHHHHHHHHH 360 HHHHHHHHHHHHHHHHHHHHH */
  
  @media screen and (max-width: 360px) {
  
  #share-word-mobile {
      margin-left:5px;
      margin-right:6px;
  }
  
  #facebook-box-mobile {
      margin-right:6px;
  }
  
  #tweet-box-mobile {
      margin-right:6px;
  }
  
  #pinterest-box-mobile {
      margin-right:6px;
  }
  
  #doximity-box-mobile {
      margin-right:6px;
  }
  
  #email-box-mobile {
      margin-right:6px;
  }
}

/* HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH CATEGORY NAVIGATION HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */

#category-nav-wrapper {
  width: 100%;
  background-color: #f8f8f8;
  border-bottom: 1px solid #e0e0e0;
  padding: 8px 0;
}

.category-nav-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}

.category-nav-scroll {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #ccc #f8f8f8;
  padding-bottom: 5px;
}

.category-nav-scroll::-webkit-scrollbar {
  height: 6px;
}

.category-nav-scroll::-webkit-scrollbar-track {
  background: #f8f8f8;
}

.category-nav-scroll::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 3px;
}

.category-link {
  display: inline-block;
  padding: 10px 15px;
  color: #004080;
  text-decoration: none;
  font-family: 'Trebuchet MS', Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color 0.3s ease;
  flex-shrink: 0;
  letter-spacing: 0.5px;
}

.category-link:hover {
  color: #f89807;
  text-decoration: none;
}

.category-link:visited {
  color: #004080;
}

.category-link:visited:hover {
  color: #f89807;
}

/* Hide sidebar navigation links on desktop - only show on mobile when sidebar moves to bottom */
.sidebar-nav-link {
  display: none;
}

/* Mobile responsiveness for category navigation */
@media screen and (max-width: 768px) {
  .category-nav-container {
    padding: 0 10px;
  }
  
  .category-nav-scroll {
    gap: 12px;
    padding-bottom: 8px;
  }
  
  .category-link {
    padding: 8px 12px;
    font-size: 14px;
  }
}

@media screen and (max-width: 500px) {
  .category-link {
    padding: 8px 10px;
    font-size: 13px;
  }
  
  .category-nav-scroll {
    gap: 10px;
  }
}