.kk-doc-card-grid-pc{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:var(--sp-4); }
  @media(min-width:1440px){ .kk-doc-card-grid-pc{ grid-template-columns:repeat(4, minmax(0,1fr)); } }
  .kk-doc-hub-tile-pc{ transition:border-color .12s ease; }
  .kk-doc-hub-tile-pc:hover{ border-color:var(--c-primary); }

   
  @media (min-width: 1024px) {
    .kk-pin-sheet {
      left: 50% !important;
      right: auto !important;
      bottom: 50% !important;
      width: 360px !important;
      max-height: min(640px, calc(100vh - 64px)) !important;
      border-radius: 18px !important;
      transform: translate(-50%, 50%);
      box-shadow: 0 20px 52px rgba(15, 23, 42, .24) !important;
    }
    .kk-pin-sheet .detail-sheet-body { padding: 8px 18px 18px !important; }
  }

   






  @media (max-width: 640px) {
    .loan-ledger-table { min-width: 0 !important; font-size: 10.5px !important; table-layout: fixed; width: 100%; }
    .loan-ledger-table th, .loan-ledger-table td { padding: 5px 3px !important; }
     








    .loan-ledger-table th, .loan-ledger-table td { white-space: nowrap !important; }
    .loan-ledger-table th:nth-child(1), .loan-ledger-table td:nth-child(1) { width: 11%; }
    .loan-ledger-table th:nth-child(2), .loan-ledger-table td:nth-child(2) { width: 17%; }
    .loan-ledger-table th:nth-child(3), .loan-ledger-table td:nth-child(3) { width: 17%; }
    .loan-ledger-table th:nth-child(4), .loan-ledger-table td:nth-child(4) { width: 15%; }
    .loan-ledger-table th:nth-child(5), .loan-ledger-table td:nth-child(5) { width: 17%; }
    .loan-ledger-table .loan-col-memo { width: 23%; overflow: hidden; text-overflow: ellipsis; }
    .loan-ledger-table .loan-year-sep td { text-align: center; color: #94a3b8; font-weight: 700; background: #f8fafc; letter-spacing: 0.05em; }
  }