.af-search-dialog { position: fixed; inset: 0; width: 100%; height: 100%; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: clamp(24px, 6vw, 96px); border: 0; box-sizing: border-box; background: #fff; color: #122b49; font-family: var(--wp--preset--font-family--lato, "Lato", sans-serif); overflow-y: auto; overscroll-behavior: contain; }
.af-search-dialog::backdrop { background: rgb(18 43 73 / 35%); }
.af-search-dialog[open] { display: grid; align-items: center; }
.af-search-dialog-content { width: min(100%, 900px); margin-inline: auto; padding-block: 80px; }
.af-search-dialog[open] .af-search-dialog-content { animation: af-search-enter 220ms ease-out both; }
.af-search-dialog h2 { font-size: clamp(36px, 5vw, 64px); font-weight: 600; line-height: 1.1; margin: 0 0 20px; }
.af-search-dialog p { font-size: clamp(16px, 2vw, 20px); line-height: 1.5; margin: 0 0 40px; color: #546474; }
.af-search-dialog .af-search { width: 100%; }
.af-search-dialog .wp-block-search__inside-wrapper { border: 0; border-bottom: 2px solid #006cab; min-height: 72px; padding: 0; }
.af-search-dialog .wp-block-search__input { font: inherit; font-size: clamp(18px, 2.5vw, 30px); color: #122b49; padding: 12px; min-width: 0; flex: 1; background: white; border: 0; border-radius: 0; }
.af-search-dialog .wp-block-search__input::placeholder { color: #546474; opacity: 1; }
.af-search-dialog .wp-block-search__button { border: 0; background: #006cab; color: white; margin: 0 0 8px 12px; padding: 12px 18px; min-width: 60px; cursor: pointer; }
.af-search-dialog .wp-block-search__button svg { width: 30px; height: 30px; }
.af-search-close { position: absolute; inset-block-start: clamp(20px, 4vw, 60px); inset-inline-end: clamp(20px, 4vw, 60px); display: inline-flex; align-items: center; gap: 12px; min-height: 48px; padding: 8px 12px; background: white; border: 1px solid #cbd3dc; border-radius: 3px; color: #122b49; font: inherit; font-size: 16px; cursor: pointer; }
.af-search-close span { font-size: 30px; line-height: 1; }
.af-search-dialog :is(button, input, a):focus-visible { outline: 3px solid #122b49; outline-offset: 4px; }
@keyframes af-search-enter { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .af-search-dialog[open] .af-search-dialog-content { animation: none; } }