.customer-notice-list {
  display: grid;
  gap: 12px;
}

.customer-notice-card {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(190px, 0.8fr) minmax(280px, 1.7fr) minmax(150px, auto) auto;
  align-items: center;
  gap: 22px;
  padding: 20px 22px;
  text-align: left;
  cursor: default;
}

.customer-notice-card:hover {
  transform: none;
}

.notice-customer { min-width: 0; }
.notice-customer > span {
  display: block;
  margin-bottom: 5px;
  color: #fff;
  font-size: 0.9rem;
}
.notice-customer strong {
  display: block;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.notice-policy {
  display: block;
  margin-top: 7px;
  color: #fff;
  font-size: 1rem;
  font-weight: 650;
  white-space: normal;
  overflow-wrap: anywhere;
}
.notice-issue { min-width: 0; }
.notice-issue h2 {
  margin: 0 0 6px;
  font-size: 1.3rem;
  line-height: 1.3;
}
.notice-issue p {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.notice-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.notice-actions button { white-space: nowrap; }
.agency-address > span { display: block; }

@media (max-width: 1050px) {
  .customer-notice-card {
    grid-template-columns: minmax(180px, 0.8fr) minmax(260px, 1.5fr) auto;
  }
  .customer-notice-card .notice-meta { grid-column: 1 / 3; }
  .notice-actions { grid-column: 3; grid-row: 1 / 3; }
}

@media (max-width: 720px) {
  .customer-notice-card { grid-template-columns: 1fr; gap: 14px; }
  .customer-notice-card .notice-meta,
  .notice-actions { grid-column: 1; grid-row: auto; }
  .notice-actions { justify-content: flex-start; flex-wrap: wrap; }
}