@media (max-width: 640px) {
      /*
       * Mobile holdings priority (friends dogfood) — one table component for all three:
       * Assets: Symbol · Amount · Value
       * Liabilities: Type · Balance
       * Real estate: Property · Equity
       * Drop Bank / Account / Name / Notes / Value+Mortgage (RE) — no H-scroll.
       * Use fixed % columns; never leave overflow:visible paint over neighbors.
       */
      #portfolio-panel #assets-table,
      #portfolio-panel #liabilities-table,
      #portfolio-panel #re-table {
        min-width: 0 !important;
        width: 100%;
        table-layout: fixed;
      }
      #portfolio-panel .ds-holdings-table col.ds-holdings-col-bank,
      #portfolio-panel .ds-holdings-table col.ds-holdings-col-account,
      #portfolio-panel .ds-holdings-table col.ds-holdings-col-title,
      #portfolio-panel .ds-holdings-table .ds-col-bank,
      #portfolio-panel .ds-holdings-table .ds-td-bank,
      #portfolio-panel .ds-holdings-table .ds-col-account,
      #portfolio-panel .ds-holdings-table .ds-td-account,
      #portfolio-panel .ds-holdings-table .ds-col-title,
      #portfolio-panel .ds-holdings-table .ds-td-title,
      #portfolio-panel .ds-liabilities-table col.ds-holdings-col-num:nth-child(5),
      #portfolio-panel .ds-liabilities-table .ds-col-num--blank,
      #portfolio-panel .ds-liabilities-table .ds-td-num--blank,
      /* RE: hide Type + Bank + Value + Mortgage; keep Property + Equity
         Columns: 1 Property · 2 Type · 3 Bank · 4 Value · 5 Mortgage · 6 Equity */
      #portfolio-panel .ds-re-table col.ds-holdings-col-num:nth-child(4),
      #portfolio-panel .ds-re-table col.ds-holdings-col-num:nth-child(5),
      #portfolio-panel .ds-re-table th.ds-col-num:nth-child(4),
      #portfolio-panel .ds-re-table th.ds-col-num:nth-child(5),
      #portfolio-panel .ds-re-table td.ds-td-num:nth-child(4),
      #portfolio-panel .ds-re-table td.ds-td-num:nth-child(5) {
        display: none !important;
        width: 0 !important;
        max-width: 0 !important;
        padding: 0 !important;
        border: 0 !important;
      }
      /* Assets: three equal-ish columns — Symbol | Amount | Value */
      #portfolio-panel .ds-assets-table col.ds-holdings-col-id {
        width: 28% !important;
      }
      #portfolio-panel .ds-assets-table col.ds-holdings-col-num {
        width: 36% !important;
      }
      /* Liabilities: Type | Balance (blank amount col removed above) */
      #portfolio-panel .ds-liabilities-table col.ds-holdings-col-id {
        width: 48% !important;
      }
      #portfolio-panel .ds-liabilities-table col.ds-holdings-col-num {
        width: 52% !important;
      }
      /* Real estate: Property | Equity */
      #portfolio-panel .ds-re-table col.ds-holdings-col-id {
        width: 48% !important;
      }
      #portfolio-panel .ds-re-table col.ds-holdings-col-num {
        width: 52% !important;
      }
      #portfolio-panel .ds-holdings-table .ds-col-id,
      #portfolio-panel .ds-holdings-table .ds-td-id,
      #portfolio-panel .ds-holdings-table .ds-col-num,
      #portfolio-panel .ds-holdings-table .ds-td-num {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
    @media (max-width: 640px) {      #portfolio-panel .ds-holdings-table th,
      #portfolio-panel .ds-holdings-table td {
        padding-top: 0.65rem;
        padding-bottom: 0.65rem;
        min-height: 2.75rem;
        vertical-align: middle;
        box-sizing: border-box;
      }
      #portfolio-panel .ds-holdings-table tbody tr.holding-row {
        height: 2.75rem;
      }
      #portfolio-panel .ds-holdings-table .ds-col-id,
      #portfolio-panel .ds-holdings-table .ds-td-id {
        text-align: left;
        font-weight: 500;
      }
      #portfolio-panel .ds-holdings-table .ds-col-num,
      #portfolio-panel .ds-holdings-table .ds-td-num {
        text-align: right;
        font-variant-numeric: tabular-nums;
      }
      /* Keep last column clear of the section edge (right border / padding) */
      #portfolio-panel .ds-holdings-table th:last-child,
      #portfolio-panel .ds-holdings-table td:last-child {
        padding-right: 1rem !important;
      }
      #portfolio-panel .ds-group--static[data-section="assets"] .ds-group-body,
      #portfolio-panel .ds-group--static[data-section="liabilities"] .ds-group-body,
      #portfolio-panel .ds-group--static[data-section="re"] .ds-group-body,
      #portfolio-panel details[data-collapse-key="snapshot:holdings-assets"] .ds-group-body,
      #portfolio-panel details[data-collapse-key="snapshot:holdings-liabilities"] .ds-group-body,
      #portfolio-panel details[data-collapse-key="snapshot:holdings-re"] .ds-group-body {
        overflow-x: hidden;
      }
      /*
       * Outer table frame so row lines + totals don’t look open-ended on the right.
       * Separates holdings from page edge after middle columns are dropped.
       * Same chrome for Assets / Liabilities / Real estate.
       */
      #portfolio-panel #assets-table,
      #portfolio-panel #liabilities-table,
      #portfolio-panel #re-table {
        border: 1px solid var(--ds-border-subtle);
        border-radius: var(--ds-radius-md, 0.5rem);
        border-collapse: separate;
        border-spacing: 0;
        overflow: hidden;
        background: var(--ds-surface, #fff);
      }
      #portfolio-panel #assets-table thead tr,
      #portfolio-panel #liabilities-table thead tr,
      #portfolio-panel #re-table thead tr {
        border-bottom: 1px solid var(--ds-border-subtle);
      }
      #portfolio-panel #assets-table tbody tr,
      #portfolio-panel #liabilities-table tbody tr,
      #portfolio-panel #re-table tbody tr {
        border-bottom: 1px solid var(--ds-border-subtle);
      }
      #portfolio-panel #assets-table tfoot tr,
      #portfolio-panel #liabilities-table tfoot tr,
      #portfolio-panel #re-table tfoot tr {
        border-top: 1px solid var(--ds-border);
      }
      #portfolio-panel .ds-group-body table.data-table {
        overflow: visible;
        border-radius: var(--ds-radius-md, 0.5rem);
      }
}