/* Additive TEST only. No styles apply at 760px or wider. */
@media (max-width: 759px) {
  .ogmc-hidden { display: none !important; }
  .ogmc-section, .ogmc-details {
    border: 1px solid #636b59 !important;
    border-radius: 5px !important;
    padding: 0 !important;
    margin: 8px 0 !important;
    box-shadow: none !important;
  }
  .ogmc-toggle, .ogmc-details > .ogmc-summary {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 0 !important;
    border-radius: 4px;
    background: #252b22;
    color: #eceee7;
    font: inherit;
    font-weight: bold;
    text-align: left;
    list-style: none !important;
    cursor: pointer;
  }
  .ogmc-summary > h3 { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; color: inherit; font: inherit; }
  .ogmc-summary > h3::before { content: none !important; display: none !important; }
  .ogmc-details > .ogmc-summary::-webkit-details-marker { display: none !important; }
  .ogmc-details > .ogmc-summary::marker { content: '' !important; }
  .ogmc-details > .ogmc-summary::before { display: none !important; content: none !important; }
  .ogmc-toggle::after, .ogmc-details > .ogmc-summary::after {
    content: '+' !important;
    position: static !important;
    margin-left: auto;
    flex: 0 0 auto;
    font-size: 20px;
    line-height: 1;
  }
  .ogmc-toggle[aria-expanded='true']::after,
  .ogmc-details[open] > .ogmc-summary::after { content: '−' !important; }
  .ogmc-toggle:focus-visible, .ogmc-summary:focus-visible { outline: 2px solid #d4df9b; outline-offset: -3px; }
  .ogmc-content[hidden] { display: none !important; }
  .ogmc-content, .ogmc-content .bord_sb, .ogmc-content .sb,
  .ogmc-content .og-scroll-region, .ogmc-content table,
  .ogmc-content td, .ogmc-content th, .ogmc-content [id='user_ratio'] {
    border: 0 !important;
    box-shadow: none !important;
  }
  .ogmc-content { margin: 0 !important; padding: 5px !important; }
}

/* v2: only the index "Who is online" block; never changes desktop tables. */
@media (max-width: 759px) {
  #board_stats,
  #board_stats #board_stats_wrap,
  #board_stats #board_stats_wrap > .og-scroll-region,
  #board_stats #board_stats_wrap > .og-scroll-region > table.forums,
  #board_stats #board_stats_wrap > table.forums,
  #board_stats #board_stats_wrap > .og-scroll-region > table.forums > tbody,
  #board_stats #board_stats_wrap > table.forums > tbody,
  #board_stats #board_stats_wrap > .og-scroll-region > table.forums > tbody > tr,
  #board_stats #board_stats_wrap > table.forums > tbody > tr,
  #board_stats #board_stats_wrap > .og-scroll-region > table.forums > tr,
  #board_stats #board_stats_wrap > table.forums > tr,
  #board_stats #board_stats_wrap > .og-scroll-region > table.forums > tbody > tr > td.last_td,
  #board_stats #board_stats_wrap > table.forums > tbody > tr > td.last_td,
  #board_stats #board_stats_wrap > .og-scroll-region > table.forums > tr > td.last_td,
  #board_stats #board_stats_wrap > table.forums > tr > td.last_td,
  #board_stats td.last_td > .med {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  #board_stats #board_stats_wrap > .og-scroll-region > table.forums,
  #board_stats #board_stats_wrap > table.forums,
  #board_stats #board_stats_wrap > .og-scroll-region > table.forums > tbody,
  #board_stats #board_stats_wrap > table.forums > tbody,
  #board_stats #board_stats_wrap > .og-scroll-region > table.forums > tbody > tr,
  #board_stats #board_stats_wrap > table.forums > tbody > tr,
  #board_stats #board_stats_wrap > .og-scroll-region > table.forums > tr,
  #board_stats #board_stats_wrap > table.forums > tr,
  #board_stats #board_stats_wrap > .og-scroll-region > table.forums > tbody > tr > td.last_td,
  #board_stats #board_stats_wrap > table.forums > tbody > tr > td.last_td,
  #board_stats #board_stats_wrap > .og-scroll-region > table.forums > tr > td.last_td,
  #board_stats #board_stats_wrap > table.forums > tr > td.last_td {
    display: block !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #board_stats #board_stats_wrap > .og-scroll-region > table.forums > tbody > tr > td.f_icon,
  #board_stats #board_stats_wrap > table.forums > tbody > tr > td.f_icon,
  #board_stats #board_stats_wrap > .og-scroll-region > table.forums > tr > td.f_icon,
  #board_stats #board_stats_wrap > table.forums > tr > td.f_icon {
    display: none !important;
  }
  #board_stats td.last_td > .med {
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
  #board_stats #online_time,
  #board_stats #online_explain {
    float: none !important;
    clear: both;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left;
  }
  #board_stats #online_userlist a {
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
}

