.experience-entry { margin: 12px 0; color: #52616b; font-size: 16px; line-height: 1.5; }
.experience-entry p { margin: 10px 0 0; overflow-wrap: anywhere; }
.experience-entry__open { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 44px; padding: 10px 18px; max-width: 100%; border-radius: 4px; background: #018ccf; color: #fff; font-size: 16px; font-weight: 600; text-decoration: none; }
.experience-entry__open:hover, .experience-entry__open:focus { background: #006f9d; color: #fff; text-decoration: none; }
.experience-entry__dialog { position: fixed; inset: 0; width: min(600px, calc(100% - 28px)); max-height: calc(100dvh - 28px); margin: auto; padding: 0; border: 1px solid #d5dfe4; border-radius: 8px; background: #fff; box-sizing: border-box; overflow: auto; }
.experience-entry__dialog::backdrop { background: rgb(29 45 54 / 56%); }
.experience-entry__dialog iframe { display: block; width: 100%; height: 620px; max-height: calc(100dvh - 28px); border: 0; background: #fff; }
.experience-entry__close { position: absolute; z-index: 1; top: 8px; right: 8px; width: 36px; height: 36px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 4px; background: #fff; color: #52616b; font-size: 22px; cursor: pointer; }
.experience-entry__close:focus-visible, .experience-entry__open:focus-visible { outline: 2px solid #018ccf; outline-offset: 2px; }
body.experience-entry-open { overflow: hidden; }
@media(max-width:600px) { .experience-entry__dialog { width: calc(100% - 16px); max-height: calc(100dvh - 16px); } }