:root {
  --grammar-bg: #ffffff;
  --grammar-panel: #ffffff;
  --grammar-ink: #10231e;
  --grammar-muted: #5f6b67;
  --grammar-black: #173f35;
  --grammar-black-soft: #102f28;
  --grammar-green: #173f35;
  --grammar-green-dark: #102f28;
  --grammar-green-soft: #dce9e2;
  --grammar-wine: #bf4835;
  --grammar-coral: #dd5a43;
  --grammar-coral-dark: var(--grammar-wine);
  --grammar-coral-soft: #fff7f2;
  --grammar-line: #e3e4e1;
  --grammar-soft: #f5f6f4;
  --grammar-cream: #fff8ef;
  --grammar-radius-control: 14px;
  --grammar-radius-card: 20px;
  --grammar-radius-feature: 28px;
  --grammar-serif: Iowan Old Style, Baskerville, "Times New Roman", "Songti SC", "STSong", serif;
}

body[data-page="grammar"].multipage-site {
  --site-ink: var(--grammar-ink);
  --site-muted: var(--grammar-muted);
  --site-blue: var(--grammar-green);
  --site-blue-dark: var(--grammar-green-dark);
  --site-blue-soft: #edf3ef;
  --site-red: var(--grammar-wine);
  --site-line: var(--grammar-line);
  --site-surface: var(--grammar-bg);
  --site-white: var(--grammar-panel);
  --ink: var(--grammar-ink);
  --ink-soft: #474743;
  --muted: var(--grammar-muted);
  --paper: var(--grammar-panel);
  --paper-strong: var(--grammar-panel);
  --canvas: var(--grammar-bg);
  --canvas-deep: var(--grammar-soft);
  --line: var(--grammar-line);
  --line-strong: #d2d0c8;
  --brand: var(--grammar-green);
  --brand-dark: var(--grammar-green-dark);
  --brand-light: var(--grammar-green-soft);
  --premium-bone: var(--grammar-bg);
  --premium-paper: var(--grammar-panel);
  --premium-ink: var(--grammar-ink);
  --premium-green: var(--grammar-green);
  --premium-green-soft: var(--grammar-green-soft);
  --premium-red: var(--grammar-wine);
  --premium-peach: #ffb7a5;
  --premium-line: var(--grammar-line);
  color: var(--grammar-ink);
  background: var(--grammar-bg);
}

body[data-page="grammar"].multipage-site main,
body[data-page="grammar"].multipage-site .grammar-hub,
body[data-page="grammar"].multipage-site .grammar-product,
body[data-page="grammar"].multipage-site.seo-page {
  color: var(--grammar-ink);
  background: var(--grammar-bg);
}

body[data-page="grammar"].multipage-site :focus-visible {
  outline-color: rgba(221, 90, 67, 0.46);
}

body[data-page="grammar"].multipage-site .site-header {
  background: rgba(255, 255, 255, 0.95);
}

body[data-page="grammar"].multipage-site .site-header.is-scrolled {
  background: rgba(255, 255, 255, 0.98);
}

body[data-page="grammar"].multipage-site .desktop-nav a[aria-current="page"] {
  color: var(--grammar-ink);
}

body[data-page="grammar"].multipage-site .desktop-nav a::after {
  background: var(--grammar-coral);
}

body[data-page="grammar"].multipage-site .mobile-nav a[aria-current="page"] {
  color: var(--grammar-coral-dark);
}

body[data-page="grammar"].multipage-site .site-header .button {
  border-color: var(--grammar-green);
  border-radius: 999px;
  background: var(--grammar-green);
  box-shadow: 0 12px 26px rgba(23, 63, 53, 0.17);
}

body[data-page="grammar"].multipage-site .site-header .button:hover,
body[data-page="grammar"].multipage-site .site-header .button:focus-visible {
  background: var(--grammar-green-dark);
  box-shadow: 0 16px 32px rgba(23, 63, 53, 0.24);
}

body[data-page="grammar"].multipage-site .site-footer {
  border-color: rgba(255, 255, 255, 0.11);
  background: var(--grammar-green-dark);
}

body[data-page="grammar"].multipage-site .footer-brand p,
body[data-page="grammar"].multipage-site .footer-grid > div:not(.footer-brand) a,
body[data-page="grammar"].multipage-site .footer-bottom {
  color: #bbb8b0;
}

body[data-page="grammar"].multipage-site .footer-bottom { border-color: rgba(255, 255, 255, 0.11); }

.multipage-site .grammar-hub .shell,
.multipage-site .grammar-product.shell,
.multipage-site .grammar-product .shell,
body[data-page="grammar"].multipage-site .seo-hero .shell {
  width: min(1240px, calc(100% - 96px));
}

/* Grammar overview */
.multipage-site .grammar-hub__hero {
  padding: clamp(54px, 6vw, 82px) 0 0;
  border: 0;
  background: var(--grammar-bg);
}