/* Account panel only: all wider layouts remain the original site defaults. */
@media (max-width: 759px) {
  .topmenu.ogmc-account { padding: 0 !important; background: #1f3029 !important; color: #eef1e9 !important; text-align: left !important; }
  .ogmc-account-shell { margin: 0 !important; padding: 0 !important; min-width: 0; }
  .ogmc-account-identity, .ogmc-account-status {
    box-sizing: border-box; padding: 10px 12px; margin: 0;
    background: #243a30; color: #eef1e9; line-height: 1.5;
    overflow-wrap: anywhere; white-space: normal !important;
    border-bottom: 1px solid #495443;
  }
  .ogmc-account-identity { font-weight: bold; }
  .ogmc-account-status { font-size: 12px; }
  .ogmc-account-identity a, .ogmc-account-status a { color: #eef1e9; }
  .ogmc-account-decoration, .ogmc-account-empty { display: none !important; }
  .topmenu.ogmc-account .ogmc-account-grid {
    display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 1fr; gap: 1px; padding: 1px; margin: 0;
    background: #495443; box-sizing: border-box;
  }
  .topmenu.ogmc-account .ogmc-account-grid > a {
    display: flex !important; align-items: center; justify-content: center;
    min-width: 0; min-height: 48px; height: 100%; box-sizing: border-box;
    margin: 0 !important; padding: 10px 8px !important; border: 0 !important;
    border-radius: 0 !important; background: #1f3029 !important;
    color: #eef1e9 !important; font-size: 13px !important; font-weight: bold;
    line-height: 1.35 !important; text-align: center !important;
    white-space: normal !important; overflow-wrap: anywhere; text-decoration: none !important;
  }
  .topmenu.ogmc-account .ogmc-account-grid > a b { color: inherit !important; }
  .topmenu.ogmc-account .ogmc-account-grid > a:hover { background: #2b4235 !important; }
  .topmenu.ogmc-account a:focus-visible { outline: 2px solid #d4df9b !important; outline-offset: -3px; }
}
@media (min-width: 420px) and (max-width: 759px) {
  .topmenu.ogmc-account .ogmc-account-grid.ogmc-account-compact { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Profile-only overrides. Load AFTER the existing mobile/account stylesheet.
   No declarations outside <=759px; JS tags are also mobile-only and reversible. */
@media (max-width: 759px) {
  table.user_profile.ogmp-profile,
  table.user_profile.ogmp-profile > tbody,
  table.user_profile.ogmp-profile > thead,
  table.user_profile.ogmp-profile > tfoot,
  .ogmp-profile .ogmp-section-row,
  .ogmp-profile .ogmp-section-cell,
  .ogmp-profile table.ogmp-fields,
  .ogmp-profile table.ogmp-fields > tbody,
  .ogmp-profile table.ogmp-fields > thead,
  .ogmp-profile table.ogmp-fields > tfoot,
  .ogmp-profile .ogmp-field-row,
  .ogmp-profile .ogmp-field-cell {
    display: block;
    box-sizing: border-box;
    width: 100% !important; max-width: 100% !important; min-width: 0 !important;
    height: auto; white-space: normal !important;
    overflow-wrap: anywhere; word-break: normal !important;
  }
  /* Inline display:none and .hidden/[hidden] remain authoritative. Never use
     !important for display on any existing profile table/row/cell. */
  .ogmp-profile .ogmp-section-cell { padding: 10px 8px; }
  .ogmp-profile .ogmp-field-row { padding: 6px 0; }
  .ogmp-profile .ogmp-field-cell {
    text-align: left !important; padding: 3px 6px !important;
    line-height: 1.45; vertical-align: top;
  }
  .ogmp-profile th.ogmp-field-cell { font-weight: bold; }
  .ogmp-profile .ogmp-field-cell a,
  .ogmp-profile .ogmp-field-cell p,
  .ogmp-profile .ogmp-field-cell .editable {
    white-space: normal !important; overflow-wrap: anywhere; word-break: normal !important;
  }
  .ogmp-profile .ogmp-field-cell p { margin: 0; }
  .ogmp-profile input:not([type=checkbox]):not([type=radio]),
  .ogmp-profile select, .ogmp-profile textarea { box-sizing: border-box; max-width: 100%; }
  .ogmp-profile img { max-width: 100%; }
  .ogmp-layout-scroll { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box; }
  .ogmp-profile .ogmp-traffic-scroll {
    width: 100% !important; max-width: 100% !important; min-width: 0 !important;
    overflow-x: auto !important; box-sizing: border-box; overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }
  .ogmp-profile #traf-stats-tbl.ogmp-traffic {
    display: table; width: 468px !important; min-width: 468px !important;
    max-width: none !important; table-layout: auto !important;
    overflow-wrap: normal; word-break: normal !important;
  }
  .ogmp-profile #traf-stats-tbl.ogmp-traffic > tbody { display: table-row-group; }
  .ogmp-profile #traf-stats-tbl.ogmp-traffic tr { display: table-row; }
  .ogmp-profile #traf-stats-tbl.ogmp-traffic th,
  .ogmp-profile #traf-stats-tbl.ogmp-traffic td {
    display: table-cell; width: auto !important; min-width: 0;
    white-space: nowrap !important; overflow-wrap: normal; word-break: normal !important;
    padding: 4px 8px; text-align: center;
  }
  table.ogmp-torrents, table.ogmp-torrents > tbody,
  table.ogmp-torrents > thead, table.ogmp-torrents > tfoot,
  table.ogmp-torrents .ogmp-torrent-row,
  table.ogmp-torrents .ogmp-torrent-cell {
    display: block; box-sizing: border-box;
    width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    height: auto !important; white-space: normal !important;
    overflow-wrap: anywhere; word-break: normal !important;
  }
  table.ogmp-torrents .ogmp-torrent-cell { padding: 8px !important; text-align: left; line-height: 1.4; }
  table.ogmp-torrents .ogmp-torrent-cell.dlComplete,
  table.ogmp-torrents .ogmp-torrent-cell.dlDown { font-weight: bold; text-align: left !important; }
  table.ogmp-torrents .ogmp-torrent-cell a { white-space: normal !important; overflow-wrap: anywhere; word-break: normal !important; }
  .ogmp-profile[hidden], .ogmp-profile [hidden], table.ogmp-torrents[hidden], table.ogmp-torrents [hidden] { display: none !important; }
  table.user_profile.ogmp-profile.hidden, .ogmp-profile .hidden, .ogmp-profile table.hidden, table.ogmp-torrents.hidden, table.ogmp-torrents .hidden { display: none; }
}

/* Forum/topic controls only; class markers are removed on desktop. */
@media (max-width: 759px) {
  table.ogfc-outer, table.ogfc-table, tbody.ogfc-body, tr.ogfc-outer-row, td.ogfc-outer-cell {
    display: block;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  /* Only wrappers directly enclosing these two toolbar tables, not topic data. */
  .og-scroll-region.ogfc-scroll {
    overflow: visible !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  tr.ogfc-row {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    align-items: center;
    gap: 8px;
    padding: 8px;
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
  }
  td.ogfc-cell {
    grid-column: 1 / -1;
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    text-align: left !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
  .ogfc-cell a {
    font-size: inherit !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    line-height: 1.5 !important;
  }
  .ogfc-label { grid-column: 1; }
  .ogfc-field { grid-column: 2; }
  .ogfc-divider { display: none !important; }
  .ogfc-cell form { margin: 0 !important; max-width: 100% !important; }
  .ogfc-field select {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 44px;
  }
  .ogfc-search-form { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
  .ogfc-search input[type="text"] {
    flex: 1 1 150px;
    box-sizing: border-box !important;
    min-width: 0 !important;
    width: 150px !important;
    max-width: 100% !important;
    min-height: 44px;
  }
  .ogfc-search input[type="submit"], .ogfc-cell #tst-submit-btn {
    flex: 0 0 44px;
    box-sizing: border-box !important;
    width: 44px !important;
    min-height: 44px;
  }
  /* Never override native hidden state, even when applied after marking. */
  .ogfc-outer[hidden], .ogfc-table[hidden], .ogfc-body[hidden],
  .ogfc-outer-row[hidden], .ogfc-outer-cell[hidden], .ogfc-row[hidden],
  .ogfc-cell[hidden], .ogfc-search-form[hidden] { display: none !important; }
}

/* Torrent attachment cards. Load after the existing responsive and addon CSS.
   Does not style post-content tables or the unavailable top statistics template. */
@media (max-width: 759px) {
  table.attach.ogmt-panel,
  table.attach.ogmt-panel > tbody,
  table.attach.ogmt-panel > thead,
  table.attach.ogmt-panel > tfoot,
  table.attach.ogmt-panel .ogmt-row,
  table.attach.ogmt-panel .ogmt-cell {
    display: block;
    box-sizing: border-box;
    width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    height: auto; white-space: normal !important;
    overflow-wrap: anywhere; word-break: normal !important;
  }
  table.attach.ogmt-panel { margin: 8px 0 !important; table-layout: fixed; }
  table.attach.ogmt-panel .ogmt-row { padding: 5px 0; }
  table.attach.ogmt-panel .ogmt-cell {
    padding: 5px 8px !important; text-align: left !important; line-height: 1.4;
  }
  table.attach.ogmt-panel .ogmt-label { font-weight: bold; padding-bottom: 0 !important; }
  table.attach.ogmt-panel .ogmt-download { text-align: center !important; }
  table.attach.ogmt-panel .ogmt-cell a,
  table.attach.ogmt-panel .ogmt-cell p,
  table.attach.ogmt-panel .ogmt-cell span {
    white-space: normal !important; overflow-wrap: anywhere; word-break: normal !important;
  }
  table.attach.ogmt-panel select,
  table.attach.ogmt-panel textarea,
  table.attach.ogmt-panel input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  table.attach.ogmt-panel button {
    box-sizing: border-box; max-width: 100% !important; min-width: 0 !important;
    font-size: 16px; margin: 4px 0; min-height: 40px;
  }
  table.attach.ogmt-panel select { width: 100% !important; }
  table.attach.ogmt-panel input[type="submit"],
  table.attach.ogmt-panel input[type="button"],
  table.attach.ogmt-panel button { white-space: normal !important; }
  table.attach.ogmt-panel img { max-width: 100%; height: auto; }
  .ogmt-panel-scroll {
    box-sizing: border-box; width: 100% !important;
    min-width: 0 !important; max-width: 100% !important;
  }
  /* Never reveal gated elements; inline display:none also remains authoritative.
     No display !important above, no control cloning or handler rewriting. */
  table.attach.ogmt-panel [hidden], table.attach.ogmt-panel[hidden] { display: none !important; }
  table.attach.ogmt-panel .hidden, table.attach.ogmt-panel.hidden { display: none; }
}

/* Exact top torrent stats panel. Only <=759px; no new disclosures. */
@media (max-width: 759px) {
  table.forumline.dl_list.ogmt-stats,
  table.forumline.dl_list.ogmt-stats > tbody,
  table.forumline.dl_list.ogmt-stats > thead,
  table.forumline.dl_list.ogmt-stats > tfoot,
  table.forumline.dl_list.ogmt-stats .ogmt-stats-row,
  table.forumline.dl_list.ogmt-stats .ogmt-stats-cell {
    display: block; box-sizing: border-box;
    width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    white-space: normal !important; overflow-wrap: anywhere; word-break: normal !important;
  }
  table.forumline.dl_list.ogmt-stats { margin: 0 !important; }
  table.forumline.dl_list.ogmt-stats .ogmt-stats-cell {
    padding: 7px 8px !important; line-height: 1.5; text-align: left;
  }
  table.forumline.dl_list.ogmt-stats .catTitle { text-align: center; }
  table.forumline.dl_list.ogmt-stats .ogmt-stats-cell > p,
  table.forumline.dl_list.ogmt-stats .ogmt-stats-cell > div:not(#full_details),
  table.forumline.dl_list.ogmt-stats #last_seed_info p,
  table.forumline.dl_list.ogmt-stats .seed,
  table.forumline.dl_list.ogmt-stats .leech {
    box-sizing: border-box; max-width: 100% !important; min-width: 0 !important;
    white-space: normal !important; overflow-wrap: anywhere;
  }
  table.forumline.dl_list.ogmt-stats #last_seed_info {
    width: auto !important; margin-left: 0 !important; margin-right: 0 !important;
  }
  table.forumline.dl_list.ogmt-stats .ogmt-stats-cell > img.spacer { max-width: 100%; }
  table.forumline.dl_list.ogmt-stats .ogmt-peers-viewport {
    box-sizing: border-box; width: 100% !important; min-width: 0 !important;
    max-width: 100% !important; overflow-x: auto !important;
    overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch;
  }
  .ogmt-stats-scroll {
    width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    box-sizing: border-box;
  }
  table.forumline.dl_list.ogmt-stats table.ogmt-counts {
    width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    margin: 0 !important; table-layout: fixed;
  }
  table.forumline.dl_list.ogmt-stats table.ogmt-counts td {
    width: auto !important; min-width: 0 !important; white-space: normal !important;
    overflow-wrap: anywhere; padding: 4px;
  }
  table.forumline.dl_list.ogmt-stats.hidden,
  table.forumline.dl_list.ogmt-stats .ogmt-stats-row.hidden,
  table.forumline.dl_list.ogmt-stats .ogmt-stats-cell.hidden { display: none; }
  /* Keep inline display:none intact; don't force display for AJAX gated divs. */
  table.forumline.dl_list.ogmt-stats [hidden],
  table.forumline.dl_list.ogmt-stats[hidden] { display: none !important; }
}

/* Append after existing mobile styles. Only verified viewforum topic table. */
@media (max-width: 759px) {
  #main_content .ogmt-list-scroll { min-width: 0 !important; max-width: 100% !important; overflow-x: auto; }
  #main_content #forum-table.ogmt-list,
  #main_content #forum-table.ogmt-list > tbody,
  #main_content #forum-table.ogmt-list > thead,
  #main_content #forum-table.ogmt-list > tfoot {
    display: block; box-sizing: border-box;
    width: 100% !important; min-width: 0 !important; max-width: 100% !important;
  }
  #main_content #forum-table.ogmt-list > col,
  #main_content #forum-table.ogmt-list > colgroup { display: none; }
  /* Keep real table headings in the DOM/accessibility tree; each metadata cell
     carries a visual label derived from the corresponding real header. */
  #main_content #forum-table.ogmt-list .ogmt-heading {
    position: absolute; width: 1px; height: 1px; overflow: hidden;
    clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap;
  }
  #main_content #forum-table.ogmt-list .ogmt-topic {
    display: flex; flex-wrap: wrap; align-items: flex-start;
    box-sizing: border-box; width: 100% !important; min-width: 0 !important;
    margin: 0 0 12px; padding: 8px; border: 1px solid #999;
    border-radius: 6px; background: #eee;
  }
  #main_content #forum-table.ogmt-list .ogmt-cell {
    display: block; box-sizing: border-box; min-width: 0 !important;
    max-width: 100% !important; height: auto;
    white-space: normal !important; overflow-wrap: anywhere; word-break: normal !important;
    text-align: left !important; padding: 5px !important; border: 0;
  }
  #main_content #forum-table.ogmt-list .ogmt-icon { flex: 0 0 auto; width: auto !important; }
  #main_content #forum-table.ogmt-list .ogmt-title { flex: 1 1 calc(100% - 90px); width: auto !important; font-size: 14px; line-height: 1.45; }
  #main_content #forum-table.ogmt-list .ogmt-title .tt-text { font-size: 14px; line-height: 1.45; }
  #main_content #forum-table.ogmt-list .ogmt-title .topicAuthor { font-size: 13px; line-height: 1.4; }
  #main_content #forum-table.ogmt-list .ogmt-title .topicPG { white-space: normal; overflow-wrap: anywhere; }
  #main_content #forum-table.ogmt-list .ogmt-title .avatars img { max-width: 64px; height: auto; }
  #main_content #forum-table.ogmt-list .ogmt-meta { flex: 1 1 100%; width: 100% !important; border-top: 1px solid #ccc; font-size: 13px; line-height: 1.4; }
  #main_content #forum-table.ogmt-list .ogmt-meta::before { content: attr(data-ogmt-label) ': '; font-weight: bold; display: block; margin-bottom: 2px; }
  #main_content #forum-table.ogmt-list .ogmt-cell a,
  #main_content #forum-table.ogmt-list .ogmt-cell .nowrap,
  #main_content #forum-table.ogmt-list .ogmt-cell p { white-space: normal !important; overflow-wrap: anywhere; }
  #main_content #forum-table.ogmt-list .ogmt-full-row,
  #main_content #forum-table.ogmt-list .ogmt-full-cell {
    display: block; box-sizing: border-box; width: 100% !important; min-width: 0 !important;
    max-width: 100% !important; white-space: normal !important; overflow-wrap: anywhere;
  }
  #main_content #forum-table.ogmt-list .ogmt-full-cell { padding: 8px !important; }
  #main_content #forum-table.ogmt-list .ogmt-full-cell form { max-width: 100%; white-space: normal; }
  #main_content #forum-table.ogmt-list .ogmt-full-cell select { max-width: 100%; margin: 4px 0; }
  /* Never override display with !important: hidden rows/inputs and moderation
     state remain controlled by original scripts, inline styles and [hidden]. */
  #main_content #forum-table.ogmt-list[hidden],
  #main_content #forum-table.ogmt-list [hidden] { display: none; }
}

/* Mobile quick reply: additive fragment after mobile-cleanup-test.css.
   CSS only: native BBCode controls, submit handling and hidden fields stay intact. */
@media (max-width: 759px) {
  #topic_quick_reply {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    box-sizing: border-box;
  }
  #topic_quick_reply > tbody > tr > td,
  #topic_quick_reply > tbody > tr > th,
  #topic_quick_reply > tr > td,
  #topic_quick_reply > tr > th {
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    box-sizing: border-box;
  }
  #topic_quick_reply .quick_reply_box {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
    margin-left: auto !important;
    margin-right: auto !important;
    white-space: normal !important;
  }
  /* Only the direct BBCode toolbar, never nested preview/post content. */
  #topic_quick_reply .quick_reply_box > .buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    white-space: normal !important;
    text-align: left;
    font-size: 0; /* Ignore legacy &nbsp; separator text nodes in flex layout. */
    padding: 6px 0;
  }
  #topic_quick_reply .quick_reply_box > .buttons > input[type="button"] {
    flex: 0 0 auto;
    box-sizing: border-box;
    width: auto !important; /* Replace narrow legacy inline widths, not labels. */
    min-width: 44px !important;
    max-width: 100% !important;
    min-height: 44px;
    height: auto !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    border-radius: 4px;
    font-family: Verdana, sans-serif;
    font-size: 13px !important;
    line-height: 1.35;
    white-space: normal !important;
    cursor: pointer;
  }
  #topic_quick_reply .quick_reply_box > .buttons > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    min-height: 44px;
    font-size: 14px;
  }
  #topic_quick_reply .quick_reply_box > textarea.editor {
    display: block;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 8px !important;
    font-size: 16px;
    resize: vertical;
  }
  #topic_quick_reply #post-buttons-block {
    max-width: 100%;
    min-width: 0;
    white-space: normal !important;
  }
  #topic_quick_reply #post-buttons-block > input[type="submit"],
  #topic_quick_reply #post-buttons-block > input[type="button"] {
    box-sizing: border-box;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0;
    min-height: 44px;
    margin: 3px 0;
    padding: 8px 10px;
    font-size: 13px;
    white-space: normal !important;
  }
  #topic_quick_reply #post_opt > td > label {
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
  /* Optional transliteration help can scroll locally when opened; don't reveal it. */
  #topic_quick_reply .quick_reply_box > #translit_opt {
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }
  #topic_quick_reply .quick_reply_box > p > input[name="username"] {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
  }
  /* Explicit hidden attributes remain authoritative over layout display rules. */
  #topic_quick_reply [hidden] { display: none !important; }
}

