/**
 * Write Guide / Write Guide Pro — монохромный слой поверх wg2026/wgpro/lux2026.
 * Палитра: белый #fff, молочный #f4f1ec, чёрный #17150f/#000, серый #8b8578.
 * Всё в языке «Услуг»: светлые секции, тонкие линейки, чёрные минималистичные
 * иконки без плашек, без градиентов/фон-картинок/синего, скругления 0
 * (кроме кнопок-пилюль). Один тёмный акцент — финальный CTA.
 * Грузится последним → !important гасит и токены, и pro-правила.
 */

/* ---- Токены → монохром ---- */
.wg26 {
  --b: #17150f !important; --v: #17150f !important; --t: #17150f !important;
  --a: #17150f !important; --r: #17150f !important; --g: #17150f !important;
  --acc-lt: #17150f !important; --acc-dp: #17150f !important; --acc: #17150f !important;
  --acc-tint: rgba(23,21,15,.06) !important;
  --ink: #17150f; --muted: #8b8578; --line: rgba(23,21,15,.14);
}
/* Наведение на карточку/отзыв — увеличение остаётся, но БЕЗ чёрной обводки. */
.wg26 .wg26-card:hover,
.wg26 .wg26-rev__card:hover {
  border-color: var(--line) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.07) !important;
}
.wg26__main { background: #fff; }

/* ---- Градиентный заголовок → сплошной чёрный ---- */
.wg26 .wg26-grad {
  background: none !important;
  -webkit-background-clip: initial !important; background-clip: initial !important;
  -webkit-text-fill-color: currentColor !important; color: inherit !important;
}

/* ---- Убрать фоновые изображения, вейлы и декоративные свечения ---- */
.wg26 .wg26-hero__bg, .wg26 .wg26-hero__veil,
.wg26 .wg26-prog__bg, .wg26 .wg26-prog::after,
.wg26 .wg26-final__bg, .wg26 .wg26-final__veil,
.wg26 .wg26-hero__title::before,
.wg26 .wg26-gain__grid::before,
.wg26 .wg26-btn--pro::after,
.wg26--pro .wg26-btn--base::after { display: none !important; content: none !important; }

/* ================= ГЕРОЙ — светлый, как «Услуги» ================= */
.wg26 .wg26-hero {
  min-height: auto !important; background: #f4f1ec;
  padding-block: clamp(18px, 3vh, 40px) clamp(40px, 6vh, 72px);
}
.wg26 .wg26-hero__inner { color: #17150f !important; }
.wg26 .wg26-hero__title { color: #17150f !important; text-shadow: none !important; }
.wg26 .wg26-hero__lead { color: #575147 !important; text-shadow: none !important; }
.wg26 .wg26-badge {
  background: transparent !important; border: 0 !important; padding: 0 !important;
  color: #17150f !important; border-radius: 0 !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
.wg26 .wg26-trust {
  background: #fff !important; border: 1px solid var(--line) !important; border-radius: 0 !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
.wg26 .wg26-trust__text { color: #575147 !important; }
.wg26 .wg26-trust__text strong { color: #17150f !important; }
.wg26 .wg26-trust__ava, .wg26 .wg26-trust__ava--photo {
  background: #17150f !important; color: #fff !important; border-radius: 0 !important; box-shadow: none !important;
}
/* Блок автора — как баннер: слева фото 1/3 во всю высоту, справа текст 2/3. */
.wg26 .wg26-trust--photo {
  display: grid !important; grid-template-columns: 9fr 11fr !important;
  gap: 0 !important; align-items: center !important;
  max-width: 1080px !important; margin-inline: auto !important;
  padding: 0 !important; overflow: hidden; text-align: left;
}
.wg26 .wg26-trust--photo .wg26-trust__ava--photo {
  width: 100% !important; height: auto !important;
  aspect-ratio: 3 / 4 !important; /* рекомендация 900×1200 — фото влезает на 100%, без обрезки верх/низ */
  min-height: 0 !important;
  object-fit: contain !important; object-position: center !important;
  border-radius: 0 !important; box-shadow: none !important; background: #f4f1ec !important;
}
.wg26 .wg26-trust--photo .wg26-trust__text {
  padding: clamp(24px, 3.5vw, 48px) !important;
  align-self: center !important; text-align: left !important; color: #575147 !important;
}
@media (max-width: 720px) {
  .wg26 .wg26-trust--photo { grid-template-columns: 1fr !important; }
  .wg26 .wg26-trust--photo .wg26-trust__ava--photo { aspect-ratio: 3 / 4 !important; min-height: 0 !important; }
}

/* ================= Кнопки ================= */
.wg26 .wg26-btn--primary {
  background: #17150f !important; color: #fff !important; box-shadow: none !important;
}
.wg26 .wg26-btn--primary:hover { background: #000 !important; }
.wg26 .wg26-btn--ghost,
.wg26 .wg26-btn--pro,
.wg26 .wg26-btn--base {
  background: transparent !important; color: #17150f !important;
  border: 1px solid rgba(23,21,15,.3) !important; box-shadow: none !important;
}
.wg26 .wg26-btn--ghost:hover { background: #f4f1ec !important; }
/* Кнопка на второй курс: при наведении — тёмная (была зелёной/невидимой). */
.wg26 .wg26-btn--pro:hover,
.wg26 .wg26-btn--base:hover {
  background: #17150f !important; color: #fff !important; border-color: #17150f !important;
}

/* ================= Надзаголовки ================= */
.wg26 .wg26-eyebrow { color: #8b8578 !important; }

/* ================= Иконки — чёрные, без плашек и обводок ================= */
.wg26 .wg26-ic, .wg26 .wg26-ic--sm {
  background: transparent !important; color: #17150f !important;
  border: 0 !important; border-radius: 0 !important;
}
.wg26 .wg26-ic svg, .wg26 .wg26-ic--sm svg { color: #17150f !important; }

/* Чек в прайсе — чёрный, без круга */
.wg26 .wg26-check {
  background: transparent !important; color: #17150f !important;
  border: 0 !important; border-radius: 0 !important;
}

/* ================= Скругления → 0 (кроме кнопок-пилюль) ================= */
.wg26 .wg26-card, .wg26 .wg26-gain__item, .wg26 .wg26-who__item,
.wg26 .wg26-price__card, .wg26 .wg26-lesson, .wg26 .wg26-rev__card,
.wg26 .wg26-why__img, .wg26 .wg26-video, .wg26 .wg26-rev__arrow,
.wg26 img { border-radius: 0 !important; }

/* ================= Светлые секции (молочный вместо серого) ================= */
.wg26 .wg26-gain, .wg26 .wg26-who, .wg26 .wg26-price, .wg26 .wg26-rev { background: #f4f1ec !important; }

/* Карточки «Зачем учиться писать» — белые, тонкая линия, чёрные иконки */
/* Карточки «Зачем учиться писать» — журнальный стиль: жирная линейка сверху,
   номер, крупный заголовок, чёткое описание. Заголовки бросаются в глаза. */
.wg26 .wg26-why__grid { counter-reset: whycard; align-items: start; }
.wg26 .wg26-card {
  background: transparent !important; border: 0 !important;
  border-top: 2px solid #17150f !important; border-radius: 0 !important;
  box-shadow: none !important;
  padding: clamp(16px, 1.6vw, 22px) 0 0 !important;
}
.wg26 .wg26-card:hover { transform: none !important; box-shadow: none !important; }
.wg26 .wg26-card::before {
  counter-increment: whycard; content: counter(whycard, decimal-leading-zero);
  display: block; font-family: "Inter", sans-serif; font-weight: 700;
  font-size: .78rem; letter-spacing: .16em; color: #8b8578; margin-bottom: clamp(14px, 1.8vw, 24px);
}
.wg26 .wg26-card .wg26-ic { display: none !important; }
.wg26 .wg26-card h3 {
  font-family: "Inter", sans-serif !important; font-weight: 800 !important;
  font-size: clamp(1.5rem, 2.5vw, 2.1rem) !important; line-height: 1.06 !important;
  letter-spacing: -.03em !important; color: #17150f !important;
  margin: 0 0 clamp(12px, 1.4vw, 18px) !important;
}
.wg26 .wg26-card p {
  font-size: clamp(1.02rem, 1.25vw, 1.12rem) !important; line-height: 1.6 !important; color: #575147 !important;
}

/* «После курса ты умеешь» — светлый блок, крупные шрифты, чёрные иконки */
.wg26 .wg26-gain__grid { background: transparent !important; background-image: none !important; border-radius: 0 !important; }
.wg26 .wg26-gain__item {
  background: transparent !important; color: #17150f !important;
  border-color: var(--line) !important;
  font-size: clamp(1.22rem, 2vw, 1.55rem) !important;
}
.wg26 .wg26-gain__item .wg26-ic--sm { color: #17150f !important; background: transparent !important; border: 0 !important; }

/* «Курс для тебя, если ты» — без плашек, список как в «Услугах» */
.wg26 .wg26-who__item {
  background: transparent !important; border: 0 !important;
  border-top: 1px solid var(--line) !important; box-shadow: none !important; border-radius: 0 !important;
}
/* Наведение — лёгкое белое стекло с одной стороны (как в «Программе»).
   Синие псевдо-подсветки гасим: ::after (lux2026) и ::before (ui2026, радиальное
   голубое свечение). ::before переиспользуем как белый градиент с opacity-fade —
   это тот же лёгкий приём, что в уроках (не тормозит). */
.wg26 .wg26-who__item::after { display: none !important; }
.wg26 .wg26-who__item::before {
  content: "" !important; position: absolute !important;
  inset: 0 !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  width: auto !important; height: auto !important;
  background: linear-gradient(100deg, rgba(255,255,255,.5), rgba(255,255,255,0) 58%) !important;
  filter: none !important; opacity: 0 !important; transition: opacity .4s ease !important;
  z-index: 1 !important; pointer-events: none !important;
}
.wg26 .wg26-who__item:hover::before { opacity: 1 !important; }
.wg26 .wg26-who__item .wg26-dot,
.wg26 .wg26-who__item .wg26-who__label { position: relative; z-index: 2; }
.wg26 .wg26-who__item:hover {
  background: transparent !important; border-color: var(--line) !important;
  transform: none !important; box-shadow: none !important;
}
.wg26 .wg26-who__item .wg26-dot {
  background: transparent !important; color: #17150f !important; border-radius: 0 !important;
  font-weight: 700 !important;
}

/* ================= «Программа курса» — светлая, список как в «Услугах» ================= */
.wg26 .wg26-prog { background: #f4f1ec !important; }
.wg26 .wg26-prog__inner { color: #17150f !important; }
.wg26 .wg26-prog__lead { color: #575147 !important; }
.wg26 .wg26-prog .wg26-eyebrow { color: #8b8578 !important; }
.wg26 .wg26-prog .wg26-h2, .wg26 .wg26-prog__inner .wg26-h2 { color: #17150f !important; }
.wg26 .wg26-lesson {
  background: transparent !important; border: 0 !important;
  border-top: 1px solid var(--line) !important; border-radius: 0 !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
/* Наведение на урок — «стекло» на молочном: с одной стороны чуть светлее
   (белый градиент в ноль), без бело-голубого. Сама строка остаётся молочной. */
.wg26 .wg26-lesson:hover { background: transparent !important; }
.wg26 .wg26-lesson::before {
  background: linear-gradient(90deg, rgba(255,255,255,.75), rgba(255,255,255,0) 60%) !important;
  z-index: 1 !important;
}
/* Текст урока — над градиентом (градиент подсветки уходит ПОД текст). */
.wg26 .wg26-lesson__num,
.wg26 .wg26-lesson__title { position: relative; z-index: 2; }
.wg26 .wg26-lesson::after { color: #8b8578 !important; }
/* Шрифт всех пунктов — как у первого (крупный). */
.wg26 .wg26-lesson__title,
.wg26 .wg26-lesson:first-child .wg26-lesson__title {
  font-size: clamp(1.5rem, 3.8vw, 2.6rem) !important;
}
.wg26 .wg26-lesson__num {
  background: transparent !important; color: #17150f !important;
  border-radius: 0 !important; opacity: 1 !important;
}
.wg26 .wg26-lesson__title { color: #17150f !important; }

/* ================= Прайс ================= */
.wg26 .wg26-price__card { background: #fff !important; border: 1px solid var(--line) !important; box-shadow: none !important; }
.wg26 .wg26-price__tag { background: transparent !important; }

/* ================= «Отзывы учеников» — синий/голубой → серый ================= */
.wg26 .wg26-rev__card { background: #fff !important; border: 1px solid var(--line) !important; box-shadow: none !important; }
/* Аватарки отзывов — круглые (с первой буквой имени). */
.wg26 .wg26-rev__ava { background: #8b8578 !important; color: #fff !important; border-radius: 50% !important; }
.wg26 .wg26-rev__dot { background: rgba(23,21,15,.2) !important; }
.wg26 .wg26-rev__dot.is-active,
.wg26 .wg26-rev__dot[aria-selected="true"],
.wg26 .wg26-rev__dot.is-current { background: #8b8578 !important; }
.wg26 .wg26-rev__arrow {
  background: transparent !important; border: 1px solid var(--line) !important; color: #17150f !important;
}
.wg26 .wg26-rev__arrow:hover { background: #17150f !important; border-color: #17150f !important; color: #fff !important; }

/* ================= Финал — журнальная цитата ================= */
.wg26 .wg26-final {
  background: #f4f1ec !important;
  padding-block: clamp(72px, 11vw, 150px) !important;
}
.wg26 .wg26-final__inner { max-width: 1000px !important; text-align: center !important; }
/* Крупная открывающая кавычка — журнальный приём. */
.wg26 .wg26-final__inner::before {
  content: "\201C"; display: block;
  font-family: "Playfair Display", Georgia, serif; font-style: normal;
  font-size: clamp(4.5rem, 11vw, 8.5rem); line-height: .7; color: #17150f;
  opacity: .16; margin-bottom: clamp(2px, .8vw, 10px);
}
.wg26 .wg26-final__title {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif !important;
  font-style: italic !important; font-weight: 500 !important;
  font-size: clamp(1.5rem, 3.3vw, 2.6rem) !important;
  line-height: 1.26 !important; letter-spacing: -.006em !important;
  color: #17150f !important; text-shadow: none !important;
}
.wg26 .wg26-final .wg26-grad {
  font-style: italic !important; color: #17150f !important;
  -webkit-text-fill-color: #17150f !important; background: none !important;
}
.wg26 .wg26-final__lead {
  color: #575147 !important; text-shadow: none !important;
  font-size: clamp(1rem, 1.5vw, 1.14rem) !important;
  margin-top: clamp(26px, 3.4vw, 44px) !important;
  /* Текст под цитатой — в две колонки, выключка по обоим краям. */
  columns: 2; column-gap: clamp(32px, 5vw, 64px);
  text-align: justify; -webkit-hyphens: auto; hyphens: auto;
  max-width: none !important;
}
.wg26 .wg26-final__lead p { break-inside: avoid; margin: 0 0 1em; }
.wg26 .wg26-final__lead p:last-child { margin-bottom: 0; }
@media (max-width: 720px) {
  .wg26 .wg26-final__lead { columns: 1; column-gap: 0; text-align: left; hyphens: manual; }
}
/* Выделение фразы в цитате «текстовым маркером». */
.wg26 .wg26-final .wg-marker {
  background: linear-gradient(180deg, transparent 14%, rgba(255,214,79,.62) 14%, rgba(255,214,79,.62) 90%, transparent 90%);
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
  padding: 0 .06em;
}
/* «Неровный красный маркер» — рукописный росчерк (SVG с волнистыми краями). */
.wg26 .wg26-final .wg-marker-red {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24' preserveAspectRatio='none'%3E%3Cpath fill='%23E4392F' fill-opacity='0.5' d='M3,5.2C22,2.8 46,4.1 61,3.4C82,2.6 101,4.7 117,3.9L115.6,18.4C97,20.4 69,18.2 54,19C34,19.8 17,17.9 4.2,19.3Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-size: 100% 100%; background-position: center;
  padding: .04em .22em;
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
}

/* Блок автора: две строки-роли (основатель/сооснователь) — без отступа между ними. */
.wg26 .wg26-trust__text p:nth-last-child(2) { margin-bottom: 0 !important; }