.live-form {max-width:720px;margin:36px auto 60px;padding:24px;background:#fff;border-radius:12px;color:#172f4b}
.live-form h1 {font-size:clamp(26px,5vw,38px);line-height:1.2;margin:4px 0 16px}
.live-form p,.live-form li,.live-form label {font-size:15px;line-height:1.55}
.live-form label {display:block;margin:16px 0}
.live-form label.choice {display:flex;gap:10px;align-items:baseline}
.live-form textarea,.live-form select,.live-form input:not([type=checkbox]) {display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:10px;border:1px solid #8095aa;border-radius:5px;font:inherit}
.live-form .draft-summary {white-space:pre-wrap;overflow-wrap:anywhere}
.live-form [hidden] {display:none!important}
.live-form a:not(.button) {text-decoration:underline}

.customer-card {
  width: min(42rem, calc(100% - 2rem));
  margin: clamp(1rem, 6vh, 4rem) auto;
  padding: clamp(1.25rem, 4vw, 2.5rem);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
}
.customer-card header {padding-bottom: 1.25rem; border-bottom: 1px solid var(--line)}
.customer-card > .live-form {max-width: none; margin: 0; padding: 1.75rem 0; border-radius: 0}
.customer-card .live-form > :last-child, .customer-card .live-form p:last-child {margin-bottom: 0}
.customer-card .live-form p:empty {display: none}
.customer-card .live-form p {font-size: 1rem}
.customer-card .live-form h2 {font-size: 1.4rem; margin-bottom: .65rem}
.case-followup {margin-top: 1.25rem; padding: 1rem 1.25rem; background: #f0f4f8; border-radius: 8px}
.case-followup h3 {margin-bottom: .4rem; font-size: 1.1rem}
.customer-card footer {display: block; margin: 0; padding: 1rem 0 0; color: var(--muted); font-size: .875rem}
.customer-card footer p {margin: 0 0 .25rem; font-size: inherit}
.customer-contact {display: flex; flex-wrap: wrap; gap: .25rem 1.1rem; align-items: baseline}
.customer-contact a {overflow-wrap: anywhere}
.customer-contact a[href^="tel:"] {white-space: nowrap}