/* Modal containment and experience version field layout */
dialog.modal { overflow-x: hidden; overflow-y: auto; }
.modal .modal-head { gap: 16px; }
.modal .modal-head h2 { min-width: 0; overflow-wrap: anywhere; }
.modal .modal-head .icon-button { flex-shrink: 0; }
.modal .modal-body { min-width: 0; overflow-wrap: anywhere; }
.modal .modal-body > select { display: block; width: 100%; max-width: 100%; text-overflow: ellipsis; }
.modal .simple-row { gap: 16px; }
.modal .simple-row > span { flex-shrink: 0; }
.modal .simple-row > strong { min-width: 0; overflow-wrap: anywhere; text-align: right; }
.modal:has(#experience-template) { width: 640px; }
.modal label[for="experience-template"] { display: block; margin: 18px 0 8px; font-size: 12px; color: #657f6e; }
.modal #experience-template { margin-bottom: 12px; }
.modal:has(#experience-template) .modal-body > .notice:first-child { margin-top: 0; }
.modal:has(#experience-template) .modal-body > .muted { font-size: 12px; line-height: 1.8; }