/* Portfolio export only: narrow embedded viewports, including the 269 px viewer. */
@media (max-width: 600px) {
  html, body, #app, #app > div, #app main {
    min-width: 0 !important;
    max-width: 100%;
  }
  html, body { overflow-x: clip; }
  .home-view {
    width: 100%;
    min-width: 0 !important;
    max-width: 100%;
    padding: 12px !important;
    box-sizing: border-box;
  }
  .home-view > * { min-width: 0; max-width: 100%; }
  .home-view .hv-stats-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    min-width: 0;
    width: 100%;
  }
  .home-view .hv-stats-bar > * {
    min-width: 0;
    max-width: 100%;
    border-right: 0 !important;
    border-bottom: 0 !important;
  }
  .home-view .hv-stats-bar > :nth-child(odd) {
    border-right: 1px solid var(--color-border-primary, #00000014) !important;
  }
  .home-view .hv-stats-bar > :nth-last-child(n+3) {
    border-bottom: 1px solid var(--color-border-primary, #00000014) !important;
  }
  .home-view .hv-stats-bar .kc { padding: 12px !important; }
  .home-view .kc-top, .home-view .kc-bottom { flex-wrap: wrap; min-width: 0; gap: 7px; }
  .home-view .kc-label { min-width: 0; max-width: 100%; overflow-wrap: anywhere; letter-spacing: .025em; }
  .home-view .kc-chg { flex-shrink: 0; white-space: nowrap; }
  .home-view .kc-value { max-width: 100%; font-size: 1.25rem; line-height: 1.2; }
  .home-view .kc-chart { width: min(5rem, 100%); max-width: 100%; }
  .home-view .hv-posts-strip { flex-wrap: wrap; gap: 10px; padding: 12px; }
  .home-view .hv-posts-strip-stats { flex-wrap: wrap; row-gap: 8px; max-width: 100%; }
  .home-view .hv-posts-stat { padding-inline: 8px; }
  .home-view .hv-table-card, .home-view .at-card { min-width: 0; max-width: 100%; overflow-x: auto; }
  .home-view .hv-toolbar { flex-wrap: wrap; gap: 10px; padding: 12px; }
  .home-view .hv-toolbar-l { flex-basis: 100%; min-width: 0; max-width: 100%; }
  .home-view .hv-toolbar-r { flex-wrap: wrap; max-width: 100%; }
  .home-view .hv-search { flex: 1; min-width: 0; max-width: 100%; }
  .home-view .hv-search-in { width: 100%; min-width: 0; max-width: 100%; }
  .home-view .hv-groups { max-width: 100%; padding-inline: 12px; overflow-x: auto; }
  .home-view .hv-pagination { flex-wrap: wrap; gap: 10px; padding: 12px; }
  .home-view .hv-page-btns { flex-wrap: wrap; max-width: 100%; }
  .home-view .at-mobile { min-width: 0; max-width: 100%; padding: 10px; }
  .home-view .at-mcard, .home-view .mcard { min-width: 0; max-width: 100%; padding: 12px; }
  .home-view .at-mcard-head { flex-wrap: wrap; align-items: flex-start; gap: 10px; }
  .home-view .at-mcard-identity { min-width: 0; flex: 1 1 130px; }
  .home-view .at-avatar-wrap { flex-shrink: 0; }
  .home-view .at-mcard-identity > div:last-child { min-width: 0; }
  .home-view .at-mcard-name-row { flex-wrap: wrap; min-width: 0; }
  .home-view .at-mcard-name, .home-view .at-mcard-user { max-width: 100%; overflow-wrap: anywhere; }
  .home-view .at-mcard-right { flex-wrap: wrap; margin-left: auto; }
  .home-view .at-mcard-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .home-view .at-mcard-stat { min-width: 0; padding: 8px 4px; }
  .home-view .at-mcard-stat-val, .home-view .at-mcard-stat-lbl { overflow-wrap: anywhere; }
}
@media (max-width: 339px) {
  .home-view .hv-stats-bar { grid-template-columns: minmax(0, 1fr) !important; }
  .home-view .hv-stats-bar > * { border-right: 0 !important; }
  .home-view .hv-stats-bar > :not(:last-child) {
    border-bottom: 1px solid var(--color-border-primary, #00000014) !important;
  }
}