@media(max-width:759px){.topmenu.ogmc-account .ogmc-account-identity a,.topmenu.ogmc-account .ogmc-account-status a{color:#eef1e9!important}}

/* Keep toolbar label/field pairing stronger than td.ogfc-cell's full-width default. */
@media (max-width: 759px) {
  td.ogfc-cell.ogfc-label { grid-column: 1; }
  td.ogfc-cell.ogfc-field { grid-column: 2; }
}

/* Known SHOW_SUBFORUMS panel only; original nodes, headers and controls retained. */
@media (max-width:759px) {
 #main_content .ogsf-scroll {min-width:0!important;max-width:100%!important;overflow-x:auto;}
 #main_content table.ogsf-list,#main_content table.ogsf-list>tbody,#main_content table.ogsf-list>thead,#main_content table.ogsf-list>tfoot {display:block;box-sizing:border-box;width:100%!important;min-width:0!important;max-width:100%!important;}
 #main_content table.ogsf-list>col,#main_content table.ogsf-list>colgroup {display:none;}
 #main_content table.ogsf-list .ogsf-heading {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);}
 #main_content table.ogsf-list .ogsf-row {display:flex;flex-wrap:wrap;box-sizing:border-box;width:100%;min-width:0;margin:0 0 10px;padding:8px;border:1px solid #999;border-radius:6px;background:#eee;}
 #main_content table.ogsf-list .ogsf-cell {display:block;box-sizing:border-box;min-width:0!important;max-width:100%!important;width:auto!important;white-space:normal!important;overflow-wrap:anywhere;text-align:left!important;padding:5px!important;}
 #main_content table.ogsf-list .ogsf-icon {flex:0 0 42px;}
 #main_content table.ogsf-list .ogsf-icon img {max-width:32px;height:auto;}
 #main_content table.ogsf-list .ogsf-title {flex:1 1 calc(100% - 42px);}
 #main_content table.ogsf-list .ogsf-meta {flex:1 1 100%;border-top:1px solid #ccc;}
 #main_content table.ogsf-list .ogsf-meta::before {content:attr(data-ogsf-label) ': ';font-weight:bold;}
 #main_content table.ogsf-list .ogsf-cell a,#main_content table.ogsf-list .ogsf-cell p,#main_content table.ogsf-list .ogsf-cell .last_topic {white-space:normal!important;overflow-wrap:anywhere;}
 #main_content table.ogsf-list .ogsf-full-row,#main_content table.ogsf-list .ogsf-full-cell {display:block;box-sizing:border-box;width:100%!important;min-width:0!important;}
 #main_content table.ogsf-list[hidden],#main_content table.ogsf-list [hidden] {display:none!important;}
}

/* Append after mobile-cleanup-test.css. Never applies at >=760px. */
@media (max-width: 759px) {
  table.topic.ogmf-pm-table {
    table-layout: fixed !important; width: 100% !important; max-width: 100% !important;
    min-width: 0 !important; box-sizing: border-box;
  }
  table.topic.ogmf-pm-table > tbody > tr > td {
    min-width: 0; box-sizing: border-box; white-space: normal; overflow-wrap: anywhere;
  }
  .ogmf-pm-reply {
    width: 100% !important; max-width: 100% !important; min-width: 0 !important;
    box-sizing: border-box; margin-left: auto !important; margin-right: auto !important;
    white-space: normal !important;
  }
  div.buttons.ogmf-editor-toolbar:not(.hidden) {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start;
    gap: 6px; width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box;
    white-space: normal !important; text-align: left; font-size: 0; padding: 6px 0;
  }
  div.buttons.ogmf-editor-toolbar > input[type="button"] {
    flex: 0 0 auto; box-sizing: border-box; width: auto !important;
    min-width: 44px !important; max-width: 100% !important; min-height: 44px;
    height: auto !important; margin: 0 !important; padding: 8px 10px !important;
    border-radius: 4px; font-family: Verdana,sans-serif; font-size: 13px !important;
    line-height: 1.35; white-space: normal !important;
  }
  div.buttons.ogmf-editor-toolbar > a:not(.hidden) {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 28px; min-height: 44px; font-size: 14px;
  }
  textarea.editor.ogmf-editor-text {
    box-sizing: border-box; width: 100% !important; max-width: 100% !important;
    min-width: 0 !important; padding: 8px !important; font-size: 16px; resize: vertical;
  }
  /* No display override on existing controls: inline display:none remains intact. */
  .ogmf-pm-reply[hidden], .ogmf-editor-toolbar[hidden], .ogmf-editor-text[hidden],
  .ogmf-editor-toolbar > [hidden] { display: none !important; }
  table.usercp_register > tbody > tr#view_message.ogmf-preview-hidden { display: none !important; }
}

@media(max-width:759px){#forums_wrap table.forums .last_topic,#forums_wrap table.forums .last_topic a,#forums_wrap table.forums .last_post_time,#forums_wrap table.forums .last_post_time a{white-space:normal!important;overflow-wrap:anywhere;min-width:0}}

/* v5: known failed Ukrainian service images and their two-cell action bars. */
@media (max-width: 759px) {
  #main_content .oguk-fallback {
    position: relative; display: inline-block; box-sizing: border-box;
    max-width: 100%; padding: 7px 10px; margin: 2px 0;
    border: 1px solid #777; border-radius: 4px;
    background: #eee; color: #222; font: 600 13px/1.4 Verdana,sans-serif;
    vertical-align: middle; text-align: center;
    white-space: normal; overflow-wrap: normal; word-break: normal;
  }
  #main_content .oguk-fallback > .oguk-label {
    pointer-events: none; white-space: normal; overflow-wrap: normal; word-break: normal;
  }
  #main_content .oguk-fallback > img.oguk-image {
    position: absolute !important; inset: 0 !important; opacity: 0 !important;
    width: 100% !important; height: 100% !important; max-width: none !important;
    min-width: 0 !important; max-height: none !important; margin: 0 !important;
    padding: 0 !important; border: 0 !important;
  }
  #main_content table.oguk-actions,
  #main_content .oguk-actions > .oguk-body {
    display: block; box-sizing: border-box; width: 100% !important;
    min-width: 0 !important; max-width: 100% !important;
  }
  #main_content .oguk-actions .oguk-row {
    display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px;
    width: 100%; min-width: 0;
  }
  #main_content .oguk-actions .oguk-action-cell {
    display: block; flex: 0 1 auto; width: auto !important;
    min-width: 0; max-width: 100%; box-sizing: border-box;
  }
  #main_content .oguk-actions .oguk-nav {
    display: block; flex: 1 1 240px; width: auto !important; min-width: 0;
    max-width: 100%; box-sizing: border-box; padding-left: 0 !important;
    white-space: normal; overflow-wrap: anywhere;
  }
}

