/*
 NSAForum mobile visual polish v4 — approved for Production by owner, 2026-10-16.
 Designed with browser Playwright comparison of live Production and Staging.
 No changes to login, ad units, active content, JS, desktop, or permission behavior.
 Scope only forum topic-list screen node 28 and matching topic list widgets.
 v3 is prerequisite. Pinned styling retained.
*/
@media screen and (max-width: 767px) {
  /* Calm controls: preserve dimensions and accessible hit regions. */
  #topic-tab .conversation-toolbar {
    box-sizing: border-box !important;
    background: #eef4fa !important;
    border: 1px solid #d0dce9 !important;
    border-radius: 9px !important;
    padding: 0 6px !important;
    min-height: 46px !important;
  }
  #topic-tab .conversation-toolbar .toolbar-filter .filter-wrapper {
    box-sizing: border-box !important;
    border: 1px solid #789ab9 !important;
    background: #f8fbff !important;
    border-radius: 8px !important;
    min-height: 44px !important;
    padding: 9px 12px !important;
    box-shadow: 0 1px 1px rgba(18, 53, 84, 0.05) !important;
  }
  #topic-tab .conversation-toolbar .toolbar-filter .filter-wrapper .label {
    color: #173e62 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
  }

  /* Consistent pagination: clearly selected page, not warning-red. */
  #topic-tab .js-under-toolbar-pagenav .js-pagenav-button:not(.h-hide-imp) {
    box-sizing: border-box !important;
    min-height: 44px !important;
    min-width: 44px !important;
    padding: 10px 12px !important;
    border: 1px solid #c3d5e4 !important;
    border-radius: 8px !important;
    background: #f0f5fa !important;
    color: #164773 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: none !important;
  }
  #topic-tab .js-under-toolbar-pagenav .js-pagenav-current-button:not(.h-hide-imp) {
    background: #164773 !important;
    border-color: #164773 !important;
    color: #ffffff !important;
  }
  #topic-tab .js-under-toolbar-pagenav .js-pagenav-button:focus-visible,
  #topic-tab .conversation-toolbar .filter-wrapper:focus-visible {
    outline: 3px solid #c08727 !important;
    outline-offset: 2px !important;
  }

  /* Card hierarchy: consistent borders, generous readable but not oversized type. */
  .topic-list-container.conversation-list tr.topic-item {
    box-sizing: border-box !important;
    border: 1px solid #c5d5e4 !important;
    border-radius: 10px !important;
    margin-bottom: 11px !important;
    box-shadow: 0 2px 5px rgba(13, 46, 78, 0.08) !important;
    background: #ffffff !important;
  }
  .topic-list-container.conversation-list tr.topic-item:nth-child(even) {
    background: #f7fafc !important;
  }
  .topic-list-container.conversation-list tr.topic-item.sticky,
  .topic-list-container.conversation-list tr.topic-item.sticky:nth-child(even) {
    background: #fff9ed !important;
    border-color: #cba65e !important;
    border-inline-start: 4px solid #bd8b32 !important;
  }
  .topic-list-container.conversation-list tr.topic-item:hover,
  .topic-list-container.conversation-list tr.topic-item:focus-within {
    background: #eef5fc !important;
    border-color: #789ab9 !important;
  }
  .topic-list-container.conversation-list tr.topic-item.sticky:hover,
  .topic-list-container.conversation-list tr.topic-item.sticky:focus-within {
    background: #fff3d6 !important;
    border-color: #b98b38 !important;
  }
  .topic-list-container.conversation-list tr.topic-item .cell-topic a.topic-title {
    color: #15476f !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    font-size: 19px !important;
    overflow-wrap: anywhere;
  }
  .topic-list-container.conversation-list tr.topic-item .cell-topic a.topic-title:focus-visible,
  .topic-list-container.conversation-list tr.topic-item .cell-topic a.topic-title:hover {
    text-decoration: underline !important;
  }
  .topic-list-container.conversation-list tr.topic-item .cell-count,
  .topic-list-container.conversation-list tr.topic-item .cell-lastpost {
    color: #384a5f !important;
    line-height: 1.5 !important;
  }
  /* Subtle page-heading separator; don't increase whitespace above the list. */
  #content .page-title-widget {
    border-bottom: 1px solid #e0e9f1 !important;
    padding-bottom: 4px !important;
    margin-bottom: 2px !important;
  }
}
@media screen and (max-width: 767px) and (prefers-reduced-motion: reduce) {
  .topic-list-container.conversation-list tr.topic-item {
    transition: none !important;
  }
}