.esm-timeout { color: #344d61; font-size: 17px; line-height: 1.75; }
.esm-timeout * { box-sizing: border-box; }
.esm-timeout h2, .esm-timeout h3 { color: #163047; font-family: "Trebuchet MS", "Avenir Next", sans-serif; letter-spacing: -.02em; }
.esm-timeout h2 { margin: 48px 0 18px; font-size: clamp(27px, 3vw, 36px); line-height: 1.18; }
.esm-timeout h3 { margin: 0 0 10px; font-size: 21px; line-height: 1.3; }
.esm-timeout p { margin: 0 0 18px; }
.esm-timeout__lead { color: #163047; font-size: 21px; line-height: 1.65; }
.esm-timeout section { scroll-margin-top: 110px; }
.esm-timeout a { color: #0d689f; text-underline-offset: 3px; }
.esm-timeout a:focus-visible { outline: 3px solid #0d689f; outline-offset: 4px; }
.esm-timeout figure { margin: 28px 0; }
.esm-timeout figure a { display: block; }
.esm-timeout figure img { display: block; width: 100%; height: auto; border: 1px solid #d9e3e9; border-radius: 10px; }
.esm-timeout figcaption { margin-top: 12px; color: #526a7c; font-size: 14px; line-height: 1.6; }
.esm-timeout__note { margin: 26px 0; padding: 22px 24px; border-radius: 14px; background: #eaf6fb; }
.esm-timeout__note > strong { display: block; margin-bottom: 8px; color: #0d689f; font-size: 19px; }
.esm-timeout__note p { margin: 0; }
.esm-timeout__steps { margin: 26px 0; padding: 0; list-style: none; counter-reset: esm-step; }
.esm-timeout__steps li { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 18px; padding: 22px 0; border-top: 1px solid #d9e3e9; counter-increment: esm-step; }
.esm-timeout__steps li:last-child { border-bottom: 1px solid #d9e3e9; }
.esm-timeout__steps li::before { content: counter(esm-step); display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: #0d689f; color: #fff; font-weight: 700; }
.esm-timeout__steps strong { display: block; margin-bottom: 7px; color: #163047; font-size: 19px; line-height: 1.35; }
.esm-timeout__steps p { margin: 0; }
.esm-timeout__parameters { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin: 28px 0; }
.esm-timeout__parameters section { padding: 24px; background: #f6fafc; border-radius: 14px; }
.esm-timeout code { font-size: .85em; overflow-wrap: anywhere; }
.esm-timeout__range { margin: 18px 0 !important; color: #0d689f; font-size: 24px; font-weight: 700; line-height: 1.3; }
.esm-timeout__range span { display: block; margin-top: 5px; color: #526a7c; font-size: 14px; font-weight: 400; }
.esm-timeout__parameters section > p:last-child { margin-bottom: 0; }
.esm-timeout ul:not(.esm-timeout__steps) { padding-left: 24px; }
.esm-timeout ul li { margin-bottom: 9px; }
.esm-timeout__updated { margin-top: 36px !important; padding-top: 22px; border-top: 1px solid #d9e3e9; color: #526a7c; font-size: 13px; }
@media(max-width: 680px) {
  .esm-timeout { font-size: 16px; }
  .esm-timeout__lead { font-size: 19px; }
  .esm-timeout__parameters { grid-template-columns: 1fr; gap: 16px; }
  .esm-timeout__note, .esm-timeout__parameters section { padding: 20px; }
  .esm-timeout__steps li { grid-template-columns: 32px minmax(0,1fr); gap: 12px; }
  .esm-timeout__steps li::before { width: 30px; height: 30px; }
}