/* Staging compatibility layer: preserve the original 950px desktop composition. */
@media (max-width: 980px) {
  body { background-color: #fff !important; background-image: none !important; font-size: 16px; line-height: 1.65; }
  div#main { box-sizing: border-box; width: auto; max-width: none; margin: 0 16px; padding: 20px 0 0; }
  div#main div#top_sec, div#main div#main_navigation, div#main div#maincontent, div#main div#home_content_area, div#main div#inner_content_area { box-sizing: border-box; width: 100%; }
  div#main div#top_sec img { max-width: 100%; height: auto; }
  div#main div#main_navigation { margin: 16px 0; }
  div#main_navigation > div > ul, div#main_navigation > ul { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; }
  div#main_navigation li { float: none; width: auto; margin: 0; flex: 1 1 auto; }
  div#main_navigation a { box-sizing: border-box; min-height: 44px; height: auto; width: auto; padding: 10px 12px; line-height: 1.4; font-size: 16px; }
  div#main div#maincontent { background: none; }
  #primary { box-sizing: border-box; float: none; width: 100%; padding: 0 0 24px; font-size: 16px; line-height: 1.65; overflow-wrap: break-word; }
  #primary p { line-height: 1.65; text-align: left !important; }
  #primary .ctgtag, #primary .cat-links, #primary .tag-links, #primary .clear { box-sizing: border-box; width: 100%; max-width: 100%; }
  #primary img, #primary video, #primary iframe, #primary object, #primary embed { max-width: 100%; }
  #primary img { height: auto !important; }
  #primary iframe[src*="slideshare.net"], #primary iframe[src*="youtube"] { box-sizing: border-box; width: 100%; height: auto; min-height: 220px; aspect-ratio: 4 / 3; }
  h2.entry-title, h2.entry-title a, h1.entry-title { font-size: 26px; line-height: 1.25; }
  .entry-meta { font-size: 13px; line-height: 1.5; }
  .entry-utility { font-size: 14px; }
  #secondary { box-sizing: border-box; float: none; width: 100%; padding: 24px 0; border-top: 1px solid #ddd; font-size: 15px; line-height: 1.6; }
  #secondary .widget-container { margin-left: 0; }
  #secondary p, #secondary a { overflow-wrap: break-word; }
  .dci-search-form { display: flex; flex-wrap: wrap; gap: 8px; }
  .dci-search-form label { flex: 1 1 180px; }
  .dci-search-form input { box-sizing: border-box; width: 100%; min-height: 44px; font-size: 16px; }
  .dci-search-form button { min-height: 44px; padding: 8px 14px; font-size: 16px; }
  #respond, #commentform, #commentform textarea { box-sizing: border-box; max-width: 100%; }
  #primary pre, #primary table { display: block; max-width: 100%; overflow-x: auto; }
}

/* Search dates retain their full month and clear the excerpt on mobile. */
@media (max-width: 980px) {
  #primary > .pagetitle ~ article .date { height: auto; min-height: 88px; }
  #primary > .pagetitle ~ article .entry-content { clear: both; }
}