.multipage-site .grammar-hub__hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 330px);
  align-items: center;
  gap: clamp(52px, 8vw, 110px);
  padding: 0 0 clamp(64px, 7vw, 88px);
  border: 0;
  border-bottom: 1px solid var(--grammar-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.multipage-site .grammar-hub__breadcrumb {
  display: flex;
  gap: 9px;
  margin-bottom: 38px;
  color: #67645f;
  font-size: 11px;
}

.multipage-site .grammar-hub__breadcrumb a { color: #4f4e4a; }
.multipage-site .grammar-hub__breadcrumb strong { color: var(--grammar-ink); font-weight: 680; }

.multipage-site .grammar-hub__hero .kicker,
.multipage-site .grammar-hub__modules .kicker {
  color: var(--grammar-coral-dark);
  font-size: 10px;
  font-weight: 780;
  letter-spacing: 0.17em;
}

.multipage-site .grammar-hub__hero h1 {
  margin: 14px 0 18px;
  color: var(--grammar-ink);
  font-family: var(--grammar-serif);
  font-size: clamp(60px, 7vw, 92px);
  font-weight: 500;
  letter-spacing: -0.065em;
  line-height: 0.94;
}

.multipage-site .grammar-hub__hero p {
  max-width: 660px;
  margin: 0;
  color: #55534f;
  font-size: 16px;
  line-height: 1.75;
}

.multipage-site .grammar-hub__hero aside {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  padding: 12px 28px;
  overflow: hidden;
  border: 0;
  border-radius: var(--grammar-radius-card);
  color: var(--grammar-cream);
  background: var(--grammar-black);
  box-shadow: 0 18px 48px rgba(23, 63, 53, 0.14);
  isolation: isolate;
}

.multipage-site .grammar-hub__hero aside::after,
body[data-page="grammar"].multipage-site .seo-hero__facts::after {
  position: absolute;
  z-index: 0;
  right: -70px;
  bottom: -92px;
  width: 210px;
  height: 210px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 50%;
  content: "";
  box-shadow: 0 0 0 28px rgba(255, 255, 255, 0.035), 0 0 0 56px rgba(255, 255, 255, 0.025);
}

.multipage-site .grammar-hub__hero aside > span {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 78px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0;
}

.multipage-site .grammar-hub__hero aside > span + span {
  border-top: 1px solid rgba(255, 255, 255, 0.13);
  border-left: 0;
}

.multipage-site .grammar-hub__hero aside small {
  color: #c7c4bc;
  font-size: 10px;
  font-weight: 720;
  letter-spacing: 0.14em;
}

.multipage-site .grammar-hub__hero aside strong {
  color: var(--grammar-cream);
  font-family: var(--grammar-serif);
  font-size: 38px;
  font-weight: 500;
  line-height: 1;
}

.multipage-site .grammar-hub__modules {
  padding: clamp(72px, 8vw, 106px) 0 20px;
  background: var(--grammar-bg);
}

.multipage-site .grammar-hub__modules > header {
  display: block;
  max-width: 760px;
  margin-bottom: 34px;
}

.multipage-site .grammar-hub__modules > header h2 {
  margin: 12px 0 15px;
  color: var(--grammar-ink);
  font-family: var(--grammar-serif);
  font-size: clamp(42px, 5vw, 62px);
  font-weight: 500;
  letter-spacing: -0.055em;
  line-height: 1;
}

.multipage-site .grammar-hub__modules > header p {
  max-width: 640px;
  margin: 0;
  color: var(--grammar-muted);
  font-size: 14px;
  line-height: 1.7;
}

.multipage-site .grammar-hub__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  border: 0;
  background: transparent;
}

.multipage-site .grammar-hub__card {
  display: grid;
  min-height: 330px;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  align-items: start;
  gap: 27px;
  padding: 34px 36px 32px;
  border: 1px solid var(--grammar-line);
  border-radius: var(--grammar-radius-card);
  color: var(--grammar-ink);
  background: var(--grammar-panel);
  box-shadow: 0 18px 48px rgba(23, 52, 44, 0.05);
  text-decoration: none;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.multipage-site .grammar-hub__card + .grammar-hub__card { border-top: 1px solid var(--grammar-line); }
.multipage-site .grammar-hub__card:hover,
.multipage-site .grammar-hub__card:focus-visible {
  border-color: rgba(23, 63, 53, 0.34);
  color: var(--grammar-ink);
  background: var(--grammar-panel);
  box-shadow: 0 28px 68px rgba(23, 52, 44, 0.105);
  transform: translateY(-5px);
}

.multipage-site .grammar-hub__card--advanced,
.multipage-site .grammar-hub__card--advanced:hover,
.multipage-site .grammar-hub__card--advanced:focus-visible {
  border-color: var(--grammar-green);
  color: var(--grammar-cream);
  background: var(--grammar-green);
}

.multipage-site .grammar-hub__number {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 1px solid #c9d4cf;
  border-radius: 50%;
  color: var(--grammar-green);
  font-size: 12px;
  font-weight: 760;
}

.multipage-site .grammar-hub__card--advanced .grammar-hub__number {
  border-color: rgba(255, 255, 255, 0.24);
  color: var(--grammar-cream);
}

.multipage-site .grammar-hub__card small {
  color: #6c6963;
  font-size: 10px;
  font-weight: 690;
  letter-spacing: 0.13em;
}

.multipage-site .grammar-hub__card h2 {
  margin: 13px 0 16px;
  color: inherit;
  font-family: var(--grammar-serif);
  font-size: clamp(32px, 3vw, 42px);
  font-weight: 500;
  letter-spacing: -0.045em;
  line-height: 1.04;
}

.multipage-site .grammar-hub__card h2 em {
  display: block;
  margin: 9px 0 0;
  color: var(--grammar-coral-dark);
  font: 620 15px/1.2 var(--sans, sans-serif);
}

.multipage-site .grammar-hub__card p {
  max-width: 500px;
  margin: 0;
  color: var(--grammar-muted);
  font-size: 14px;
  line-height: 1.68;
}

.multipage-site .grammar-hub__card > strong {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  color: var(--grammar-green);
  font-size: 13px;
  white-space: nowrap;
}

.multipage-site .grammar-hub__card > strong b { font-size: 22px; font-weight: 400; transition: transform 180ms ease; }
.multipage-site .grammar-hub__card:hover > strong b { transform: translateX(5px); }

.multipage-site .grammar-hub__card--advanced small { color: #bfd0ca; }
.multipage-site .grammar-hub__card--advanced h2 em { color: #ffb7a5; }
.multipage-site .grammar-hub__card--advanced p { color: #d8e3df; }
.multipage-site .grammar-hub__card--advanced > strong { color: var(--grammar-cream); }

.multipage-site .grammar-hub__principles {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  padding: 66px 0 92px;
  background: var(--grammar-bg);
}

.multipage-site .grammar-hub__principles article,
.multipage-site .grammar-hub__principles article + article {
  padding: 24px 0 0;
  border-top: 1px solid var(--grammar-line);
  border-left: 0;
}

.multipage-site .grammar-hub__principles span { color: var(--grammar-coral-dark); font-size: 10px; font-weight: 720; }
.multipage-site .grammar-hub__principles strong { display: block; margin: 17px 0 9px; color: var(--grammar-ink); font-size: 16px; }
.multipage-site .grammar-hub__principles p { max-width: 330px; margin: 0; color: var(--grammar-muted); font-size: 13px; line-height: 1.65; }

body[data-page="grammar"].multipage-site .next-step {
  margin-top: 0;
  margin-bottom: 92px;
  border-radius: var(--grammar-radius-feature);
  color: var(--grammar-cream);
  background: var(--grammar-black);
  box-shadow: 0 26px 66px rgba(23, 63, 53, 0.17);
}

body[data-page="grammar"].multipage-site .next-step__copy strong { color: var(--grammar-cream); font-family: var(--grammar-serif); font-weight: 500; }
body[data-page="grammar"].multipage-site .next-step__copy small { color: #ffb7a5; }
body[data-page="grammar"].multipage-site .next-step__copy p { color: #cfccc4; }
body[data-page="grammar"].multipage-site .next-step .button {
  border: 0;
  border-radius: 999px;
  color: var(--grammar-green);
  background: var(--grammar-cream);
  box-shadow: none;
}
body[data-page="grammar"].multipage-site .next-step .button:hover,
body[data-page="grammar"].multipage-site .next-step .button:focus-visible {
  color: var(--grammar-green-dark);
  background: #fff;
  box-shadow: 0 12px 28px rgba(7, 26, 21, 0.15);
}

/* Basic and advanced module hero */
body[data-page="grammar"].multipage-site .seo-hero {
  padding: clamp(42px, 5vw, 66px) 0 54px;
  border: 0;
  background: var(--grammar-bg);
}

body[data-page="grammar"].multipage-site .seo-breadcrumb {
  margin-bottom: 38px;
  color: #67645f;
}

body[data-page="grammar"].multipage-site .seo-breadcrumb a { color: #4f4e4a; text-decoration-color: #c5c0b7; }
body[data-page="grammar"].multipage-site .seo-hero__grid {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 64px;
  padding: 0 0 clamp(54px, 6vw, 76px);
  border: 0;
  border-bottom: 1px solid var(--grammar-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body[data-page="grammar"].multipage-site .seo-hero__eyebrow { color: var(--grammar-coral-dark); font-weight: 780; letter-spacing: 0.16em; }
body[data-page="grammar"].multipage-site .seo-hero__eyebrow::before { background: var(--grammar-coral); }

body[data-page="grammar"].multipage-site .seo-hero h1 {
  margin-top: 14px;
  color: var(--grammar-ink);
  font-family: var(--grammar-serif);
  font-size: clamp(50px, 5.6vw, 74px);
  font-weight: 500;
  letter-spacing: -0.06em;
  line-height: 0.98;
}

body[data-page="grammar"].multipage-site .seo-hero h1 em {
  display: block;
  margin: 11px 0 0;
  color: var(--grammar-coral-dark);
  font: 620 0.32em/1 var(--sans, sans-serif);
  letter-spacing: 0;
  white-space: nowrap;
}

body[data-page="grammar"].multipage-site .seo-hero__lead {
  max-width: 710px;
  margin-top: 18px;
  color: var(--grammar-muted);
  font-size: 15px;
  line-height: 1.72;
}

body[data-page="grammar"].multipage-site .seo-hero__facts {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(92px, 1fr));
  padding: 8px;
  overflow: hidden;
  border: 0;
  border-radius: 20px;
  color: var(--grammar-cream);
  background: var(--grammar-black);
  box-shadow: 0 24px 58px rgba(23, 63, 53, 0.17);
  isolation: isolate;
}

body[data-page="grammar"].multipage-site .seo-hero__facts > span {
  position: relative;
  z-index: 1;
  min-width: 100px;
  min-height: 82px;
  padding: 14px 16px;
}

body[data-page="grammar"].multipage-site .seo-hero__facts > span + span {
  border-top: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.14);
}

body[data-page="grammar"].multipage-site .seo-hero__facts small { color: #c7c4bc; font-size: 9px; }
body[data-page="grammar"].multipage-site .seo-hero__facts strong { color: var(--grammar-cream); font-size: 14px; line-height: 1.35; }

/* Focused grammar workspace */
.multipage-site .grammar-product { padding: 0 0 96px; background: var(--grammar-bg); }

.multipage-site .grammar-product__switch {
  position: sticky;
  z-index: 100;
  top: var(--site-header-height, 72px);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  padding: 6px;
  border: 1px solid var(--grammar-line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 16px 34px rgba(23, 52, 44, 0.08);
  backdrop-filter: blur(18px);
}

.multipage-site .grammar-product__switch a {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: 0;
  border-radius: 14px;
  color: var(--grammar-muted);
  background: transparent;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.multipage-site .grammar-product__switch a + a { border: 0; }
.multipage-site .grammar-product__switch a:hover { color: var(--grammar-green); background: #edf3ef; }
.multipage-site .grammar-product__switch a span { color: inherit; font-weight: 520; opacity: 0.8; }
.multipage-site .grammar-product__switch a[aria-current="page"] {
  border: 0;
  color: var(--grammar-cream);
  background: var(--grammar-black);
  box-shadow: 0 10px 24px rgba(23, 63, 53, 0.18);
}

.multipage-site .grammar-product__summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 40px;
  padding: clamp(58px, 7vw, 84px) 0 30px;
}

.multipage-site .grammar-product__summary .kicker {
  color: var(--grammar-coral-dark);
  font-size: 10px;
  font-weight: 760;
  letter-spacing: 0.15em;
}

.multipage-site .grammar-product__summary h2 {
  margin: 12px 0 13px;
  color: var(--grammar-ink);
  font-family: var(--grammar-serif);
  font-size: clamp(40px, 4.7vw, 58px);
  font-weight: 500;
  letter-spacing: -0.055em;
  line-height: 1;
}

.multipage-site .grammar-product__summary p {
  max-width: 720px;
  margin: 0;
  color: var(--grammar-muted);
  font-size: 14px;
  line-height: 1.7;
}

.multipage-site .grammar-product__summary > strong {
  padding-bottom: 4px;
  color: var(--grammar-wine);
  font-size: 12px;
  font-weight: 720;
}

.multipage-site .grammar-product__layout {
  display: grid;
  min-height: 820px;
  grid-template-columns: minmax(310px, 350px) minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid var(--grammar-line);
  border-radius: 28px;
  background: var(--grammar-panel);
  box-shadow: 0 28px 78px rgba(23, 52, 44, 0.075);
}

.multipage-site .grammar-product__directory {
  min-width: 0;
  border-right: 1px solid var(--grammar-line);
  background: #f6f8f7;
}

.multipage-site [data-grammar-categories] { border-bottom: 1px solid var(--grammar-line); }
.multipage-site .grammar-category-nav__heading { display: flex; justify-content: space-between; gap: 16px; padding: 24px 22px 14px; }
.multipage-site .grammar-category-nav__heading span { color: var(--grammar-wine); font-size: 9px; font-weight: 780; letter-spacing: 0.14em; }
.multipage-site .grammar-category-nav__heading small { color: #716e68; font-size: 10px; }
.multipage-site .grammar-category-nav__items { display: grid; grid-template-columns: 1fr; padding: 0 14px 18px; }

.multipage-site .grammar-category-nav__items button {
  display: grid;
  min-height: 58px;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 0;
  border-top: 1px solid #dedbd3;
  color: var(--grammar-muted);
  background: transparent;
  cursor: pointer;
  text-align: left;
}

.multipage-site .grammar-category-nav__items button:nth-child(odd) { border-right: 0; }
.multipage-site .grammar-category-nav__items button span,
.multipage-site .grammar-category-nav__items button small { color: #74716b; font-size: 10px; }
.multipage-site .grammar-category-nav__items button strong { overflow: hidden; font-size: 12px; line-height: 1.35; text-overflow: ellipsis; }
.multipage-site .grammar-category-nav__items button:hover { color: var(--grammar-ink); background: rgba(255, 255, 255, 0.72); }
.multipage-site .grammar-category-nav__items button.is-active {
  border-radius: 14px;
  color: var(--grammar-ink);
  background: #fff7f2;
  box-shadow: inset 3px 0 var(--grammar-wine);
}

.multipage-site .grammar-topic-list__heading { padding: 28px 24px 20px; }
.multipage-site .grammar-topic-list__heading span { color: var(--grammar-coral-dark); font-size: 9px; font-weight: 720; letter-spacing: 0.13em; }
.multipage-site .grammar-topic-list__heading h2 { margin: 9px 0 7px; color: var(--grammar-ink); font-size: 19px; letter-spacing: -0.025em; }
.multipage-site .grammar-topic-list__heading p { margin: 0; color: var(--grammar-muted); font-size: 12px; line-height: 1.55; }
.multipage-site .grammar-topic-list { max-height: 560px; overflow-y: auto; border-top: 1px solid var(--grammar-line); scrollbar-color: #c4bfb6 transparent; scrollbar-width: thin; }

.multipage-site .grammar-topic-list button {
  display: grid;
  width: 100%;
  min-height: 64px;
  grid-template-columns: 27px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 11px;
  padding: 13px 20px;
  border: 0;
  border-bottom: 1px solid #e1ded7;
  color: inherit;
  background: transparent;
  cursor: pointer;
  text-align: left;
}

.multipage-site .grammar-topic-list button:hover { background: rgba(255, 255, 255, 0.76); }
.multipage-site .grammar-topic-list button.is-active {
  color: var(--grammar-ink);
  background: #fff7f2;
  box-shadow: inset 3px 0 var(--grammar-wine);
}
.multipage-site .grammar-topic-list button > span:first-child { color: #77746e; font-size: 10px; }
.multipage-site .grammar-topic-list button strong { display: block; font-size: 13px; line-height: 1.35; }
.multipage-site .grammar-topic-list button small { display: block; margin-top: 4px; color: #6c6963; font-size: 11px; }
.multipage-site .grammar-topic-list button i { color: var(--grammar-green); font-size: 11px; font-style: normal; }

.multipage-site .grammar-product__lesson {
  min-width: 0;
  padding: clamp(42px, 5vw, 64px) clamp(40px, 5.6vw, 72px) 54px;
  background: var(--grammar-panel);
}

.multipage-site .grammar-lesson__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--grammar-line);
}

.multipage-site .grammar-lesson__head small { color: var(--grammar-coral-dark); font-size: 9px; font-weight: 730; letter-spacing: 0.13em; }
.multipage-site .grammar-lesson__head h2 { max-width: 760px; margin: 12px 0 10px; color: var(--grammar-ink); font-size: clamp(30px, 3.5vw, 44px); letter-spacing: -0.045em; line-height: 1.06; }
.multipage-site .grammar-lesson__head h2 span { display: inline-block; margin-left: 11px; color: var(--grammar-coral-dark); font-size: 0.45em; font-weight: 620; letter-spacing: 0; }
.multipage-site .grammar-lesson__head p { max-width: 700px; margin: 0; color: var(--grammar-muted); font-size: 14px; line-height: 1.67; }
.multipage-site .grammar-lesson__head > span { color: #6a6761; font-size: 11px; white-space: nowrap; }

.multipage-site .grammar-lesson__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 21px;
}

.multipage-site .grammar-lesson__meta > span {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border: 1px solid var(--grammar-line);
  border-radius: 999px;
  color: #4f5d58;
  background: #fafbfa;
  font-size: 11px;
  font-weight: 650;
}

.multipage-site .grammar-lesson__meta small {
  color: var(--grammar-coral-dark);
  font-size: 8px;
  letter-spacing: 0.11em;
}

.multipage-site .grammar-model {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  margin: 34px 0 0;
  padding: 30px 32px;
  border: 0;
  border-radius: 20px;
  color: var(--grammar-cream);
  background: var(--grammar-green);
  box-shadow: 0 22px 54px rgba(23, 63, 53, 0.15);
}

.multipage-site .grammar-model span,
.multipage-site .grammar-model strong,
.multipage-site .grammar-model em,
.multipage-site .grammar-model small { display: block; }
.multipage-site .grammar-model span { margin-bottom: 17px; color: #bfd0ca; font-size: 9px; font-weight: 760; letter-spacing: 0.14em; }
.multipage-site .grammar-model strong { color: var(--grammar-cream); font-family: var(--grammar-serif); font-size: clamp(28px, 3.2vw, 40px); font-weight: 500; line-height: 1.25; }
.multipage-site .grammar-model em { margin: 10px 0 5px; color: #ffb7a5; font-size: 14px; font-style: normal; }
.multipage-site .grammar-model small { color: #d3e0db; font-size: 13px; }
.multipage-site .grammar-model__pronunciation {
  display: grid;
  max-width: 680px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 24px;
  margin: 14px 0 8px;
  padding-top: 13px;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}
.multipage-site .grammar-model__pronunciation em { margin: 0; }
.multipage-site .grammar-model__pronunciation em > span {
  margin: 0 0 5px;
  color: #aebfba;
  font-size: 8px;
  font-weight: 720;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.multipage-site .grammar-model__actions { display: flex; align-items: end; gap: 7px; }

.multipage-site .grammar-model button,
.multipage-site .grammar-lesson__footer button {
  min-height: 42px;
  padding: 9px 13px;
  border: 1px solid #b8c8c2;
  border-radius: 999px;
  color: var(--grammar-green);
  background: var(--grammar-cream);
  cursor: pointer;
  font: 670 11px/1 var(--sans, sans-serif);
}

.multipage-site .grammar-model button:hover,
.multipage-site .grammar-lesson__footer button:hover { border-color: var(--grammar-wine); }

.multipage-site .grammar-lesson__section { padding: 38px 0; border-bottom: 1px solid var(--grammar-line); }
.multipage-site .grammar-lesson__section > span { color: var(--grammar-coral-dark); font-size: 9px; font-weight: 760; letter-spacing: 0.14em; }
.multipage-site .grammar-lesson__section h3 { margin: 10px 0 18px; color: var(--grammar-ink); font-size: 21px; letter-spacing: -0.025em; }
.multipage-site .grammar-lesson__section p { color: #55534f; font-size: 14px; line-height: 1.75; }
.multipage-site .grammar-rule { max-width: 780px; padding-left: 18px; border-left: 2px solid var(--grammar-coral); }

.multipage-site .grammar-note-grid,
.multipage-site .grammar-example-grid {
  display: grid;
  gap: 12px;
  margin-top: 14px;
  border: 0;
}

.multipage-site .grammar-note-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.multipage-site .grammar-example-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.multipage-site .grammar-content-block + .grammar-content-block {
  margin-top: 34px;
  padding-top: 30px;
  border-top: 1px solid var(--grammar-line);
}

.multipage-site .grammar-content-block > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.multipage-site .grammar-content-block > header span {
  color: var(--grammar-coral-dark);
  font-size: 9px;
  font-weight: 760;
  letter-spacing: 0.14em;
}

.multipage-site .grammar-content-block > header strong {
  color: var(--grammar-muted);
  font-size: 11px;
  font-weight: 620;
}

.multipage-site .grammar-note-grid > div,
.multipage-site .grammar-example-grid > div {
  min-width: 0;
  padding: 20px 21px;
  border: 1px solid var(--grammar-line);
  border-radius: 14px;
  background: #fafbfa;
}

.multipage-site .grammar-note-grid > div:nth-child(even),
.multipage-site .grammar-example-grid > div:nth-child(even),
.multipage-site .grammar-note-grid > div:nth-child(n+3),
.multipage-site .grammar-example-grid > div:nth-child(n+3) { border: 1px solid var(--grammar-line); }
.multipage-site .grammar-note-grid strong,
.multipage-site .grammar-example-grid strong,
.multipage-site .grammar-example-grid em,
.multipage-site .grammar-example-grid small { display: block; }
.multipage-site .grammar-note-grid strong { color: var(--grammar-ink); font-size: 13px; }
.multipage-site .grammar-note-grid p { margin: 8px 0 0; color: var(--grammar-muted); font-size: 13px; }
.multipage-site .grammar-example-grid strong { color: var(--grammar-ink); font-family: var(--grammar-serif); font-size: 20px; font-weight: 500; }
.multipage-site .grammar-example-grid em { margin: 8px 0 5px; color: var(--grammar-coral-dark); font-size: 13px; font-style: normal; }
.multipage-site .grammar-example-grid small { color: var(--grammar-muted); font-size: 12px; line-height: 1.55; }

.multipage-site .grammar-mistake {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 22px;
  border: 0;
}

.multipage-site .grammar-mistake > div {
  padding: 20px 22px;
  border: 1px solid #efd5cd;
  border-top: 3px solid var(--grammar-coral);
  border-radius: 14px;
  background: #fff2ed;
}

.multipage-site .grammar-mistake > div + div {
  border: 1px solid #cfddd7;
  border-top: 3px solid var(--grammar-green);
  background: #edf4f0;
}
.multipage-site .grammar-mistake span,
.multipage-site .grammar-mistake strong { display: block; }
.multipage-site .grammar-mistake span { margin-bottom: 10px; color: var(--grammar-muted); font-size: 9px; font-weight: 720; letter-spacing: 0.13em; }
.multipage-site .grammar-mistake strong { color: var(--grammar-ink); font-size: 17px; font-weight: 620; }

.multipage-site .grammar-lesson__footer { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding-top: 30px; }
.multipage-site .grammar-lesson__footer .button {
  border-color: var(--grammar-green);
  border-radius: 999px;
  color: var(--grammar-cream);
  background: var(--grammar-green);
  box-shadow: 0 12px 26px rgba(23, 63, 53, 0.17);
}
.multipage-site .grammar-lesson__footer small { margin-left: auto; color: var(--grammar-muted); font-size: 11px; }

.multipage-site .grammar-product__next {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px 30px;
  margin-top: 20px;
  padding: 24px 28px;
  border: 1px solid var(--grammar-line);
  border-radius: 20px;
  background: var(--grammar-panel);
}
.multipage-site .grammar-product__next > span { grid-column: 1; color: var(--grammar-coral-dark); font-size: 9px; font-weight: 720; letter-spacing: 0.13em; }
.multipage-site .grammar-product__next > strong { grid-column: 1; color: var(--grammar-ink); font-size: 13px; }
.multipage-site .grammar-product__next > p { grid-column: 2; grid-row: 1 / 3; margin: 0; color: var(--grammar-muted); font-size: 13px; line-height: 1.6; }
.multipage-site .grammar-product__next > a { grid-column: 3; grid-row: 1 / 3; }
.multipage-site .grammar-product__next .button {
  border-color: var(--grammar-green);
  border-radius: 999px;
  color: #fff;
  background: var(--grammar-green);
  box-shadow: 0 12px 26px rgba(23, 63, 53, 0.16);
}
.multipage-site .grammar-product__next .button:hover,
.multipage-site .grammar-product__next .button:focus-visible {
  border-color: var(--grammar-green-dark);
  color: #fff;
  background: var(--grammar-green-dark);
  box-shadow: 0 16px 32px rgba(23, 63, 53, 0.22);
}

@media (max-width: 980px) {
  .multipage-site .grammar-hub__hero-grid,
  body[data-page="grammar"].multipage-site .seo-hero__grid,
  .multipage-site .grammar-product__layout { grid-template-columns: 1fr; }
  .multipage-site .grammar-hub__hero aside { width: min(100%, 520px); }
  body[data-page="grammar"].multipage-site .seo-hero__facts { justify-self: start; }
  .multipage-site .grammar-product__directory { border-right: 0; border-bottom: 1px solid var(--grammar-line); }
  .multipage-site .grammar-category-nav__items {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 0 18px 18px;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
  }
  .multipage-site .grammar-category-nav__items::-webkit-scrollbar { display: none; }
  .multipage-site .grammar-category-nav__items button {
    min-width: 225px;
    flex: 0 0 225px;
    border: 1px solid var(--grammar-line);
    border-radius: 14px;
    background: var(--grammar-panel);
  }
  .multipage-site .grammar-topic-list { max-height: 380px; }
  .multipage-site .grammar-product__next { grid-template-columns: 1fr auto; }
  .multipage-site .grammar-product__next > span,
  .multipage-site .grammar-product__next > strong { grid-column: 1; }
  .multipage-site .grammar-product__next > p { grid-column: 1; grid-row: auto; }
  .multipage-site .grammar-product__next > a { grid-column: 2; grid-row: 1 / 4; }
}

@media (max-width: 720px) {
  .multipage-site .grammar-hub .shell,
  .multipage-site .grammar-product.shell,
  .multipage-site .grammar-product .shell,
  body[data-page="grammar"].multipage-site .seo-hero .shell { width: calc(100% - 32px); }

  .multipage-site .grammar-hub__hero { padding-top: 34px; }
  .multipage-site .grammar-hub__hero-grid { gap: 34px; padding: 0 0 42px; border-radius: 0; }
  .multipage-site .grammar-hub__breadcrumb { margin-bottom: 28px; }
  .multipage-site .grammar-hub__hero h1 { font-size: clamp(50px, 15vw, 66px); }
  .multipage-site .grammar-hub__hero p { font-size: 15px; }
  .multipage-site .grammar-hub__hero aside { grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; padding: 8px; border-radius: var(--grammar-radius-card); }
  .multipage-site .grammar-hub__hero aside > span { min-height: 74px; align-content: center; flex-direction: column; justify-content: center; gap: 7px; }
  .multipage-site .grammar-hub__hero aside > span + span { border-top: 0; border-left: 1px solid rgba(255, 255, 255, 0.14); }
  .multipage-site .grammar-hub__hero aside small { font-size: 8px; }
  .multipage-site .grammar-hub__hero aside strong { font-size: 28px; }
  .multipage-site .grammar-hub__modules { padding-top: 68px; }
  .multipage-site .grammar-hub__modules > header h2 { font-size: 44px; }
  .multipage-site .grammar-hub__grid { grid-template-columns: 1fr; }
  .multipage-site .grammar-hub__card { min-height: 300px; padding: 28px; }
  .multipage-site .grammar-hub__principles { grid-template-columns: 1fr; gap: 0; padding: 46px 0 68px; }
  .multipage-site .grammar-hub__principles article,
  .multipage-site .grammar-hub__principles article + article { padding: 25px 0; }
  body[data-page="grammar"].multipage-site .next-step { margin-bottom: 68px; border-radius: 20px; }

  body[data-page="grammar"].multipage-site .seo-hero { padding: 34px 0 42px; }
  body[data-page="grammar"].multipage-site .seo-breadcrumb { margin-bottom: 28px; }
  body[data-page="grammar"].multipage-site .seo-hero__grid { gap: 30px; padding: 0 0 40px; border-radius: 0; }
  body[data-page="grammar"].multipage-site .seo-hero h1 { font-size: clamp(44px, 13vw, 58px); }
  body[data-page="grammar"].multipage-site .seo-hero h1 em { display: block; margin: 10px 0 0; font-size: 0.38em; }
  body[data-page="grammar"].multipage-site .seo-hero__facts { width: 100%; grid-template-columns: repeat(3, minmax(0, 1fr)); border-radius: 20px; }
  body[data-page="grammar"].multipage-site .seo-hero__facts > span { min-width: 0; min-height: 76px; padding: 12px 10px; }
  body[data-page="grammar"].multipage-site .seo-hero__facts > span + span { border-top: 0; border-left: 1px solid rgba(255, 255, 255, 0.14); }
  body[data-page="grammar"].multipage-site .seo-hero__facts strong { font-size: 12px; }

  .multipage-site .grammar-product { padding-bottom: 72px; }
  .multipage-site .grammar-product__switch { gap: 4px; padding: 5px; border-radius: 14px; }
  .multipage-site .grammar-product__switch a { display: grid; min-height: 58px; gap: 3px; padding: 8px; border-radius: 14px; font-size: 12px; text-align: center; }
  .multipage-site .grammar-product__summary { grid-template-columns: 1fr; gap: 14px; padding: 58px 0 25px; }
  .multipage-site .grammar-product__summary h2 { font-size: 43px; }
  .multipage-site .grammar-product__summary > strong { padding: 0; }
  .multipage-site .grammar-product__layout { border-radius: 20px; }
  .multipage-site .grammar-category-nav__heading { padding: 22px 18px 13px; }
  .multipage-site .grammar-category-nav__items button { min-width: 205px; flex-basis: 205px; }
  .multipage-site .grammar-topic-list__heading { padding: 25px 20px 18px; }
  .multipage-site .grammar-topic-list { max-height: 330px; }
  .multipage-site .grammar-product__lesson { padding: 34px 20px 40px; }
  .multipage-site .grammar-lesson__head { grid-template-columns: 1fr; gap: 14px; }
  .multipage-site .grammar-lesson__head h2 { font-size: 34px; }
  .multipage-site .grammar-model { grid-template-columns: 1fr; gap: 24px; padding: 26px 22px; border-radius: 20px; }
  .multipage-site .grammar-model__actions { align-items: center; flex-wrap: wrap; }
  .multipage-site .grammar-model__pronunciation { grid-template-columns: 1fr; }
  .multipage-site .grammar-note-grid,
  .multipage-site .grammar-example-grid,
  .multipage-site .grammar-mistake { grid-template-columns: 1fr; }
  .multipage-site .grammar-lesson__section { padding: 32px 0; }
  .multipage-site .grammar-lesson__footer small { width: 100%; margin-left: 0; }
  .multipage-site .grammar-product__next { grid-template-columns: 1fr; padding: 23px 21px; }
  .multipage-site .grammar-product__next > * { grid-column: 1 !important; grid-row: auto !important; }
}

@media (prefers-reduced-motion: reduce) {
  .multipage-site .grammar-hub__card { transition-duration: 0.01ms; }
}