/* Archive overlay for the static SCRM blog mirror (added 2026-11). */

.archive-notice {
  margin: 12px 0 4px;
  padding: 8px 12px;
  background: #f7f3ec;
  border-left: 4px solid #890000;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 0.85em;
  line-height: 1.45;
  color: #333;
}
.comments-closed {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 0.85em;
  color: #666;
  font-style: italic;
}
.fivestar-static { margin: 2px 0 0 0; }
.fivestar-static .fivestar-widget-static { width: 85px; white-space: nowrap; }
.fivestar-none { font-family: Tahoma, Arial, sans-serif; font-size: 0.75em; color: #888; }

img { max-width: 100%; height: auto; }

/* ---- narrow screens: un-fix the 960px Drupal layout ---- */
@media (max-width: 980px) {
  html, body { overflow-x: hidden; }
  #page-wrapper, .region-bottom { width: auto; }
  #page { font-size: 1em; }

  #header { height: auto; position: relative; overflow: hidden; }
  #header #logo { float: none; display: block; }
  #header #logo img { display: block; width: 100%; height: 110px; object-fit: cover; object-position: left center; }
  #header #name-and-slogan { position: absolute; top: 0; left: 0; margin: 0; padding: 14px 16px; }
  h1#site-name, div#site-name { font-size: 1.5em; line-height: 1.2em; }

  #main { display: flex; flex-direction: column; }
  #main > * { order: 1; }
  #main > div#navigation { order: 0; }
  div#navigation {
    float: none; width: auto; height: auto; margin: 0 8px; padding: 4px; box-sizing: border-box;
    position: static; top: 0; line-height: 1.6em;
  }
  div#navigation .section, div#navigation .region-navigation { overflow: hidden; }
  div#navigation li { padding: 2px 0; }
  div#navigation div#block-search-form, div#navigation .block-search {
    float: none; clear: both; margin: 4px 0 0; padding: 0;
  }
  div#navigation input.custom-search-box { width: 100%; box-sizing: border-box; }

  #content, .no-sidebars #content, .sidebar-first #content,
  .sidebar-second #content, .two-sidebars #content {
    float: none; width: auto; margin: 0 !important;
  }
  .with-navigation #content, #main-wrapper #content { margin-top: 4px; }
  #content .section { padding-left: 12px; padding-right: 12px; }
  .region-sidebar-first, .region-sidebar-second {
    float: none; width: auto; margin: 0; padding: 0 12px;
  }

  /* front page panels */
  div.panel-3col-33-stacked div.center-wrapper { width: auto; }
  .panel-3col-33-stacked .panel-col-last,
  .panel-3col-33-stacked .panel-col,
  .panel-3col-33-stacked .panel-col-first {
    float: none; width: auto; margin: 0 0 16px 0;
  }
  div.view-id-frontpage_featured div.views-row {
    width: auto; height: auto; float: none; margin: 0 0 16px 0;
  }
  .view-id-frontpage_featured .views-field-title,
  .pane-frontpage-featured .view-id-frontpage_featured .views-field-field-short-summary div.field-content,
  div.view-id-frontpage_featured .views-field-body { width: auto; }
  #views_slideshow_cycle_teaser_section_frontpage_featured-block_1 { width: auto !important; height: auto !important; }

  div.view-frontpage-most-popular div.view-popular-brief-row,
  div.view-recently-published div.view-recently-brief-row,
  div.view-id-frontpage_best_rating div.view-best-brief-row { height: auto; padding-bottom: 50px; }

  /* boxes floated to the right of articles become full-width blocks */
  #block-block-2.block.block-block, #block-block-1.block.block-block,
  #block-cck-blocks-field-category div.field.field-name-field-category,
  #block-cck-blocks-field-tags-review div.field.field-name-field-tags-review,
  .view-review-paper-summary, .group-paper-summary,
  .node-news-item .field-name-field-tags-review, .node-news-item div.field-name-field-category,
  .field-name-field-short-summary, .node-review .field-name-field-tags-review,
  .node-review div.field-name-field-category, div#block-similarterms-all {
    float: none; width: auto; margin-left: 0; box-sizing: border-box;
  }

  /* in-article figures and tables */
  .field-name-body div[style*="width"], .field-name-body span[style*="width"] { max-width: 100%; }
  table.triple_picture, span.image_comment, img.article_center,
  .field-name-body table.conferences { width: auto; margin-left: 0; }
  .field-name-body table { display: block; max-width: 100%; overflow-x: auto; }
  .field-name-body pre { white-space: pre-wrap; }

  #block-menu-menu-bottom-menu div.content ul,
  #block-menu-menu-foot-menu div.content ul { width: auto; }
  #block-menu-menu-bottom-menu li, #block-menu-menu-foot-menu li { display: inline-block; margin: 2px 6px; }
}