.consultation-modal { inline-size: min(calc(100% - var(--space-8)), 47.625rem); max-inline-size: none; max-block-size: calc(100dvh - var(--space-8)); margin: auto; padding: var(--space-16); border: 1px solid var(--color-background); border-radius: var(--radius-pill); background: var(--color-background); color: var(--color-text); overflow: auto; overscroll-behavior: contain; }
.consultation-modal[open] { display: grid; gap: var(--space-12); animation: whiteway-modal-enter var(--dur-panel) var(--ease-standard); }
.consultation-modal::backdrop { background: var(--color-modal-backdrop); }
.consultation-modal__heading { text-align: center; }
.consultation-modal__close { position: absolute; inset-block-start: var(--space-6); inset-inline-end: var(--space-6); inline-size: var(--space-12); min-block-size: var(--space-12); }
.modal-open { overflow: hidden; scrollbar-gutter: stable; }
.modal-open body { position: fixed; inset-inline: 0; top: var(--modal-scroll-top); }
@keyframes whiteway-modal-enter { from { opacity: 0; transform: translateY(0.75rem); } to { opacity: 1; transform: translateY(0); } }
@media (width < 48rem) {
    .consultation-modal { padding: var(--space-16) var(--space-6) var(--space-8); border-radius: var(--radius-panel); }
    .consultation-modal[open] { gap: var(--space-8); }
    .consultation-modal__close { inset-block-start: var(--space-2); inset-inline-end: var(--space-2); }
}
@media (prefers-reduced-motion: reduce) { .consultation-modal[open] { animation: none; } }