#event-modal{border:0;padding:0;width:min(1100px,94vw);max-height:90vh;overflow:auto;background:#fff;color:#00142a;border-radius:16px;box-shadow:0 30px 80px rgba(0,20,42,.45);opacity:0;transform:translateY(14px) scale(.97);transition:opacity .22s ease,transform .22s ease,overlay .22s allow-discrete,display .22s allow-discrete}
#event-modal[open]{opacity:1;transform:none}
@starting-style{#event-modal[open]{opacity:0;transform:translateY(14px) scale(.97)}}
#event-modal::backdrop{background:rgba(0,20,42,.62);backdrop-filter:blur(4px);opacity:0;transition:opacity .22s ease,overlay .22s allow-discrete,display .22s allow-discrete}
#event-modal[open]::backdrop{opacity:1}
@starting-style{#event-modal[open]::backdrop{opacity:0}}
#event-modal .modal-bar{position:sticky;top:0;z-index:2;display:flex;justify-content:flex-end;align-items:center;gap:18px;padding:12px 18px;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);border-bottom:1px solid #e3e7ec}
#event-modal .modal-full{font-size:13px;font-weight:600;color:#002a5c;text-decoration:none;border:1px solid #002a5c;border-radius:999px;padding:7px 16px}
#event-modal .modal-full:hover{background:#002a5c;color:#fff}
#event-modal .modal-close{border:0;background:none;font-size:30px;line-height:1;cursor:pointer;color:#00142a;position:static}
#event-modal .detail-layout{gap:25px;padding:25px;grid-template-columns:minmax(0,1fr) 290px}
#event-modal .detail-image{height:300px;width:100%;object-fit:cover}
@media(max-width:800px){#event-modal{width:100vw;max-height:100vh;border-radius:0}#event-modal .detail-layout{grid-template-columns:1fr}}