@media (max-width: 600px) {
  .orders-view .order-card.surface {
    margin: 8px 14px;
    padding: 12px;
    border-radius: 12px;
  }

  .orders-view .order-top {
    padding-bottom: 8px;
    font-size: 12px;
  }

  .orders-view .checkout-item {
    gap: 10px;
    padding: 9px 0;
  }

  .orders-view .checkout-item img {
    width: 56px;
    height: 56px;
    border-radius: 8px;
  }

  .orders-view .checkout-item strong {
    font-size: 14px;
    line-height: 1.4;
  }

  .orders-view .checkout-item p {
    margin: 2px 0 0;
    line-height: 1.35;
  }

  .orders-view .order-total {
    margin-top: 8px;
  }

  .orders-view .order-total strong {
    font-size: 17px;
  }

  .orders-view .order-details {
    margin-top: 2px;
  }

  .orders-view .order-details summary {
    min-height: 38px;
  }

  .orders-view .order-details p {
    margin: 4px 0;
    line-height: 1.45;
  }

  .orders-view .order-actions {
    gap: 6px;
    padding-top: 6px;
  }

  .orders-view .order-actions .button {
    min-height: 40px;
    padding: 7px 12px;
    font-size: 13px;
  }

  .member-view > .surface {
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 14px;
    border-radius: 12px;
  }

  .member-view article.surface {
    margin-top: 6px;
    margin-bottom: 6px;
    padding: 12px 14px;
    border-radius: 10px;
  }

  .member-view article.surface h2 {
    margin: 0 0 5px;
    font-size: 16px;
    line-height: 1.4;
  }

  .member-view article.surface p {
    margin: 4px 0;
    line-height: 1.45;
  }

  .member-view .section-title {
    padding: 10px 14px 2px;
    font-size: 17px;
  }

  .member-view .toolbar {
    margin-top: 6px;
    padding: 0 14px;
  }

  .member-view .toolbar .button {
    min-height: 40px;
    padding: 7px 12px;
    font-size: 13px;
  }

  .member-view .description,
  .member-view .notice,
  .member-view .empty-note {
    line-height: 1.45;
  }

  .member-view .surface {
    margin: 10px 14px;
    padding: 16px;
    border-radius: 12px;
  }

  .member-view .surface h2 {
    margin: 0 0 10px;
    font-size: 17px;
    line-height: 1.4;
  }

  .member-view .ledger-row {
    padding: 9px 0;
    font-size: 14px;
    line-height: 1.45;
  }

  .member-view .ledger-row > strong {
    display: block;
    margin-bottom: 2px;
    font-size: 15px;
  }

  .member-view .ledger-row > p {
    margin: 2px 0;
  }

  .member-view .ledger-row > p:last-child {
    color: #7b8981;
    font-size: 13px;
  }

  .member-view .ledger-row.ledger-row-collapsed {
    display: none;
  }

  .ledger-list-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    margin: 8px 0 -4px;
    padding: 7px 12px;
    border: 1px solid #dbe7df;
    border-radius: 8px;
    background: #f6faf7;
    color: #245a43;
    font-size: 14px;
    font-weight: 600;
  }
}