.footer-email-input:focus { outline:none; border-color:#c9bb98; box-shadow:0 0 0 2px rgba(201,187,152,0.35); }

  .btn { transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease; }
  .btn:hover { transform: translateY(-3px); box-shadow: 0 8px 16px rgba(40,30,10,0.3); }
  .btn-dark:hover { background-color:#3a352e !important; }
  .btn-light:hover { background-color:#e8ddc4 !important; }

  .btn-outline { transition: background-color .2s ease, color .2s ease, transform .2s ease; }
  .btn-outline:hover { background-color:#2b2620 !important; color:#f4ede0 !important; transform: translateY(-2px); }

  .site-name { transition: color .2s ease, transform .2s ease; display:inline-block; }
  .site-name:hover { color:#8a7f68; transform: translateY(-1px); }

  .buy-row { transition: transform .2s ease; }
  /* Иконки покупки крупнее (базово +25% ко всем экранам) */
  .buy-row svg { width: 25px; height: 25px; }
  /* Чуть больше воздуха между ссылками покупки */
  .buy-row + .buy-row { margin-top: 16px !important; }
  .buy-row:hover { transform: translateX(6px); }
  .buy-row:hover svg { stroke:#2b2620; }
  .buy-row:hover .buy-link-text { color:#2b2620; }
  .buy-link-text { color:#4a4436; text-decoration:underline; transition: color .2s ease; }

  .theory-card { transition: transform .25s ease, box-shadow .25s ease; }
  .theory-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(40,30,10,0.2); }

  .cover-img { border:1px solid #c9bb98; box-shadow:0 8px 24px rgba(40,30,10,0.25); transition: transform .25s ease, box-shadow .25s ease; cursor: zoom-in; }
  .cover-img:hover { transform: translateY(-6px); box-shadow: 0 16px 34px rgba(40,30,10,0.4); }

  .author-img { border:1px solid #c9bb98; transition: transform .25s ease, box-shadow .25s ease; }
  .author-img:hover { transform: translateY(-5px); box-shadow: 0 12px 26px rgba(40,30,10,0.3); }

  .footer-link { color:#8a7f68; text-decoration:underline; transition: color .2s ease; }
  .footer-link:hover { color:#f4ede0; }

  #cover-modal { position:fixed; inset:0; background:rgba(20,16,10,0.88); display:none; align-items:center; justify-content:center; z-index:200; cursor:zoom-out; padding:40px; box-sizing:border-box; }
  #cover-modal img { max-width:90vw; max-height:90vh; box-shadow:0 20px 60px rgba(0,0,0,0.5); }

  #theory-modal { position:fixed; inset:0; background:rgba(20,16,10,0.75); display:none; align-items:center; justify-content:center; z-index:200; padding:24px; box-sizing:border-box; }
  #theory-modal-box { background:#f4ede0; max-width:520px; width:100%; padding:32px; box-sizing:border-box; position:relative; font-family:Georgia,'Times New Roman',serif; box-shadow:0 20px 60px rgba(0,0,0,0.5); }
  #theory-modal-close { position:absolute; top:14px; right:18px; font-size:20px; color:#8a7f68; cursor:pointer; line-height:1; background:none; border:none; }
  #theory-modal-close:hover { color:#2b2620; }
  #theory-modal-name { font-weight:bold; font-size:15px; color:#2b2620; }
  #theory-modal-location { font-size:14px; color:#8a7f68; margin-top:2px; margin-bottom:16px; }
  #theory-modal-text { font-size:14px; line-height:1.75; color:#4a4436; font-style:italic; }
  #theory-modal-translation-note { font-size:14px; color:#8a7f68; font-style:normal; margin-top:14px; border-top:1px solid #d8cbb0; padding-top:10px; }

  .submit-modal { position:fixed; inset:0; background:rgba(20,16,10,0.75); display:none; align-items:center; justify-content:center; z-index:200; padding:24px; box-sizing:border-box; }
  .submit-modal-box { background:#f4ede0; max-width:480px; width:100%; padding:32px; box-sizing:border-box; position:relative; font-family:Georgia,'Times New Roman',serif; box-shadow:0 20px 60px rgba(0,0,0,0.5); }
  .submit-modal-close { position:absolute; top:14px; right:18px; font-size:20px; color:#8a7f68; cursor:pointer; line-height:1; background:none; border:none; }
  .submit-modal-close:hover { color:#2b2620; }
  .submit-modal-title { font-weight:bold; letter-spacing:.05em; text-transform:uppercase; font-size:14px; color:#2b2620; margin-bottom:6px; }
  .submit-modal-note { font-size:14px; color:#8a7f68; line-height:1.6; margin-bottom:18px; }
  .submit-field-label { font-size:14px; letter-spacing:.05em; text-transform:uppercase; color:#2b2620; display:block; margin-bottom:5px; margin-top:14px; }
  .submit-field { width:100%; box-sizing:border-box; font-family:Georgia,'Times New Roman',serif; font-size:14px; color:#4a4436; background:#fff; border:1px solid #c9bb98; padding:9px 10px; }
  .submit-field:focus { outline:none; border-color:#8a7f68; box-shadow:0 0 0 2px rgba(138,127,104,0.25); }
  .submit-word-count { font-size:14px; color:#8a7f68; text-align:right; margin-top:4px; }
  .submit-word-count.over { color:#a33; }
  .submit-thanks { font-size:14px; line-height:1.7; color:#4a4436; }
  .submit-btn-wrap { text-align:center; }
  .btn[disabled] { opacity:.45; cursor:not-allowed; }
  .btn[disabled]:hover { transform:none; box-shadow:none; }

  @keyframes fadeSlideDown { from { opacity:0; transform:translateY(-32px); } to { opacity:1; transform:translateY(0); } }
  @keyframes fadeRise { from { opacity:0; transform:translateY(22px); } to { opacity:1; transform:translateY(0); } }
  @keyframes fadeRiseTitle { from { opacity:0; transform:translateY(22px) scaleY(1.08); } to { opacity:1; transform:translateY(0) scaleY(1.08); } }
  @keyframes fadeScaleIn { from { opacity:0; transform:scale(0.94); } to { opacity:1; transform:scale(1); } }

  .reveal-down { animation: fadeSlideDown .7s ease both; }
  .reveal { animation: fadeRise .8s ease both; }
  .reveal-title { animation: fadeRiseTitle .8s ease both; }
  .reveal-scale { animation: fadeScaleIn .9s ease both; }

  .copyright-break { display: none; }
  .title-break { display: none; }
  .credit-break { display: none; }
  .credit-sep { display: inline; margin: 0 10px; color: #8a7f68; }

  /* ===================== RESPONSIVE ===================== */

  /* Tablet and mobile: stack the hero grid into a single column */
  @media (max-width: 1000px) {
    .hero-grid {
      display: block !important;
    }
    .hero-grid > div {
      grid-column: auto !important;
      grid-row: auto !important;
    }
    .divider-line {
      display: none !important;
    }
    .cover-cell {
      max-width: 340px;
      margin: 24px auto !important;
    }
    .row3-flex {
      flex-direction: column !important;
      padding-top: 32px !important;
      gap: 8px !important;
    }
    .row3-flex > div {
      flex: 1 1 auto !important;
      width: 100% !important;
    }
    .row3-flex > div:last-child {
      margin-top: 24px;
    }
    .author-flex {
      flex-direction: column !important;
      text-align: center;
      gap: 24px !important;
    }
    .book-title {
      font-size: 40px !important;
    }
    .welcome-line {
      white-space: normal !important;
    }
    .footer-cols {
      gap: 32px !important;
    }
    .footer-title-nowrap {
      white-space: normal !important;
    }
    .credit-break {
      display: block !important;
      margin-top: 5px;
    }
    .credit-sep {
      display: none !important;
    }
  }

  /* Tablet only (721px-1000px) — does not affect phones or desktop */
  @media (min-width: 721px) and (max-width: 1000px) {
    /* Одна колонка для buy-section, COMPRAR сверху */
    .buy-section {
      display: flex !important;
      flex-direction: column !important;
      gap: 32px !important;
    }
    .buy-section > div {
      flex: none !important;
      width: 100% !important;
    }
    .buy-section > div:first-child {
      order: 2 !important; /* TEORÍA вторая */
    }
    .buy-section > div:last-child {
      order: 1 !important; /* COMPRAR первая */
    }
    .page-sepia *, .page-footer *, .site-header *, .submit-modal *, #theory-modal *, #cover-modal * {
      font-size: 18px !important;
    }
    .book-title {
      font-size: 60px !important;
    }
    .copyright-text {
      font-size: 16px !important;
    }
    .footer-subtitle-sm {
      font-size: 16px !important;
    }
    .buy-now-btn {
      display: block !important;
      width: fit-content;
      margin-left: auto !important;
      margin-right: auto !important;
    }
    .buy-row {
      max-width: 300px;
      margin-left: auto !important;
      margin-right: auto !important;
      text-align: left !important;
    }
    .theory-card {
      max-width: 320px;
      width: 100%;
      margin-left: auto !important;
      margin-right: auto !important;
      min-height: 0 !important;
      height: 78px !important;
    }
    .subscribe-row {
      max-width: 300px;
      margin-left: auto !important;
      margin-right: auto !important;
    }
    .section-title {
      text-align: center !important;
    }
    .footer-cols > div {
      text-align: center !important;
    }
    .author-bio-text {
      text-align: left !important;
    }
    .theory-question, .coming-soon {
      max-width: 70%;
      margin-left: auto !important;
      margin-right: auto !important;
      text-align: center !important;
    }
    .author-img {
      width: 312px !important;
      height: 422px !important;
    }
    .cover-cell {
      max-width: 408px !important;
    }
    .site-header {
      padding: 8px 16px !important;
    }
    .section-title, .footer-title, .footer-title-nowrap {
      font-size: 20px !important;
    }
    .footer-cols > div:nth-child(1),
    .footer-cols > div:nth-child(2) {
      flex: 0 1 calc(50% - 16px) !important;
    }
    .footer-cols > div:nth-child(3) {
      flex: 0 1 100% !important;
      margin-top: 24px !important;
    }
    /* ===== ЕДИНАЯ система отступов между блоками (планшет). Одно число — GAP:24px.
       Правило: КАЖДЫЙ блок сам отвечает за отступ ПОСЛЕ себя (margin-bottom),
       margin-top у всех обнулён, чтобы отступы не "плыли" от контекста.
       Заголовки — исключение: у них отступ и до, и после через padding (не margin,
       он не схлопывается), поэтому у элементов ПЕРЕД заголовком margin-bottom:0. */
    .section-title, .footer-title, .footer-title-nowrap {
      margin: 0 !important;
      padding-top: 36px !important;
      padding-bottom: 24px !important;
    }
    .p-lg, .footer-p-lg {
      margin-top: 0 !important;
      margin-bottom: 24px !important;
    }
    .p-lg p, .footer-p-lg p, .buy-row {
      margin-bottom: 0 !important;
    }
    /* Исключения: эти блоки идут ПЕРЕД заголовком — у заголовка уже есть padding-top */
    .p-lg:has(+ .divider-line) {
      margin-bottom: 0 !important;
    }
    .row3-flex > .p-lg {
      margin-bottom: 0 !important;
    }
    .btn:not(.subscribe-row .btn) {
      margin-top: 24px !important;
      margin-bottom: 32px !important;
    }
    .subscribe-row .btn {
      margin: 0 !important;
    }
    .buy-divider {
      border-top: none !important;
      margin-top: 0 !important;
      padding-top: 0 !important;
    }
    .theory-cards-wrap {
      margin-top: 0 !important;
      margin-bottom: 24px !important;
      gap: 24px !important;
    }
    /* margin-bottom:0 — далее сразу идёт кнопка, у неё уже есть свой margin-top:24.
       <button>/<a class="btn"> — inline-block, их отступы с соседями СКЛАДЫВАЮТСЯ,
       а не схлопываются, поэтому тут отступ должен давать только один из двух. */
    .theory-question, .author-bio-text {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
    }
    .coming-soon {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
    }
    .cover-cell {
      margin: 24px auto !important;
    }
    .row3-flex {
      padding-top: 0 !important;
      gap: 0 !important;
    }
    .row3-flex > div:last-child {
      margin-top: 0 !important;
    }
    .author-section-wrap {
      margin-top: 0 !important;
    }
    .author-flex {
      gap: 0 !important;
    }
  }

  /* Desktop intermediate narrow (1000px-1149px) */
  @media (min-width: 1001px) and (max-width: 1149px) {
    .page-sepia *, .page-footer *, .site-header *, .submit-modal *, #theory-modal *, #cover-modal * {
      font-size: 18px !important;
    }
    .book-title {
      font-size: 60px !important;
    }
    .copyright-text {
      font-size: 16px !important;
    }
    .footer-subtitle-sm {
      font-size: 16px !important;
    }
    .section-title, .footer-title, .footer-title-nowrap {
      font-size: 20px !important;
    }
    /* Кнопка по центру параграфа */
    .buy-now-btn {
      display: block !important;
      width: fit-content;
      margin: 16px auto !important;
    }
    /* Первая строка после названия книги */
    .welcome-line {
      max-width: 850px !important;
      margin-left: auto !important;
      margin-right: auto !important;
      white-space: normal !important;
    }
    /* Горизонтальная линия после welcome-line: ограничить по ширине контента */
    .reveal[style*="border-bottom"] {
      width: auto !important;
      max-width: 824px !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
    /* Hero grid: две колонки (текст-книга), остальное внизу */
    .hero-grid {
      grid-template-columns: 400px 400px !important;
      column-gap: 24px !important;
      row-gap: 0 !important;
      margin: 0 auto !important;
      width: fit-content !important;
    }
    .hero-grid > div:nth-child(1) { grid-column: 1 !important; grid-row: 1 !important; }
    .hero-grid > div:nth-child(2) { grid-column: 2 !important; grid-row: 1 !important; }
    .hero-grid > div:nth-child(3) { grid-column: 1 / -1 !important; grid-row: 2 !important; }
    .hero-grid > div:nth-child(4) { display: none !important; }
    .hero-grid > div:nth-child(5) { grid-column: 1 / -1 !important; grid-row: 3 !important; }
    .row3-flex {
      grid-column: 1 / -1 !important;
      grid-row: 4 !important;
      display: flex !important;
      gap: 32px !important;
    }
    .row3-flex > div:first-child {
      flex: 0 1 73% !important;
    }
    .row3-flex > div:last-child {
      flex: 0 1 27% !important;
    }
    /* Скрыть вертикальную линию */
    .divider-line {
      display: none !important;
    }
    /* Две колонки: теория 65%, компрар 35%, с разделительной линией */
    .buy-section {
      flex-wrap: nowrap !important;
      gap: 32px !important;
    }
    .buy-section > div:first-child {
      flex: 0 1 65% !important;
      min-width: 0 !important;
      padding-right: 32px !important;
      border-right: 1px solid #d8cbb0 !important;
    }
    .buy-section > div:last-child {
      flex: 0 1 35% !important;
      min-width: 0 !important;
    }
    /* Горизонтальная линия после welcome-line: ограничить по ширине контента */
    .reveal[style*="border-bottom"] {
      width: auto !important;
      max-width: 1181px !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
    /* Заголовок теории по центру */
    .buy-section > div:first-child .section-title {
      text-align: center !important;
    }
    /* Карточки теории центрированы с одинаковой шириной */
    .theory-cards-wrap {
      align-items: center !important;
    }
    .theory-card {
      width: 280px !important;
      min-height: 100px !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
    /* Футер: две колонки вверху, одна внизу (как на планшете) */
    .footer-cols {
      gap: 32px !important;
    }
    .footer-cols > div {
      text-align: center !important;
    }
    .footer-cols > div:nth-child(1),
    .footer-cols > div:nth-child(2) {
      flex: 0 1 calc(50% - 16px) !important;
    }
    .footer-cols > div:nth-child(3) {
      flex: 0 1 100% !important;
      margin-top: 24px !important;
    }
    /* Поле email и кнопка подписки (как на планшете) */
    .subscribe-row {
      max-width: 300px;
      margin-left: auto !important;
      margin-right: auto !important;
    }
  }

  /* Desktop intermediate wide (1150px-1400px) */
  @media (min-width: 1150px) {
    .page-sepia *, .page-footer *, .site-header *, .submit-modal *, #theory-modal *, #cover-modal * {
      font-size: 18px !important;
    }
    .book-title {
      font-size: 68px !important;
    }
    .copyright-text {
      font-size: 16px !important;
    }
    .footer-subtitle-sm {
      font-size: 16px !important;
    }
    .section-title, .footer-title, .footer-title-nowrap {
      font-size: 20px !important;
    }
    /* Линия под тайтлом не шире центрального контента (колонки = 1193px) */
    .title-divider {
      width: 95% !important;
      max-width: 1193px !important;
    }
    /* Hero grid: центрирован, левый текст растёт до 400px макс, затем свободные поля */
    .hero-grid {
      grid-template-columns: minmax(240px, 350px) 400px 1px minmax(282px, 370px) !important;
      column-gap: 24px !important;
      row-gap: 0 !important;
      width: 95% !important;
      max-width: 1350px !important;
      justify-content: center !important;
      margin-left: auto !important;
      margin-right: auto !important;
      box-sizing: border-box !important;
      padding-left: 16px !important;
      padding-right: 16px !important;
    }
    .hero-grid > div:nth-child(1) { grid-column: 1 !important; grid-row: 1 !important; max-width: 400px !important; }
    /* Кнопка по центру параграфа */
    .buy-now-btn {
      display: block !important;
      width: fit-content;
      margin: 16px auto !important;
    }
    .hero-grid > div:nth-child(2) { grid-column: 2 !important; grid-row: 1 !important; }
    .hero-grid > div:nth-child(3) { grid-column: 1 / 3 !important; grid-row: 2 !important; }
    .hero-grid > div:nth-child(4) { grid-column: 3 !important; grid-row: 1 / 3 !important; }
    .hero-grid > div:nth-child(5) { grid-column: 4 !important; grid-row: 1 / 3 !important; }
    /* Row3-flex: занимает полную ширину grid'а */
    .row3-flex {
      grid-column: 1 / -1 !important;
      grid-row: auto !important;
      display: flex !important;
      gap: 32px !important;
      margin-top: 32px !important;
      width: 100% !important;
      box-sizing: border-box !important;
    }
    .row3-flex > div:first-child {
      flex: 0 1 73% !important;
    }
    .row3-flex > div:last-child {
      flex: 0 1 27% !important;
    }
    /* Показать вертикальную линию после картинки */
    .divider-line {
      display: block !important;
    }
    /* Buy-section: вертикальный stack (COMPRAR сверху, TEORÍA снизу) */
    .buy-section {
      display: flex !important;
      flex-direction: column !important;
      gap: 0 !important;
      width: 100% !important;
    }
    .buy-section > div:first-child {
      order: 2 !important;
      padding-top: 16px !important;
      margin-top: 16px !important;
    }
    .buy-section > div:last-child {
      order: 1 !important;
      border-bottom: 1px solid #d8cbb0 !important;
      padding-bottom: 16px !important;
      margin-bottom: 16px !important;
    }
    /* Карточки теории: фиксированный размер и центрированы */
    .theory-cards-wrap {
      justify-content: center !important;
    }
    .theory-card {
      width: 280px !important;
      height: 100px !important;
      min-height: auto !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
    /* Футер три колонки - увеличить max-width для нормального распределения */
    .footer-cols {
      max-width: 1200px !important;
    }
    .footer-cols > div {
      text-align: center !important;
    }
  }

  /* 1400+: секция автора чуть шире + фото +10% */
  @media (min-width: 1400px) {
    .author-flex {
      max-width: 1100px !important;
    }
    .author-img {
      width: 231px !important;
      height: 314px !important;
    }
    /* Нижняя цитата — той же ширины, что текст "Bienvenido" сверху */
    .closing-quote {
      max-width: 1000px !important;
    }
  }

  /* Phones */
  @media (max-width: 720px) {
    /* Одна колонка для buy-section, COMPRAR сверху */
    .buy-section {
      display: flex !important;
      flex-direction: column !important;
      gap: 28px !important;
    }
    .buy-section > div {
      flex: none !important;
      width: 100% !important;
    }
    .buy-section > div:first-child {
      order: 2 !important; /* TEORÍA вторая */
    }
    .buy-section > div:last-child {
      order: 1 !important; /* COMPRAR первая */
    }
    .site-header {
      justify-content: space-between !important;
      padding: 7px !important;
    }
    .site-header .site-name {
      font-size: 14px !important;
    }
    .site-header #lang-toggle {
      font-size: 14px !important;
      padding: 6px 10px !important;
    }
    .book-title {
      font-size: 34px !important;
    }
    .cover-cell {
      max-width: 300px;
    }
    .submit-modal-box, #theory-modal-box {
      padding: 22px !important;
      max-width: 92vw !important;
    }
    #cover-modal, .submit-modal, #theory-modal {
      padding: 12px !important;
    }
    .author-img {
      width: 190px !important;
      height: 257px !important;
    }
    .page-sepia, .page-footer {
      padding-left: 18px !important;
      padding-right: 18px !important;
    }
    .section-title {
      text-align: center !important;
    }
    .footer-cols > div {
      text-align: center !important;
      flex: 0 1 100% !important;
    }
    .theory-card {
      max-width: 240px;
      width: 100%;
      margin-left: auto !important;
      margin-right: auto !important;
      min-height: 0 !important;
      height: 74px !important;
      padding: 0 14px !important;
    }
    .buy-now-btn {
      display: block !important;
      width: fit-content;
      margin-left: auto !important;
      margin-right: auto !important;
    }
    .buy-row {
      max-width: 280px;
      margin-left: auto !important;
      margin-right: auto !important;
      text-align: left !important;
    }
    .author-bio-text {
      text-align: left !important;
    }
    .theory-question, .coming-soon {
      max-width: 90%;
      margin-left: auto !important;
      margin-right: auto !important;
      text-align: center !important;
    }
    .subscribe-row {
      max-width: 240px;
      margin-left: auto !important;
      margin-right: auto !important;
    }
    .p-lg, .footer-p-lg, .theory-question, .coming-soon, .author-bio-text, .welcome-line {
      font-size: 18px !important;
    }
    .copyright-text, .footer-subtitle-sm {
      font-size: 18px !important;
    }
    .site-header .site-name, .site-header #lang-toggle {
      font-size: 18px !important;
    }
    .page-sepia *, .page-footer *, .site-header *, .submit-modal *, #theory-modal *, #cover-modal * {
      font-size: 18px !important;
    }
    .book-title {
      font-size: 44px !important;
    }
    .title-break {
      display: block !important;
    }
    .copyright-break {
      display: block !important;
    }
    .copyright-text {
      font-size: 16px !important;
      line-height: 1.25 !important;
    }
    .copyright-wrap {
      padding-top: 1.5px !important;
    }
    .page-footer {
      padding-bottom: 2.5px !important;
    }
    /* ===== ЕДИНАЯ система отступов между блоками (мобилка) — как на планшете,
       только GAP:20px. См. комментарий в планшетном блоке для логики. */
    .section-title, .footer-title, .footer-title-nowrap {
      margin: 0 !important;
      padding-top: 30px !important;
      padding-bottom: 20px !important;
    }
    .p-lg, .footer-p-lg {
      margin-top: 0 !important;
      margin-bottom: 20px !important;
    }
    .p-lg p, .footer-p-lg p, .buy-row {
      margin-bottom: 0 !important;
    }
    .p-lg:has(+ .divider-line) {
      margin-bottom: 0 !important;
    }
    .row3-flex > .p-lg {
      margin-bottom: 0 !important;
    }
    .btn:not(.subscribe-row .btn) {
      margin-top: 20px !important;
      margin-bottom: 28px !important;
    }
    .subscribe-row .btn {
      margin: 0 !important;
    }
    .buy-divider {
      border-top: none !important;
      margin-top: 0 !important;
      padding-top: 0 !important;
    }
    .theory-cards-wrap {
      margin-top: 0 !important;
      margin-bottom: 20px !important;
      gap: 20px !important;
    }
    .theory-question, .author-bio-text {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
    }
    .coming-soon {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
    }
    .cover-cell {
      margin: 20px auto !important;
    }
    .row3-flex {
      padding-top: 0 !important;
      gap: 0 !important;
    }
    .row3-flex > div:last-child {
      margin-top: 0 !important;
    }
    .author-section-wrap {
      margin-top: 0 !important;
    }
    .author-flex {
      gap: 0 !important;
    }
  }