.reservation-summary{min-width:0;max-width:100%;margin-top:20px}
.reservation-summary :is(.reservation-summary-primary,.reservation-summary-secondary){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:0;min-width:0}
.reservation-summary :is(.reservation-summary-primary,.reservation-summary-secondary)>div{display:block;min-width:0;padding:0;border:0;font-size:16px}
.reservation-summary dt{font-size:14px;line-height:1.5;color:var(--muted);font-weight:400}
.reservation-summary dd{margin:4px 0 0;text-align:left;font-size:16px;line-height:1.6;color:var(--ink);overflow-wrap:anywhere;word-break:normal}
.reservation-summary :is(.reservation-summary-guest,.reservation-summary-stay,.reservation-summary-contact,.reservation-summary-expiry){grid-column:1/-1}
.reservation-summary .reservation-summary-guest dd{font-size:22px;line-height:1.4;font-weight:600;letter-spacing:-.025em}
.reservation-summary .reservation-summary-stay dd{font-weight:500;line-height:1.7}
.reservation-summary .reservation-summary-date-range{display:flex;flex-wrap:wrap;gap:2px 6px;align-items:baseline;overflow-wrap:normal}
.reservation-summary .reservation-summary-date{white-space:nowrap}
.reservation-summary .reservation-summary-date-end{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}
.reservation-summary .reservation-summary-state dd{color:var(--deep);font-weight:600}
.reservation-summary .reservation-summary-state[data-status=confirmed] dd{color:var(--brand)}
.reservation-summary .reservation-summary-state:is([data-status=cancelled],[data-status=expired]) dd{color:var(--muted)}
.reservation-summary .reservation-summary-reference{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.reservation-summary .reservation-summary-secondary{gap:12px 20px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.reservation-summary .reservation-summary-contact{margin-bottom:4px}
.reservation-summary .reservation-summary-secondary dd{font-variant-numeric:tabular-nums}
.reservation-summary .reservation-summary-expiry{padding-top:12px;border-top:1px solid var(--line)}
.reservation-summary .reservation-summary-expiry dd{color:var(--deep)}
@media(max-width:760px){.reservation-summary{margin-top:16px}.reservation-summary :is(.reservation-summary-primary,.reservation-summary-secondary){column-gap:16px}.reservation-summary .reservation-summary-secondary{margin-top:12px;padding-top:12px}}