/* Tracker search only: undo legacy table width/height constraints, retain all controls. */
@media (max-width: 759px) {
  form.ogtr-filter,
  form.ogtr-filter .ogtr-scroll {
    box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%;
  }
  form.ogtr-filter table.ogtr-shell,
  form.ogtr-filter table.ogtr-shell > tbody,
  form.ogtr-filter table.ogtr-shell > tbody > tr,
  form.ogtr-filter table.ogtr-shell > tbody > tr > td,
  form.ogtr-filter table.ogtr-shell > tbody > tr > th,
  form.ogtr-filter table.ogtr-shell > tr,
  form.ogtr-filter table.ogtr-shell > tr > td,
  form.ogtr-filter table.ogtr-shell > tr > th,
  form.ogtr-filter table.ogtr-fields,
  form.ogtr-filter table.ogtr-fields > tbody,
  form.ogtr-filter table.ogtr-fields > tbody > tr,
  form.ogtr-filter table.ogtr-fields > tbody > tr > td,
  form.ogtr-filter table.ogtr-fields > tr,
  form.ogtr-filter table.ogtr-fields > tr > td {
    display: block !important; box-sizing: border-box;
    width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    height: auto !important; min-height: 0 !important; max-height: none !important;
    position: static; float: none; white-space: normal;
  }
  form.ogtr-filter table.ogtr-fields > tbody > tr > td,
  form.ogtr-filter table.ogtr-fields > tr > td {
    display: grid !important; grid-template-columns: minmax(0, 1fr);
    gap: 10px; padding: 0 !important; margin: 0 0 10px;
  }
  form.ogtr-filter .ogtr-fields fieldset {
    box-sizing: border-box; position: static; float: none;
    width: 100%; min-width: 0; max-width: 100%;
    height: auto !important; min-height: 0; max-height: none;
    margin: 0 !important; padding: 8px !important;
  }
  form.ogtr-filter .ogtr-fields legend {
    box-sizing: border-box; position: static; float: none;
    max-width: 100%; height: auto; margin: 0; padding: 0 4px 4px;
    white-space: normal; overflow-wrap: anywhere; line-height: 1.4;
  }
  form.ogtr-filter .ogtr-fields fieldset > div {
    box-sizing: border-box; position: static; float: none;
    width: 100%; min-width: 0; max-width: 100%;
    height: auto; min-height: 0; max-height: none; padding: 0;
  }
  form.ogtr-filter .ogtr-fields p.input {
    display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px;
    height: auto; margin: 0;
  }
  form.ogtr-filter .ogtr-fields select,
  form.ogtr-filter .ogtr-fields p.input > input {
    box-sizing: border-box; width: 100% !important;
    min-width: 0 !important; max-width: 100% !important;
  }
  form.ogtr-filter .ogtr-fields p.chbox {
    display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
    height: auto; min-height: 0; margin: 4px 0;
  }
  form.ogtr-filter .ogtr-fields label {
    display: inline-flex; align-items: center; gap: 5px;
    box-sizing: border-box; min-width: 0; max-width: 100%;
    white-space: normal; overflow-wrap: anywhere;
  }
  form.ogtr-filter .ogtr-fields input[type="checkbox"],
  form.ogtr-filter .ogtr-fields input[type="radio"] {
    flex: 0 0 auto; width: auto;
  }
  form.ogtr-filter .ogtr-fields table.my_downloads,
  form.ogtr-filter .ogtr-fields table.my_downloads > tbody {
    display: block; width: 100%; min-width: 0; max-width: 100%; height: auto;
  }
  form.ogtr-filter .ogtr-fields table.my_downloads tr {
    display: flex; flex-wrap: wrap; height: auto; gap: 6px;
  }
  form.ogtr-filter .ogtr-fields table.my_downloads td {
    display: block; flex: 1 1 150px; box-sizing: border-box;
    width: auto; min-width: 0; max-width: 100%; height: auto; padding: 4px 0;
  }
  form.ogtr-filter [hidden], form.ogtr-filter .hidden {
    display: none !important;
  }
}

