/* Native dialogs provide focus trapping, Escape and modal semantics. */
dialog { color: var(--ink); border: 1px solid #ddd; padding: 0; background: #fff; }
dialog::backdrop { background: #0006; }
.modal { width: min(560px,calc(100% - 32px)); max-height: calc(100dvh - 40px); margin: auto; padding: 36px; border-radius: 10px; overflow-y: auto; }
.modal-close { position: absolute; top: 16px; right: 16px; width: 32px; height: 32px; font-size: 22px; }
.modal .eyebrow { padding-right: 32px; margin-bottom: 14px; }
.modal h2 { font-size: 30px; letter-spacing: -1px; max-width: 390px; }
.modal-description { color: var(--secondary); font-size: 12px; margin-block: 18px 26px; }
.modal form { gap: 18px; }
.modal textarea { min-height: 100px; }
.checkbox-label { display: flex; align-items: start; gap: 10px; color: var(--secondary); font-size: 11px; font-weight: 400; }
input[type="checkbox"] { width: 18px; height: 18px; margin: 2px 0 0; flex: 0 0 auto; accent-color: var(--ink); }
.information-modal > p:not(.eyebrow) { font-size: 14px; line-height: 1.8; color: var(--secondary); margin-block: 24px; }
.mobile-menu { margin: 0 0 0 auto; height: 100dvh; max-height: 100dvh; width: min(430px,100%); max-width: 100%; padding: 24px; border: 0; }
.mobile-menu-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.mobile-menu nav { display: flex; flex-direction: column; gap: 8px; margin-block: 44px; }
.mobile-menu nav a { display: block; font-size: 26px; letter-spacing: -.6px; padding-block: 6px; }
.mobile-menu-bottom { display: grid; gap: 16px; }
.cookie-banner { max-height: calc(100dvh - 32px); overflow-y: auto; overscroll-behavior: contain; position: fixed; z-index: 20; bottom: 20px; right: 24px; width: min(440px,calc(100% - 48px)); padding: 24px; border: 1px solid #d5d5d5; border-radius: 8px; background: #fff; box-shadow: 0 8px 28px #00000012; }
.cookie-copy h2 { font-size: 17px; letter-spacing: -.3px; margin-bottom: 10px; }
.cookie-copy p { font-size: 11px; color: var(--secondary); line-height: 1.75; }
.cookie-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.cookie-actions .button { flex: 1; font-size: 11px; min-height: 42px; padding: 10px 12px; }
.cookie-actions .plain-button { width: 100%; text-align: center; font-size: 11px; padding-bottom: 0; }
.cookie-option { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.cookie-option strong { display: block; font-size: 13px; font-weight: 500; }
.cookie-option > span > span { display: block; font-size: 11px; color: var(--secondary); font-weight: 400; margin-top: 5px; }
.cookie-modal .button-group { gap: 12px; }