.rs-card-booking, .rs-card-balance { max-width: 46rem; margin-block: 1.25rem; scroll-margin-top: calc(var(--topbar-height, 0px) + 1rem); }
.rs-card-booking h2, .rs-card-balance h2 { margin-block-start: 0; }
.rs-card-booking-offer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .75rem 1.5rem; }
.rs-card-booking-offer h2 { margin-block-end: .5rem; }
.rs-card-booking-offer p { margin-block: .35rem; }
.rs-card-booking-offer > [role="status"] { max-width: 24rem; }
.rs-card-booking-price { display: flex; align-items: baseline; gap: 1rem; flex-wrap: wrap; }
.rs-card-booking-price strong { font-size: 1.5rem; color: var(--color-heading); }
.rs-card-booking-button { font: inherit; padding: .7rem 1.2rem; border: 1px solid color-mix(in srgb, var(--color-heading) 80%, var(--color-accent)); border-radius: 6px; background: var(--color-heading); color: var(--color-surface); cursor: pointer; }
.rs-card-booking-button:hover { background: color-mix(in srgb, var(--color-heading) 85%, var(--color-accent)); }
.rs-card-booking-button:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; }
.rs-card-booking--button { max-width: none; margin-block: 0; }
.rs-card-booking--button .rs-card-booking-button { max-width: 100%; font-weight: 700; text-wrap: balance; }
.rs-card-booking--button [role="status"] { margin-block: 0; color: var(--color-text-soft); }
@media (max-width: 760px) {
    .rs-card-booking--button .rs-card-booking-button { width: 100%; }
}
.rs-card-booking-note, .rs-card-balance-note { color: var(--color-text-soft); font-size: .9375rem; }
.rs-card-booking-note { margin-block: .75rem 0; }
.rs-card-balance-scopes { display: grid; grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)); gap: .75rem; }
.rs-card-balance-scopes dd { margin: .2rem 0 0; font-weight: 600; }
.rs-card-balance-history { margin-block-start: 1.25rem; }
.rs-card-balance-history summary { cursor: pointer; }
.rs-card-balance-history ul { list-style: none; padding: 0; }
.rs-card-balance-history li { padding-block: .75rem; border-block-start: 1px solid var(--color-border); }
.rs-card-balance-history h3 { font-size: 1rem; margin-block: 0 .35rem; }
.rs-card-balance-history p { margin-block: .25rem; }