/*
 * Readability pass for the isolated GitHub Pages snapshot only.
 * The source variants are intentionally untouched.
 */

/* Final Nunito/Bebas typography variant. */
@font-face {
  font-family: "Nunito EasyLine";
  src: url("/easyline-site/assets/nunito-variable-cyrillic.ttf") format("truetype-variations");
  font-weight: 200 1000;
  font-style: normal;
  font-display: swap;
}

:root {
  --el-display-font: "Bebas Neue", sans-serif;
  --el-body-font: "Nunito EasyLine", "Nunito", system-ui, sans-serif;
  --el-accent-font: "Nunito EasyLine", "Nunito", system-ui, sans-serif;
  --el-ui-weight: 600;
}

.sc-host h1[style],
.sc-host h2[style],
.sc-host h3[style] {
  font-family: var(--el-display-font) !important;
}

.sc-host h1,
.sc-host h2,
.sc-host h3 {
  overflow-wrap: break-word;
  text-wrap: balance;
}

.sc-host h1,
.sc-host h1[style] {
  font-size: clamp(44px, 5.6cqw, 80px) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

.sc-host h2,
.sc-host h2[style] {
  font-size: clamp(34px, 3.9cqw, 56px) !important;
  font-weight: 400 !important;
  line-height: 1.04 !important;
}

.sc-host h3,
.sc-host .el-program-card-title {
  font-size: clamp(20px, 2cqw, 30px) !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
}

/* Bebas has no ₽ glyph; keep each monetary fragment in one compatible face. */
.sc-host :is(h1, h2, h3) .el-currency-inline {
  display: inline-block;
  font-family: var(--el-body-font) !important;
  font-size: 0.82em;
  font-weight: 700 !important;
  line-height: 1;
  letter-spacing: 0 !important;
  text-transform: none;
  white-space: nowrap;
  vertical-align: 0.08em;
}

.sc-host p {
  font-size: clamp(18px, 1.35cqw, 21px) !important;
  font-weight: 400 !important;
  line-height: 1.52 !important;
}

.sc-host li {
  font-size: clamp(16px, 1.2cqw, 18px) !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

.sc-host p[style*="font: 500"],
.sc-host p[style*="font:500"],
.sc-host p[style*="font-weight:500"],
.sc-host p[style*="font-weight: 500"] {
  font-weight: var(--el-ui-weight) !important;
}

.sc-host p[style*="font-weight:300"],
.sc-host p[style*="font-weight: 300"],
.sc-host li[style*="font-weight:300"],
.sc-host li[style*="font-weight: 300"] {
  font-weight: 400 !important;
}

.sc-host .el-brand-kicker {
  font-family: var(--el-body-font) !important;
  font-size: clamp(14px, 1.05cqw, 16px) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.035em !important;
}

.sc-host .el-brand-kicker--compact {
  font-size: clamp(13px, 0.95cqw, 15px) !important;
  line-height: 1.25 !important;
}

.sc-host .el-brand-kicker--badge {
  font-size: clamp(14px, 1.05cqw, 16px) !important;
  font-weight: var(--el-ui-weight) !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.sc-host .el-brand-kicker--badge + .el-brand-price {
  font-family: var(--el-body-font) !important;
  font-size: clamp(14px, 1.05cqw, 16px) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.sc-host main [style*="display:flex"][style*="align-items:center"] > [style*="Podkova"],
.sc-host main [style*="display:flex"][style*="align-items:baseline"] > [style*="Podkova"],
.sc-host main [style*="display:inline-flex"][style*="align-items:center"] > [style*="Podkova"] {
  font-family: var(--el-body-font) !important;
  line-height: 1 !important;
}

.sc-host main button[aria-controls*="answer"] > span:last-child {
  font-family: var(--el-body-font) !important;
  font-weight: var(--el-ui-weight) !important;
  line-height: 1.4 !important;
}

.sc-host header a[style*="font"] {
  font-size: 16px !important;
  font-weight: var(--el-ui-weight) !important;
  line-height: 1.25 !important;
}

.sc-host header button {
  font-size: 16px !important;
  font-weight: var(--el-ui-weight) !important;
  line-height: 1.15 !important;
}

.sc-host main a[style*="font: 500 15px"],
.sc-host main a[style*="font:500 15px"],
.sc-host main a[style*="font: 400 15px"],
.sc-host main a[style*="font:400 15px"] {
  font-size: 17px !important;
  line-height: 1.2 !important;
}

.sc-host main button:not(.el-tweaker-launcher):not(.el-tweaker__button) {
  font-size: 17px !important;
  font-weight: var(--el-ui-weight) !important;
  line-height: 1.35 !important;
}

.sc-host footer a {
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

.sc-host footer div[style*="font: 500 11px"],
.sc-host footer div[style*="font:500 11px"] {
  font-size: 14px !important;
  line-height: 1.2 !important;
}

.sc-host footer div[style*="font: 300 13px"],
.sc-host footer div[style*="font:300 13px"] {
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

.sc-host [style*="font: 500 10px"],
.sc-host [style*="font:500 10px"] {
  font-size: 13px !important;
  line-height: 1.15 !important;
}

.sc-host [style*="font: 300 11px"],
.sc-host [style*="font:300 11px"] {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

.sc-host [style*="font: 500 11px"],
.sc-host [style*="font:500 11px"] {
  font-size: 14px !important;
  line-height: 1.25 !important;
}

.sc-host [style*="font: 300 12px"],
.sc-host [style*="font:300 12px"] {
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

.sc-host [style*="font: 500 12px"],
.sc-host [style*="font:500 12px"] {
  font-size: 15px !important;
  line-height: 1.25 !important;
}

.sc-host [style*="font: 400 12px"],
.sc-host [style*="font:400 12px"] {
  font-size: 15px !important;
  line-height: 1.4 !important;
}

.el-tweaker-launcher {
  font-size: 14px !important;
}

.el-tweaker {
  width: min(400px, calc(100vw - 24px));
  font-size: 14px;
}

.el-tweaker__title {
  font-size: 28px;
}

.el-tweaker__intro,
.el-tweaker__label {
  font-size: 14px;
  line-height: 1.5;
}

.el-tweaker__section-title {
  font-size: 13px;
  line-height: 1.3;
}

.el-tweaker__hint {
  font-size: 13px;
  line-height: 1.55;
}

html[data-el-route-key="program-protokol-28"] .el-protocol-hero {
  width: min(calc(100% - clamp(32px, 6cqw, 80px)), 1240px);
  aspect-ratio: 1823 / 863;
  margin: clamp(20px, 3cqw, 40px) auto 0;
  border: 1px solid #c8dce8;
}

html[data-el-route-key="program-protokol-28"] .el-protocol-hero__image {
  object-position: center;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

html[data-el-route-key="program-protokol-28"] .el-protocol-hero__image.el-parallax-layer {
  translate: none !important;
  rotate: none !important;
  scale: none !important;
  will-change: auto;
}

html[data-el-route-key="program-protokol-28"] .el-protocol-menu.el-reveal {
  opacity: 1 !important;
  transform: none !important;
  clip-path: none !important;
  transition: none !important;
}

html[data-el-route-key="program-protokol-28"] main.el-page-enter,
html[data-el-route-key="program-protokol-28"] header.el-header-enter {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
  clip-path: none !important;
  will-change: auto;
}

.el-tweaker select,
.el-tweaker__button,
.el-tweaker__switch {
  font-size: 14px;
  line-height: 1.35;
}

@media (max-width: 600px) {
  .sc-host h1 {
    font-size: 42px !important;
  }

  .sc-host h2 {
    font-size: 32px !important;
  }

  .sc-host h3 {
    font-size: 19px !important;
  }

  .sc-host p {
    font-size: 17px !important;
    line-height: 1.5 !important;
  }

  .sc-host li {
    font-size: 16px !important;
  }

  .sc-host header button {
    font-size: 14px !important;
  }

  .sc-host main a[style*="font: 500 15px"],
  .sc-host main a[style*="font:500 15px"],
  .sc-host main a[style*="font: 400 15px"],
  .sc-host main a[style*="font:400 15px"],
  .sc-host main button:not(.el-tweaker-launcher):not(.el-tweaker__button) {
    font-size: 16px !important;
  }

  .sc-host .el-step-card h3 {
    font-size: 18px !important;
  }

  .sc-host .el-step-card p {
    font-size: 16px !important;
    line-height: 1.42 !important;
  }

  .el-tweaker__title {
    font-size: 26px;
  }
}

@media (max-width: 700px) {
  html[data-el-route-key="home"] .el-home-showcase-grid .el-showcase-preview-copy > div:first-child,
  html[data-el-route-key="home"] [class="el-brand-kicker el-brand-kicker--compact"],
  html[data-el-route-key="home"] .el-home-blog-card > .el-brand-kicker,
  html[data-el-route-key="home"] .el-home-promos-grid span[style*="font:500 11px/1"],
  html[data-el-route-key="home"] .el-home-promos-grid span[style*="font:500 12px/1"],
  html[data-el-route-key="home"] [class="el-brand-kicker el-brand-kicker--compact"] + span[style*="font:600 14px/1"],
  html[data-el-route-key="home"] [style*="display:flex;flex-wrap:wrap;gap:6px;margin-top:12px"] > span,
  html[data-el-route-key="home"] [style*="display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-bottom:2px solid #8e242e;padding-bottom:10px"] > span {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  html[data-el-route-key="home"] .el-home-showcase-grid .el-showcase-preview-copy > div:last-child,
  html[data-el-route-key="home"] .el-home-promos-grid p,
  html[data-el-route-key="home"] .el-home-blog-grid p,
  html[data-el-route-key="home"] .el-home-showcase-grid .el-body-copy,
  html[data-el-route-key="home"] .el-home-blog-card p,
  html[data-el-route-key="home"] .el-home-promo-card p,
  html[data-el-route-key="home"] p[style*="sampleDay.protocol"],
  html[data-el-route-key="home"] li[style*="font:300 14px/1.45"],
  html[data-el-route-key="home"] p[style*="faqIntro"],
  html[data-el-route-key="home"] p[style*="finalCtaText"],
  html[data-el-route-key="home"] [id$="-panel"][role="region"],
  html[data-el-route-key="home"] [style*="font:400 14px/1.5 'Geologica',sans-serif;color:#0f4d7a"],
  html[data-el-route-key="home"] [style*="font:300 15px/1.65 'Geologica',sans-serif;color:#465a67"],
  html[data-el-route-key="home"] [style*="font:300 clamp(15px,1.3cqw,17px)/1.65 'Geologica',sans-serif;color:#465a67"],
  html[data-el-route-key="home"] [style*="font:300 clamp(14px,1.3cqw,17px)/1.6 'Geologica',sans-serif;color:#dbe9f1"] {
    font-size: 17px !important;
    line-height: 1.6 !important;
  }

  html[data-el-route-key="home"] button[aria-controls][style*="justify-content:space-between"] > span:first-child {
    font-size: 17px !important;
    line-height: 1.45 !important;
  }

  html[data-el-route-key="program-protokol-28"] .el-brand-kicker,
  html[data-el-route-key="program-protokol-28"] .el-brand-kicker--compact,
  html[data-el-route-key="program-protokol-28"] .el-protocol-fact-key,
  html[data-el-route-key="program-protokol-28"] [style*="font:300 12px/1.5 'Geologica',sans-serif;color:#7a909d"],
  html[data-el-route-key="program-protokol-28"] [style*="font:300 12px/1 'Geologica',sans-serif;color:#6f8492"],
  html[data-el-route-key="program-protokol-28"] [style*="font:300 13px/1 'Geologica',sans-serif;color:#6f8492"] {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  html[data-el-route-key="program-protokol-28"] .el-body-copy,
  html[data-el-route-key="program-protokol-28"] .el-menu-day li,
  html[data-el-route-key="program-protokol-28"] .el-card-description,
  html[data-el-route-key="program-protokol-28"] [style*="font:300 15px/1.65 'Geologica',sans-serif;color:#28455c"],
  html[data-el-route-key="program-protokol-28"] [style*="font:400 13px/1.4 'Geologica',sans-serif;color:#23333d;text-align:right"] {
    font-size: 17px !important;
    line-height: 1.6 !important;
  }

  html[data-el-route-key="program-protokol-28"] .el-menu-day {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  html[data-el-route-key="program-protokol-28"] .el-protocol-sticky__summary {
    display: none;
  }

  html[data-el-route-key="program-protokol-28"] .el-protocol-sticky button {
    width: 100%;
  }
}

@media (max-width: 700px) {
  html[data-el-route-key="home"] .el-body-copy,
  html[data-el-route-key="home"] .el-step-card p,
  html[data-el-route-key="home"] .el-card-description,
  html[data-el-route-key="home"] .sc-host main ul[style*="list-style:none"] > li,
  html[data-el-route-key="home"] .sc-host main ul[style*="list-style: none"] > li,
  html[data-el-route-key="home"] .el-home-showcase-grid .el-body-copy,
  html[data-el-route-key="home"] main li[style*="font:300 14px/1.45"],
  html[data-el-route-key="home"] main li[style*="font: 300 14px/1.45"] {
    font-size: 17px !important;
    line-height: 1.6 !important;
  }

  html[data-el-route-key="home"] main span[style*="padding:6px 8px"],
  html[data-el-route-key="home"] main span[style*="padding: 6px 8px"] {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }
}