/* Keep existing data accessible when the parent normally hides columns. */
@media (min-width: 1900px) { #wrap { max-width: 2000px; } }
@media (max-width: 1000px) {
  #wrap { padding: 0 16px 20px; }
  #page-header { margin-inline: -16px; }
  li.row { padding-inline: 8px; }
  .bubble-count { margin-inline: 2px; }
}
@media (max-width: 700px) {
  #wrap { min-width: 0; padding: 0 10px 16px; }
  #page-header { margin: 0 -10px 16px; }
  #page-header .headerbar { min-height: 250px; padding: 14px; background-position: 52% 58%; }
  .headerbar > .inner { min-height: 222px; }
  #site-description { display: block; float: none; }
  #logo .site_logo { width: 210px; height: 70px; }
  #search-box { display: block; left: 0; right: 0; width: auto; max-width: 100%; }
  #search-box fieldset { display: flex; }
  #search-box input.inputbox { min-width: 0; width: auto; flex: 1; }
  #page-header .navbar { padding-inline: 10px; }
  .nav-main { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 10px; }
  .nav-main > li { float: none; margin: 0; }
  .nav-main > li > a, .button, input.button1, input.button2 { min-height: 44px; box-sizing: border-box; }
  ul.topiclist dt, ul.topiclist dt .list-inner { margin-right: 0; }
  li.row dl.row-item { display: flex; flex-wrap: wrap; background-position: 6px 15px; }
  li.row dl.row-item > dt { box-sizing: border-box; width: 100%; flex: 0 0 100%; float: none; margin: 0; padding-bottom: 8px; }
  ul.topiclist li.row dl.row-item > dd { float: none; margin: 0; height: auto; min-height: 0; padding-bottom: 4px; }
  ul.topiclist li.row dd.topics, ul.topiclist li.row dd.posts,
  ul.topiclist li.row dd.views { display: block !important; width: auto; min-width: 70px; padding: 3px 8px; line-height: 1.5; }
  ul.topiclist li.row dd.lastpost { display: block !important; width: 100%; flex: 0 0 100%; padding: 8px 0 4px 44px; box-sizing: border-box; border: 0; font-size: 1em; }
  ul.topiclist li.row dd.lastpost > span { margin-left: 0; }
  ul.topiclist dd dfn { display: inline; position: static; width: auto; height: auto; clip: auto; font-size: .9em; }
  .lastpost .lastsubject { display: inline !important; }
  .topiclist.forums .row .list-inner > .responsive-show { display: none !important; } /* Duplicate count only; original columns above remain. */
  .post { padding: 12px; }
  .post .postprofile { width: auto; float: none; border: 0; border-bottom: 1px solid var(--vg-line); padding-bottom: 12px; margin-bottom: 12px; }
  .post .postprofile dd { display: block !important; }
  .post .postprofile .avatar { display: block; }
  .post .postbody { width: 100%; float: none; }
  .content, .signature, .postprofile, .list-inner { overflow-wrap: anywhere; }
  .content img, .content video, .attach-image img { max-width: 100%; height: auto; }
  .content iframe { max-width: 100%; }
  fieldset.quick-login { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
  fieldset.quick-login label { max-width: 100%; }
  fieldset.quick-login input.inputbox { box-sizing: border-box; max-width: 100%; }
  fieldset dt, fieldset dd { max-width: 100%; box-sizing: border-box; }
  textarea, select, .inputbox { max-width: 100%; box-sizing: border-box; }
  .action-bar .pagination { float: none; clear: both; padding-top: 10px; }
  .stat-block { padding: 12px; }
  .navbar, .copyright { overflow-wrap: anywhere; }
  .dropdown-extended { max-width: calc(100vw - 30px); }
}
@media (forced-colors: active) {
  .forabg, .forumbg, .panel, .post, .navbar { border: 1px solid CanvasText; }
  .row-item[class*="unread"] { border-inline-start-color: Highlight; }
}