.education-program-stages-table .sdo-stage-timing {
    position: relative;
    width: 100%;
    min-width: 0;
    contain: inline-size;
}
.education-program-stages-table .sdo-stage-timing-trigger,
.education-program-stages-table .sdo-stage-timing-input {
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: inherit;
    text-align: start;
}
.education-program-stages-table .sdo-stage-timing-trigger {
    cursor: text;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.education-program-stages-table .sdo-stage-timing-trigger:is(:hover, :focus-visible) {
    text-decoration: underline dotted;
    text-underline-offset: .2em;
}
.education-program-stages-table .sdo-stage-timing-input {
    position: absolute;
    inset: 0;
    height: 100%;
}
.education-program-stages-table .sdo-stage-timing :is(button:focus-visible, input:focus) {
    outline: 1px solid var(--primary-500);
    outline-offset: 1px;
}
.education-program-stages-table .sdo-stage-timing-input[aria-invalid="true"] {
    outline-color: var(--danger-500);
}