/* Both ordinary and torrent topics use viewtopic.tpl's author cell. */
@media (max-width: 759px) {
  #topic_main td.poster_info.ogpc-author {
    box-sizing: border-box; min-width: 0; max-width: 100%;
    padding: 10px 8px; line-height: 1.4; text-align: center;
  }
  #topic_main td.poster_info.ogpc-author > center.ogpc-stack {
    display: flex; flex-direction: column; align-items: center; gap: 4px;
    box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%;
  }
  #topic_main td.poster_info.ogpc-author > center.ogpc-stack > p {
    box-sizing: border-box; float: none;
    order: 4; max-width: 100%; margin: 0;
    white-space: normal; overflow-wrap: anywhere; line-height: 1.4;
  }
  #topic_main td.poster_info.ogpc-author > center.ogpc-stack > p.nick {
    order: 0; width: 100%; margin: 0 0 4px; line-height: 1.4;
  }
  #topic_main td.poster_info.ogpc-author > center.ogpc-stack > p.avatar {
    order: 1; margin: 2px auto;
  }
  #topic_main td.poster_info.ogpc-author > center.ogpc-stack > p.rank_txt {
    order: 2; margin: 2px 0 0;
  }
  #topic_main td.poster_info.ogpc-author > center.ogpc-stack > p.rank_img {
    order: 3; margin: 2px auto 4px;
  }
  #topic_main td.poster_info.ogpc-author > center.ogpc-stack > p.rank_img img {
    display: block; width: auto; height: auto;
    max-width: 100%; max-height: none; margin: 0 auto;
  }
  #topic_main td.poster_info.ogpc-author > center.ogpc-stack > div {
    order: 5; box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%;
  }
  /* Keep avatar/rank visibility preferences and hidden AJAX statistics intact. */
  #topic_main td.poster_info.ogpc-author [hidden],
  #topic_main td.poster_info.ogpc-author .hidden {
    display: none !important;
  }
}
/* mod.php only: classes are assigned by the structurally scoped addon. */
@media (max-width:759px) {
  .ogmm-scroll { min-width:0!important; max-width:100%; }
  table.ogmm-filter, table.ogmm-list,
  .og-scroll-region>table.ogmm-filter, .og-scroll-region>table.ogmm-list {
    min-width:0!important; width:100%!important; max-width:100%; box-sizing:border-box;
  }
  table.ogmm-filter, .ogmm-filter>tbody, .ogmm-filter-row {
    display:block; width:100%; min-width:0;
  }
  .ogmm-breadcrumbs, .ogmm-controls {
    display:block; width:100%!important; min-width:0; max-width:100%;
    box-sizing:border-box; text-align:left; white-space:normal; padding:6px 0;
  }
  .ogmm-breadcrumbs .nav { white-space:normal; overflow-wrap:break-word; }
  .ogmm-controls form { display:block; width:100%; margin:4px 0 10px; }
  .ogmm-controls select { width:100%; min-width:0; max-width:100%; }
  table.ogmm-list, .ogmm-list>thead, .ogmm-list>tbody, .ogmm-list>tfoot {
    display:block; width:100%; min-width:0; box-sizing:border-box;
  }
  /* Keep the actual sortable headings and their existing handlers available. */
  .ogmm-list>thead>tr { display:flex; flex-wrap:wrap; width:100%; }
  .ogmm-list>thead>tr>th {
    flex:1 1 28%; display:block; width:auto!important; min-width:0;
    white-space:normal; box-sizing:border-box; padding:9px 5px;
  }
  .ogmm-list>thead>tr>th:empty { flex:0 0 auto; padding:0; border:0; }
  .ogmm-record { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; margin:6px 0; }
  .ogmm-record>td {
    display:block; width:auto!important; min-width:0; max-width:100%;
    box-sizing:border-box; white-space:normal; overflow-wrap:anywhere; text-align:left; padding:7px;
  }
  .ogmm-record>.ogmm-cell-2, .ogmm-record>.ogmm-cell-3 { grid-column:1/-1; }
  .ogmm-record [data-ogmm-label]::before {
    content:attr(data-ogmm-label) ": "; font-weight:bold;
  }
  .ogmm-list>tbody>.ogmm-empty, .ogmm-list>tbody>.ogmm-preview:not([hidden]):not(.hidden),
  .ogmm-list>tfoot>tr { display:block; width:100%; }
  .ogmm-empty>td, .ogmm-preview>td, .ogmm-list>tfoot>tr>td {
    display:block; width:100%; min-width:0; box-sizing:border-box; white-space:normal;
  }
  .ogmm-list>tfoot select { display:block; width:100%; min-width:0; margin:5px 0; }
  .ogmm-list>tfoot label { display:inline-block; margin:6px; white-space:normal; }
  .ogmm-list>tfoot input[type="submit"], .ogmm-list>tfoot input[type="button"] {
    max-width:100%; white-space:normal; margin:4px 0;
  }
  .ogmm-bottom, .ogmm-bottom .jumpbox, .ogmm-bottom #timezone {
    float:none!important; width:100%!important; min-width:0; max-width:100%;
    box-sizing:border-box; white-space:normal; text-align:left;
  }
  .ogmm-bottom .jumpbox { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
  .ogmm-bottom #jumpbox-container { flex:1 1 200px; min-width:0; max-width:100%; }
  .ogmm-bottom #jumpbox { width:100%; min-width:0; max-width:100%; }
  .ogmm-bottom #jumpbox-submit { flex:0 0 auto; max-width:100%; }
}
/* PM compose only; shared posting editor and desktop retain their own layout. */
@media (max-width: 759px) {
  .ogpm-scroll { min-width: 0 !important; width: 100%; max-width: 100%; }
  table.ogpm-compose,
  table.ogpm-compose > tbody,
  table.ogpm-compose > tbody > tr:not(.hidden):not([hidden]),
  table.ogpm-compose > tbody > tr > td,
  table.ogpm-compose > tbody > tr > th {
    display: block; box-sizing: border-box; width: 100% !important;
    min-width: 0 !important; max-width: 100%; height: auto;
    white-space: normal; overflow-wrap: break-word;
  }
  table.ogpm-compose > col, table.ogpm-compose > colgroup { display: none; }
  table.ogpm-compose > tbody > tr > td { padding: 6px 8px; }
  table.ogpm-compose > tbody > tr > td > input[type="text"] {
    box-sizing: border-box; width: 100% !important; max-width: 100%; min-width: 0;
    font-size: 16px; margin: 3px 0 6px;
  }
  table.ogpm-compose #smilies {
    display: block; width: 100%; min-width: 0 !important; max-width: 100%;
    margin: 6px 0; height: auto;
  }
  table.ogpm-compose #smilies > tbody { display: block; }
  table.ogpm-compose #smilies tr { display: flex; flex-wrap: wrap; gap: 6px; height: auto; }
  table.ogpm-compose #smilies td { display: block; width: auto; min-width: 0; max-width: 100%; }
  table.ogpm-compose #smilies a { display: inline-block; white-space: normal; word-break: normal; overflow-wrap: normal; }
  table.ogpm-compose .ogpm-tools {
    display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
    width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; font-size: 0;
  }
  table.ogpm-compose .ogpm-tools > .buttons {
    display: flex; flex-wrap: wrap; gap: 6px; float: none; max-width: 100%; min-width: 0;
  }
  table.ogpm-compose .ogpm-tools select {
    box-sizing: border-box; flex: 1 1 130px; width: auto; min-width: 0; max-width: 100%;
    font-size: 14px; min-height: 36px;
  }
  table.ogpm-compose .ogpm-tools input[type="button"] {
    width: auto !important; min-width: 36px !important; min-height: 36px;
    padding: 6px !important; font-size: 13px !important; max-width: 100%;
  }
  table.ogpm-compose .ogpm-tools a { font-size: 14px; }
  table.ogpm-compose td.ogpm-editor > textarea#message {
    box-sizing: border-box; width: 100% !important; min-width: 0; max-width: 100%;
    height: 38vh; min-height: 180px; resize: vertical;
  }
  table.ogpm-compose #post-buttons-block input {
    box-sizing: border-box; max-width: 100%; white-space: normal; margin: 4px 2px;
  }
  table.ogpm-compose [hidden], table.ogpm-compose .hidden { display: none !important; }
}
@media (max-width: 759px) {
  .ogrp-scroll { width: 100%; min-width: 0 !important; max-width: 100%; }
  table.ogrp-compose,
  table.ogrp-compose > tbody,
  table.ogrp-compose > tbody > tr:not(.hidden):not([hidden]),
  table.ogrp-compose > tbody > tr > td,
  table.ogrp-compose > tbody > tr > th {
    display: block; box-sizing: border-box;
    width: 100% !important; min-width: 0 !important; max-width: 100%;
    height: auto; white-space: normal; overflow-wrap: anywhere;
  }
  table.ogrp-compose > tbody > tr > td,
  table.ogrp-compose > tbody > tr > th { padding: 7px 8px; }
  table.ogrp-compose .gen, table.ogrp-compose .genmed {
    white-space: normal; overflow-wrap: anywhere;
  }
  table.ogrp-compose input[type="text"],
  table.ogrp-compose textarea, table.ogrp-compose select {
    box-sizing: border-box; width: 100% !important; min-width: 0 !important;
    max-width: 100%; font-size: 16px;
  }
  table.ogrp-compose textarea { resize: vertical; }
  table.ogrp-compose input[type="submit"] {
    box-sizing: border-box; max-width: 100%; white-space: normal; margin: 4px;
  }
  table.ogrp-compose [hidden], table.ogrp-compose .hidden { display: none !important; }
}
@media (max-width: 759px) {
  .ogsr-scroll { min-width: 0 !important; width: 100%; max-width: 100%; }
  table.ogsr-list {
    display: table; table-layout: fixed; border-collapse: collapse;
    width: 100% !important; min-width: 0 !important; max-width: 100%; box-sizing: border-box;
  }
  table.ogsr-list > tbody { display: table-row-group; }
  table.ogsr-list > col { width: auto !important; }
  .ogsr-head, .ogsr-record, .ogsr-full { display: table-row; }
  .ogsr-head > th, .ogsr-record > td, .ogsr-full > td {
    display: table-cell; box-sizing: border-box; min-width: 0; height: auto;
    white-space: normal !important; overflow-wrap: anywhere; padding: 4px 3px !important;
    vertical-align: top; font-size: 11px; line-height: 1.25;
  }
  .ogsr-head > th:nth-child(1) { width: 6%; }
  .ogsr-head > th:nth-child(2) { width: 18%; }
  .ogsr-head > th:nth-child(3) { width: 31%; }
  .ogsr-head > th:nth-child(4) { width: 13%; }
  .ogsr-head > th:nth-child(5) { width: 8%; }
  .ogsr-head > th:nth-child(6) { width: 24%; }
  .ogsr-record > td { border-bottom: 1px solid #b8b8b8; text-align: left; }
  .ogsr-record:nth-child(even) > td { background-color: #edf0f2; }
  .ogsr-record .topictitle, .ogsr-record a.gen { font-size: 12px; line-height: 1.25; }
  .ogsr-record p { margin: 0; }
  .ogsr-record img { max-width: 100%; height: auto; }
  .ogsr-record input[type="checkbox"] { margin: 2px 0; max-width: 100%; }
  .ogsr-record .topictitle, .ogsr-record .topicPG, .ogsr-record a { white-space: normal !important; overflow-wrap: anywhere; }
  .ogsr-full input { max-width: 100%; white-space: normal; box-sizing: border-box; }
  .ogsr-panel > .nav, .ogsr-panel > .bottom_info, .ogsr-panel > .bottom_info .nav {
    min-width: 0; max-width: 100%; white-space: normal; overflow-wrap: anywhere;
  }
  .ogsr-panel > .bottom_info .nav > p { float: none !important; max-width: 100%; white-space: normal; }
  .ogsr-panel #mod-action table, .ogsr-panel #mod-action tbody, .ogsr-panel #mod-action tr, .ogsr-panel #mod-action td {
    display: block; width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; white-space: normal;
  }
  .ogsr-list [hidden], .ogsr-list .hidden { display: none !important; }
}
@media (max-width: 759px) {
  .oggc-scroll { width: 100%; min-width: 0 !important; max-width: 100%; }
  table.oggc-shell, table.oggc-shell > tbody,
  table.oggc-shell > tbody > tr:not([hidden]):not(.hidden),
  table.oggc-shell > tbody > tr > td, table.oggc-shell > tbody > tr > th {
    display: block; width: 100% !important; min-width: 0 !important; max-width: 100%;
    box-sizing: border-box; white-space: normal; overflow-wrap: anywhere;
  }
  table.oggc-grid { display: block; width: 100%; min-width: 0 !important; max-width: 100%; }
  table.oggc-grid > tbody { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  table.oggc-grid > tbody > tr { display: contents; }
  table.oggc-grid td.oggc-item, table.oggc-grid td.oggc-empty {
    display: block; box-sizing: border-box; min-width: 0; max-width: 100%; width: auto !important; padding: 4px;
  }
  table.oggc-grid td.oggc-empty { grid-column: 1 / -1; }
  table.oggc-grid td.oggc-empty-slot { display: none; }
  .oggc-item > #present {
    display: flex; flex-direction: column; gap: 7px; box-sizing: border-box;
    width: 100%; min-width: 0; max-width: 100%; height: auto; padding: 8px;
    white-space: normal; overflow-wrap: anywhere;
  }
  .oggc-item > #present > img { display: block; max-width: 100%; width: auto; height: auto; max-height: 160px; object-fit: contain; margin: auto; }
  .oggc-item > #present .lblock, .oggc-item > #present .rblock {
    position: static; box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%;
    height: auto; min-height: 32px; line-height: 1.4; padding: 6px;
    white-space: normal; overflow-wrap: anywhere; background-size: 100% 100%; background-color: #245b91;
  }
  .oggc-panel > h1, .oggc-panel > div, .oggc-panel > form#type {
    max-width: 100%; min-width: 0; white-space: normal; overflow-wrap: anywhere;
  }
  .oggc-panel > form#type select { box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; }
  table.oggc-add, table.oggc-add > tbody, table.oggc-add tr, table.oggc-add td {
    display: block; box-sizing: border-box; width: 100%; min-width: 0 !important; max-width: 100%; white-space: normal;
  }
  table.oggc-add tr:first-child { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; }
  table.oggc-add [data-oggc-label]::before { content: attr(data-oggc-label); display: block; font-weight: bold; margin-bottom: 4px; }
  table.oggc-add input:not([type="checkbox"]), table.oggc-add select {
    box-sizing: border-box; max-width: 100%; min-width: 0; width: 100%; white-space: normal;
  }
  .oggc-shell [hidden], .oggc-shell .hidden { display: none !important; }
}
@media (max-width: 380px) {
  table.oggc-grid > tbody { grid-template-columns: minmax(0,1fr); }
}