.academic-contact-trigger { display: inline-flex; vertical-align: middle; align-items: center; justify-content: center; width: 28px; height: 28px; margin: -5px 0 -3px 1px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #b1bab5; cursor: pointer; }
.academic-contact-trigger[hidden] { display: none; }
.academic-contact-trigger:hover { color: #687e73; background: #f3f6f3; }
.academic-contact-trigger:focus-visible { color: #566c61; outline: 2px solid #8ca493; outline-offset: 2px; }
.academic-contact-dialog { box-sizing: border-box; width: min(350px, calc(100vw - 32px)); max-height: calc(100dvh - 40px); padding: 33px 27px 27px; border: 1px solid #e0e6e2; border-radius: 13px; background: #fff; color: #3d4b48; box-shadow: 0 20px 80px rgb(17 35 29 / 18%); text-align: center; overscroll-behavior: contain; }
.academic-contact-dialog::backdrop { background: rgb(20 32 28 / 34%); }
.academic-contact-dialog:not([open]) { display: none; }
.academic-contact-dialog .academic-contact-close { position: absolute; top: 7px; right: 7px; width: 36px; height: 36px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #67766f; font: 25px/1 Arial,sans-serif; cursor: pointer; }
.academic-contact-dialog .academic-contact-close:hover { background: #f0f4f1; }
.academic-contact-dialog .academic-contact-eyebrow { margin: 0 0 12px; font-size: 10px; line-height: 1.5; font-weight: 600; letter-spacing: .11em; color: #718078; }
.academic-contact-dialog h2 { margin: 0 0 13px; font: 600 25px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color: #34443d; }
.academic-contact-dialog p { margin: 0 0 8px; font-size: 13px; line-height: 1.65; }
.academic-contact-dialog .academic-contact-qr { display: block; width: min(246px, 100%); height: auto; max-width: 100%; margin: 12px auto 10px; border: 1px solid #edf0ed; border-radius: 4px; }
.academic-contact-dialog .academic-contact-note { margin: 0 auto 16px; max-width: 275px; color: #64736a; font-size: 12px; }
.academic-contact-dialog .academic-contact-save { color: #597064; font-size: 12px; text-decoration: underline; text-underline-offset: 3px; }
.academic-contact-dialog :focus-visible { outline: 2px solid #8ca493; outline-offset: 3px; }
html.academic-contact-open { overflow: hidden; }
@media (max-width: 480px) { .academic-contact-dialog { padding: 32px 22px 24px; } }