.training-directions-modal-open{overflow:hidden}.details-section__items--single .details-section__item{width:100%}.training-directions-modal{color:#111d4a;background:#fff;border:0;border-radius:24px;width:calc(100% - 48px);max-width:1120px;max-height:calc(100dvh - 48px);margin:auto;padding:0;overflow:hidden;box-shadow:0 24px 80px #09184547}.training-directions-modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#07102bb8}.training-directions-modal__surface{flex-direction:column;max-height:calc(100dvh - 48px);display:flex}.training-directions-modal__header{background:linear-gradient(135deg,#f3f7ff 0%,#fff 68%);border-bottom:1px solid #dce5f5;flex:none;justify-content:space-between;align-items:flex-start;padding:28px 36px 22px;display:flex}.training-directions-modal__eyebrow{color:#18399e;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.875rem;font-weight:700;display:block}.training-directions-modal__title{color:#111d4a;margin:0;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.15}.training-directions-modal__close{color:#18399e;cursor:pointer;background:#fff;border:1px solid #d7e1f2;border-radius:50%;flex:none;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:inline-flex}.training-directions-modal__close:hover{background:#eef3ff;border-color:#9eb4e5}.training-directions-modal__close:focus-visible,.training-directions-modal__tab:focus-visible,.training-directions-modal__search:focus-within{outline:none;box-shadow:0 0 0 3px #18399e33}.training-directions-modal__controls{border-bottom:1px solid #dce5f5;flex:none;padding:22px 36px 0}.training-directions-modal__search{color:#6b7897;background:#f7f9fd;border:1px solid #d7e1f2;border-radius:12px;align-items:center;gap:10px;max-width:560px;padding:0 16px;display:flex}.training-directions-modal__search input{color:#111d4a;font:inherit;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:13px 0}.training-directions-modal__tabs{scrollbar-width:thin;gap:28px;margin-top:20px;display:flex;overflow-x:auto}.training-directions-modal__tab{color:#6a7897;cursor:pointer;font:inherit;background:0 0;border:0;flex:none;align-items:center;gap:8px;padding:0 0 15px;font-weight:600;display:flex;position:relative}.training-directions-modal__tab:after{content:"";bottom:0;opacity:0;background:#18399e;height:3px;position:absolute;inset-inline:0}.training-directions-modal__tab.active{color:#18399e}.training-directions-modal__tab.active:after{opacity:1}.training-directions-modal__tab-count{color:#18399e;background:#edf3ff;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 7px;font-size:.75rem;display:inline-flex}.training-directions-modal__body{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding:22px 36px 36px;overflow-y:auto}.training-directions-modal__panel[hidden],.training-directions-modal__item[hidden],.training-directions-modal__empty[hidden]{display:none}.training-directions-modal__result-count{color:#657495;margin:0 0 16px}.training-directions-modal__result-count strong{color:#18399e}.training-directions-modal__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0;padding:0;list-style:none;display:grid}.training-directions-modal__item{text-align:start;background:#f7f9fd;border:1px solid #e1e8f4;border-radius:12px;grid-template-columns:minmax(110px,140px) minmax(0,1fr);align-items:start;gap:12px;padding:13px 16px;line-height:1.4;display:grid}.training-directions-modal__code{color:#18399e;overflow-wrap:anywhere;font-size:.875rem;font-weight:700}.training-directions-modal__name{color:#26375f;overflow-wrap:anywhere;text-align:start;min-width:0}.training-directions-modal__empty{color:#657495;text-align:center;margin:40px 0}@media (width<=767px){.training-directions-modal{border-radius:0;width:100%;max-width:none;height:100dvh;max-height:100dvh}.training-directions-modal__surface{height:100dvh;max-height:100dvh}.training-directions-modal__header{padding:20px}.training-directions-modal__close{width:42px;height:42px}.training-directions-modal__controls{padding:18px 20px 0}.training-directions-modal__tabs{gap:22px}.training-directions-modal__body{padding:18px 20px 28px}.training-directions-modal__list{grid-template-columns:1fr}}@media (width<=420px){.training-directions-modal__item{grid-template-columns:1fr;gap:4px}}@media (prefers-reduced-motion:reduce){.training-directions-modal__close,.training-directions-modal__tab{transition:none}}
