.lessons2026-page {
  background: linear-gradient(180deg, #f7f9ff 0%, #ffffff 28%);
  color: #16213e;
}

.lessons2026-hero {
  position: relative;
  overflow: hidden;
  padding: 68px 0 44px;
  background-size: cover;
  background-position: center;
}

.lessons2026-hero::before,
.lessons2026-hero::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
}
.lessons2026-hero::before {
  width: 320px;
  height: 320px;
  right: -70px;
  top: -20px;
  background: rgba(255,255,255,.06);
}
.lessons2026-hero::after {
  width: 180px;
  height: 180px;
  left: -40px;
  bottom: -50px;
  background: rgba(255,255,255,.05);
}

.lessons2026-hero__content { position: relative; z-index: 2; max-width: 920px; }
.lessons2026-eyebrow {
  display: inline-flex; align-items: center; padding: 10px 18px; border-radius: 999px;
  font-size: 13px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;
  color: #fff; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.14);
}
.lessons2026-hero h1 { margin: 22px 0 14px; font-size: 52px; line-height: 1.04; font-weight: 900; color: #fff; }
.lessons2026-hero p { max-width: 760px; font-size: 18px; line-height: 1.7; color: rgba(255,255,255,.92); margin-bottom: 0; }
.lessons2026-breadcrumb { margin: 24px 0 0; padding: 0; background: transparent; }
.lessons2026-breadcrumb > li,
.lessons2026-breadcrumb > li.active,
.lessons2026-breadcrumb > li a { color: rgba(255,255,255,.88); font-size: 13px; }
.lessons2026-breadcrumb > li + li:before { color: rgba(255,255,255,.6); }

.lessons2026-section { padding: 42px 0 72px; }
.lessons2026-layout { display: flex; flex-wrap: wrap; }
.lessons2026-main,.lessons2026-sidebar { margin-bottom: 24px; }
.lessons2026-sidebar { padding-left: 24px; }

.lessons2026-sectionHead {
  display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin-bottom: 28px;
}
.lessons2026-sectionHead--tight { margin-bottom: 20px; }
.lessons2026-sectionHead--stacked { display: block; }
.lessons2026-sectionHead h2 { margin: 6px 0 0; font-size: 36px; line-height: 1.12; font-weight: 900; color: #14213d; }
.lessons2026-sectionHead p { max-width: 680px; font-size: 16px; line-height: 1.7; color: #60708d; margin: 10px 0 0; }
.lessons2026-miniTitle { display: inline-block; font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #2563eb; }

.lessons2026-cardsGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: start;
}
.lessons2026-cardsGrid--category { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lessons2026-cardsGrid--related { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lessons2026-cardWrap { min-width: 0; }

.lessons2026-card,
.lessons2026-widget,
.lessons2026-article,
.lessons2026-empty {
  background: #fff;
  border: 1px solid rgba(37,99,235,.08);
  border-radius: 26px;
  box-shadow: 0 18px 46px rgba(15,23,42,.08);
}
.lessons2026-card { height: 100%; overflow: hidden; transition: transform .25s ease, box-shadow .25s ease; }
.lessons2026-card:hover { transform: translateY(-4px); box-shadow: 0 22px 52px rgba(15,23,42,.11); }
.lessons2026-card__media {
  display: block; background: #eaf0fb; overflow: hidden; aspect-ratio: 16 / 10;
}
.lessons2026-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.lessons2026-card:hover .lessons2026-card__media img { transform: scale(1.04); }
.lessons2026-card__body { padding: 22px 22px 24px; }
.lessons2026-tag { display: inline-flex; align-items: center; margin-bottom: 14px; padding: 7px 12px; border-radius: 999px; font-size: 12px; font-weight: 800; text-transform: uppercase; color: #1d4ed8; background: #e9f0ff; }
.lessons2026-card h3 { margin: 0 0 12px; font-size: 28px; line-height: 1.18; font-weight: 900; min-height: 66px; }
.lessons2026-card--lesson h3 { font-size: 24px; }
.lessons2026-card h3 a,
.lessons2026-card h3 a:hover,
.lessons2026-card h3 a:focus,
.lessons2026-widget a,
.lessons2026-widget a:hover,
.lessons2026-widget a:focus { color: #14213d; text-decoration: none; }
.lessons2026-card p,
.lessons2026-widget p,
.lessons2026-article__body,
.lessons2026-empty p { color: #5b6782; font-size: 16px; line-height: 1.75; }
.lessons2026-actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-top: 18px; }
.lessons2026-link,
.lessons2026-link:hover,
.lessons2026-link:focus,
.lessons2026-button,
.lessons2026-button:hover,
.lessons2026-button:focus,
.lessons2026-zoom,
.lessons2026-zoom:hover,
.lessons2026-zoom:focus { text-decoration: none; }
.lessons2026-link { display: inline-flex; align-items: center; gap: 10px; margin-top: 18px; color: #1d4ed8; font-weight: 800; }
.lessons2026-zoom { color: #5d6b87; font-weight: 800; }

.lessons2026-widget { margin-bottom: 22px; overflow: hidden; }
.lessons2026-widget h3 { margin: 0; padding: 20px 24px; font-size: 18px; font-weight: 900; color: #13203b; border-bottom: 1px solid rgba(15,23,42,.06); }
.lessons2026-widget__body { padding: 18px 24px 24px; }
.lessons2026-widget__menu ul,
.lessons2026-subList { list-style: none; margin: 0; padding: 0; }
.lessons2026-widget__menu > ul > li + li,
.lessons2026-subList li + li { border-top: 1px solid rgba(148,163,184,.16); }
.lessons2026-widget__menu > ul > li > a,
.lessons2026-subList a { display: block; padding: 13px 0; font-weight: 800; }
.lessons2026-widget__menu > ul > li.is-current > a,
.lessons2026-subList li.is-current > a { color: #1d4ed8; }
.lessons2026-subList { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(148,163,184,.16); }
.lessons2026-subList a { padding-left: 14px; font-weight: 700; color: #44526d; }
.lessons2026-widget--cta { background: linear-gradient(135deg, #0f2b72, #1e40af); }
.lessons2026-widget--cta h3,
.lessons2026-widget--cta p { color: #fff; }
.lessons2026-widget--cta h3 { border-bottom-color: rgba(255,255,255,.14); }
.lessons2026-button { display: inline-flex; align-items: center; margin-top: 8px; padding: 13px 20px; border-radius: 16px; color: #fff !important; background: linear-gradient(135deg, #1d4ed8, #3b82f6); box-shadow: 0 16px 30px rgba(37,99,235,.24); font-weight: 800; }
.lessons2026-empty { padding: 26px; }
.lessons2026-empty h3 { margin-top: 0; margin-bottom: 8px; font-size: 24px; font-weight: 900; color: #14213d; }

.lessons2026-article { padding: 28px; }
.lessons2026-detailHead h2 { margin: 10px 0 20px; font-size: 40px; line-height: 1.08; font-weight: 900; color: #14213d; }
.lessons2026-article__tools { display: flex; flex-wrap: wrap; gap: 10px; }
.lessons2026-tool,
.lessons2026-tool:hover,
.lessons2026-tool:focus { display: inline-flex; align-items: center; justify-content: center; min-width: 54px; height: 42px; padding: 0 14px; border-radius: 14px; background: #edf3ff; color: #1d4ed8; text-decoration: none; font-weight: 800; }
.lessons2026-article__body { word-wrap: break-word; }
.lessons2026-flowContent { font-size: 18px; line-height: 1.85; }
.lessons2026-inlineFigure {
  float: left;
  width: min(42%, 360px);
  margin: 4px 28px 20px 0;
  border-radius: 24px;
  overflow: hidden;
  background: #eef3ff;
  box-shadow: 0 18px 40px rgba(15,23,42,.10);
}
.lessons2026-inlineFigure img { width: 100%; height: auto; display: block; }
.lessons2026-flowContent img { max-width: 100%; height: auto; border-radius: 16px; }
.lessons2026-clear { clear: both; }
.lessons2026-galleryStrip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
  margin-top: 26px;
}
.lessons2026-galleryThumb {
  display: block; overflow: hidden; border-radius: 18px; background: #eef3ff; aspect-ratio: 4 / 3;
}
.lessons2026-galleryThumb img { width: 100%; height: 100%; object-fit: cover; }
.lessons2026-related { margin-top: 32px; }
.lessons2026-card--relatedItem h3 { min-height: 0; font-size: 22px; }

@media (max-width: 1199px) {
  .lessons2026-cardsGrid--category { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 991px) {
  .lessons2026-hero h1 { font-size: 40px; }
  .lessons2026-sectionHead { display: block; }
  .lessons2026-sectionHead p { margin-top: 12px; max-width: none; }
  .lessons2026-sidebar { padding-left: 15px; }
  .lessons2026-cardsGrid,
  .lessons2026-cardsGrid--category,
  .lessons2026-cardsGrid--related { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .lessons2026-inlineFigure { width: min(45%, 320px); }
}

@media (max-width: 767px) {
  .lessons2026-hero { padding: 50px 0 34px; }
  .lessons2026-hero h1 { font-size: 32px; }
  .lessons2026-hero p { font-size: 16px; }
  .lessons2026-card h3 { font-size: 22px; min-height: 0; }
  .lessons2026-card--lesson h3 { font-size: 20px; }
  .lessons2026-article,
  .lessons2026-widget,
  .lessons2026-empty { border-radius: 22px; }
  .lessons2026-sectionHead h2,
  .lessons2026-detailHead h2 { font-size: 28px; }
  .lessons2026-cardsGrid,
  .lessons2026-cardsGrid--category,
  .lessons2026-cardsGrid--related,
  .lessons2026-galleryStrip { grid-template-columns: 1fr; }
  .lessons2026-inlineFigure { float: none; width: 100%; margin: 0 0 18px; }
  .lessons2026-flowContent { font-size: 17px; }
  .lessons2026-card__media { aspect-ratio: 16 / 11; }
}