/* Аркелия — editorial shell для всех публичных страниц (после uipro-motion) */

body.page-body.page-editorial {
  --arq-ink: #2a2520;
  --arq-ink-soft: #7a6f63;
  --arq-paper: #f7f4ef;
  --arq-paper-2: #f0ebe3;
  --arq-line: #c9c2b5;

  --c-void: #2a2520;
  --c-ink: #2a2520;
  --c-ink-soft: #6b6158;
  --c-paper: #f7f4ef;
  --c-paper-2: #f0ebe3;
  --c-moss: #2a2520;
  --c-moss-mid: #3d3530;
  --c-moss-light: #5a5048;
  --c-mist: #7a6f63;
  --c-white: #f7f4ef;
  --c-gold: #9a8e82;
  --c-gold-soft: rgba(154, 142, 130, 0.35);

  --font-body: Jost, system-ui, sans-serif;
  --font-display: "Cormorant Garamond", Georgia, serif;

  --radius-xl: 0;
  --radius-lg: 0;
  --radius-md: 0;

  background-color: var(--arq-paper) !important;
  background-image: none !important;
  color: var(--arq-ink);
  font-family: var(--font-body);
}

.page-editorial .grain {
  display: none !important;
}

/* Светлые «ложные фоны» uipro поверх секций */
.page-editorial .main-content > section::before {
  display: none !important;
  content: none !important;
}

.page-editorial .main-content > section {
  background: transparent !important;
}

.page-editorial .main-content > section.arq-phrase-band {
  background-color: #2a2520 !important;
}

.page-editorial .main-content > section.arq-phrase-band::before {
  display: none !important;
}

.page-editorial .site-header__brand .site-header__logo {
  display: block !important;
  width: 36px;
  height: 36px;
  object-fit: contain;
}

.page-editorial .site-header__logo-wordmark {
  font-family: "Cormorant Garamond", serif;
  font-size: 22px;
  font-weight: 400;
  font-style: italic;
  letter-spacing: 0.04em;
  color: var(--arq-ink) !important;
}

.page-editorial .site-header__nav-link {
  font-family: Jost, system-ui, sans-serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: var(--arq-ink-soft);
}

.page-editorial .site-header__micro-link {
  font-family: Jost, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9a8e82;
}

.page-editorial .site-header__micro-link:hover {
  color: var(--arq-ink);
}

.page-editorial .site-header__login-outline {
  font-family: Jost, system-ui, sans-serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 12px;
  color: var(--arq-ink);
  border: 0.5px solid var(--arq-line);
  border-radius: 0;
  padding: 11px 24px;
}

.page-editorial .site-header__login-outline:hover {
  background: var(--arq-paper-2);
  border-color: #b8aa9a;
  color: var(--arq-ink);
}

.page-editorial .site-header__ghost-link {
  font-family: Jost, system-ui, sans-serif;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--arq-ink-soft);
}

.page-editorial .site-header__cabinet-pill {
  border-radius: 0;
  font-family: Jost, system-ui, sans-serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 12px;
  background: var(--arq-ink);
  border: 0.5px solid var(--arq-ink);
}

.page-editorial .site-header__burger-line {
  background: var(--arq-ink);
}

.page-editorial .site-nav-offcanvas {
  background: var(--arq-paper);
  border-left: 0.5px solid var(--arq-line);
}

.page-editorial .site-nav-offcanvas__logo {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.page-editorial .site-nav-offcanvas__title {
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  font-weight: 400;
  color: var(--arq-ink);
}

.page-editorial .site-nav-offcanvas__link {
  font-family: Jost, system-ui, sans-serif;
  font-weight: 400;
  color: var(--arq-ink-soft);
  border-bottom-color: rgba(201, 194, 181, 0.85);
}

.page-editorial .site-nav-offcanvas__link.is-active {
  color: var(--arq-ink);
}

.page-editorial .site-nav-offcanvas__cta--solid {
  background: var(--arq-ink);
  border: 0.5px solid var(--arq-ink);
  border-radius: 0;
  font-family: Jost, system-ui, sans-serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.page-editorial .site-nav-offcanvas__cta--outline {
  border: 0.5px solid var(--arq-line);
  border-radius: 0;
  color: var(--arq-ink);
}

.page-editorial .site-nav-offcanvas__cta--ghost {
  color: var(--arq-ink-soft);
}

.page-editorial .main-content {
  background: transparent;
}

/* Подвал (полный) */
.page-editorial .site-footer {
  background: var(--arq-paper);
  border-top: 0.5px solid var(--arq-line);
  color: var(--arq-ink-soft);
}

.page-editorial .site-footer .footer-brand span {
  font-family: "Cormorant Garamond", serif;
  font-size: 1.25rem;
  font-style: italic;
  color: var(--arq-ink);
}

.page-editorial .site-footer .footer-note {
  font-family: Jost, system-ui, sans-serif;
  font-size: 0.92rem;
  font-weight: 300;
  letter-spacing: 0.02em;
  color: var(--arq-ink-soft);
}

.page-editorial .footer-legal {
  border-top: 0.5px solid var(--arq-line);
}

.page-editorial .footer-legal__link {
  font-family: Jost, system-ui, sans-serif;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--arq-ink-soft);
}

.page-editorial .footer-legal__link:hover {
  color: var(--arq-ink);
}

.page-editorial .footer-legal__sep {
  color: var(--arq-line);
}

/* Заголовки секций (Syne → Cormorant, без «пилюль» uipro) */
.page-editorial .section-eyebrow {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  font-family: Jost, system-ui, sans-serif !important;
  font-weight: 400 !important;
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
  color: #9a8e82 !important;
}

.page-editorial .section-title {
  font-family: "Cormorant Garamond", serif !important;
  font-style: italic;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: var(--arq-ink) !important;
}

.page-editorial .section-lead {
  font-family: Jost, system-ui, sans-serif;
  font-weight: 300;
  letter-spacing: 0.02em;
  color: var(--arq-ink-soft);
}

/* Кнопки */
.page-editorial .btn-calm,
.page-editorial .btn-primary {
  border-radius: 0 !important;
  font-family: Jost, system-ui, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 12px;
  --bs-btn-bg: var(--arq-ink);
  --bs-btn-border-color: var(--arq-ink);
  --bs-btn-hover-bg: #1c1815;
  --bs-btn-hover-border-color: #1c1815;
  --bs-btn-color: var(--arq-paper);
}

.page-editorial .btn-calm:hover {
  transform: none;
  box-shadow: none;
}

.page-editorial .btn-outline-secondary,
.page-editorial .btn-outline-calm {
  border-radius: 0 !important;
  font-family: Jost, system-ui, sans-serif;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 11px;
}

.page-editorial .btn-outline-calm {
  border: 0.5px solid var(--arq-line) !important;
  color: var(--arq-ink-soft) !important;
  background: transparent !important;
}

.page-editorial .btn-outline-calm:hover {
  background: var(--arq-paper-2) !important;
  color: var(--arq-ink) !important;
  border-color: #b8aa9a !important;
}

/* Поля форм */
.page-editorial .form-control,
.page-editorial .form-select {
  border-radius: 0;
  border-color: var(--arq-line);
  background-color: var(--arq-paper);
  font-family: Jost, system-ui, sans-serif;
  font-weight: 300;
}

.page-editorial .form-control:focus,
.page-editorial .form-select:focus {
  border-color: var(--arq-ink);
  box-shadow: 0 0 0 1px rgba(42, 37, 32, 0.12);
}

/* Ссылки */
.page-editorial .link-calm {
  color: var(--arq-ink-soft);
  text-decoration-color: rgba(42, 37, 32, 0.25);
}

.page-editorial .link-calm:hover {
  color: var(--arq-ink);
}

.page-editorial .back-link {
  font-family: Jost, system-ui, sans-serif;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--arq-ink-soft);
}

/* Карточки практик и блоки */
.page-editorial .practice-featured,
.page-editorial .practice-row,
.page-editorial .feature-practice,
.page-editorial .soft-library-card,
.page-editorial .bundle-card,
.page-editorial .service-card {
  border-radius: 0 !important;
}

.page-editorial .practice-featured {
  border: 0.5px solid var(--arq-line);
  overflow: hidden;
}

.page-editorial .practice-row {
  border-bottom: 0.5px solid var(--arq-line);
}

.page-editorial .practice-badge,
.page-editorial .practice-paid-badge__pill {
  border-radius: 0 !important;
  font-family: Jost, system-ui, sans-serif;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 10px !important;
}

.page-editorial .practice-badge--sale,
.page-editorial .practice-badge--premium,
.page-editorial .practice-badge--label {
  background: var(--arq-paper-2) !important;
  color: #9a8e82 !important;
  border: 0.5px solid var(--arq-line) !important;
}

.page-editorial .practice-featured__link,
.page-editorial .practice-row__link {
  font-family: Jost, system-ui, sans-serif;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* Cookie */
.page-editorial .cookie-consent__inner {
  border-radius: 0 !important;
  border: 0.5px solid var(--arq-line);
  background: rgba(247, 244, 239, 0.98);
}

.page-editorial .cookie-consent__title {
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  font-weight: 400;
  color: var(--arq-ink);
}

.page-editorial .cookie-consent .btn {
  border-radius: 0 !important;
}

/* Кабинет / премиум блоки — смягчить радиусы */
.page-editorial .cabinet-shell,
.page-editorial .cabinet-card,
.page-editorial .subscription-premium__panel {
  border-radius: 0 !important;
}

/* Тест тревоги — сохранить читаемость карточек */
.page-editorial .page-anxiety-quiz .section-eyebrow {
  color: var(--arq-ink-soft) !important;
}

/* Журнал */
.page-editorial .journal-shell,
.page-editorial .journal-entry-form {
  border-radius: 0 !important;
}

/* Кабинет — палитра и типографика как на главной */
.page-editorial.page-cabinet .cabinet-pro {
  --cp-ivory: #f7f4ef;
  --cp-linen: #f0ebe3;
  --cp-sage: #2a2520;
  --cp-sage-mid: #3d3530;
  --cp-mist: #7a6f63;
  --cp-ink: #2a2520;
  --cp-ink-soft: #6b6158;
  --cp-gold: #9a8e82;
  --cp-gold-soft: rgba(154, 142, 130, 0.22);
  --cp-line: rgba(201, 194, 181, 0.85);
  --cp-radius: 0;
  --cp-radius-sm: 0;
  --cp-font-display: "Cormorant Garamond", Georgia, serif;
  --cp-font-body: Jost, system-ui, sans-serif;
  background: #f7f4ef;
  color: var(--cp-ink-soft);
}

.page-editorial.page-cabinet .cabinet-shell .DashboardHero,
.page-editorial.page-cabinet .cabinet-hero {
  border-radius: 0 !important;
}

.page-editorial.page-cabinet .cabinet-pro-hero__h,
.page-editorial.page-cabinet .cabinet-pro-promo__title,
.page-editorial.page-cabinet #cabinet-title {
  font-style: italic;
  font-weight: 400 !important;
}

.page-editorial-home.page-editorial .site-header {
  border-bottom: none;
}

.page-editorial .continue-strip__card,
.page-editorial .reading-reminder__card {
  border-radius: 0 !important;
  border: 0.5px solid var(--arq-line) !important;
  background: var(--arq-paper-2) !important;
}

.page-editorial .card {
  border-radius: 0 !important;
}

.page-editorial .btn-calm,
.page-editorial .btn-primary,
.page-editorial .btn-outline-calm,
.page-editorial .btn-outline-secondary {
  box-shadow: none !important;
}

/* ========= Профессиональный проход по остальным страницам ========= */

/* Базовая читаемость */
.page-editorial .section-title {
  font-size: clamp(32px, 4.4vw, 52px);
  line-height: 1.12;
}

.page-editorial .section-lead {
  font-size: 16px;
  line-height: 1.65;
}

.page-editorial .small,
.page-editorial .text-muted-soft {
  font-size: 13px;
}

/* QA */
.page-editorial .qa-wrap {
  max-width: 1280px;
}

.page-editorial .qa-content-note {
  border: 0.5px solid var(--arq-line);
  padding: 14px 16px;
  background: rgba(240, 235, 227, 0.46);
}

.page-editorial .qa-topic {
  margin-top: 28px;
}

.page-editorial .qa-topic__title {
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  font-weight: 400;
  font-size: clamp(26px, 2.8vw, 34px);
  margin-bottom: 2px;
}

.page-editorial .qa-acc .accordion-item {
  border-radius: 0 !important;
  border: 0.5px solid var(--arq-line) !important;
  box-shadow: none !important;
  margin-bottom: 10px;
  overflow: hidden;
}

.page-editorial .qa-acc .accordion-button {
  border-radius: 0 !important;
  background: var(--arq-paper) !important;
  color: var(--arq-ink) !important;
  font-family: Jost, system-ui, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0.01em;
  box-shadow: none !important;
}

.page-editorial .qa-acc .accordion-button:not(.collapsed) {
  background: var(--arq-paper-2) !important;
}

.page-editorial .qa-acc .accordion-body {
  font-size: 15px;
  line-height: 1.7;
  color: #5f554d;
  background: var(--arq-paper);
}

/* Services / Bundles / Blog cards */
.page-editorial .services-page .container,
.page-editorial .legal-page .container,
.page-editorial .community-page__inner {
  max-width: 1280px;
}

.page-editorial .service-card,
.page-editorial .bundle-card,
.page-editorial .social-card {
  border-radius: 0 !important;
  border: 0.5px solid var(--arq-line) !important;
  box-shadow: none !important;
  background: var(--arq-paper) !important;
}

.page-editorial .service-card:hover,
.page-editorial .bundle-card:hover,
.page-editorial .social-card:hover {
  transform: none !important;
  box-shadow: none !important;
}

.page-editorial .service-card__title,
.page-editorial .bundle-card h3,
.page-editorial .social-card__title {
  font-family: "Cormorant Garamond", serif !important;
  font-style: italic;
  font-weight: 400 !important;
  color: var(--arq-ink) !important;
}

/* Community */
.page-editorial .community-page__panel,
.page-editorial .community-sidebar-card,
.page-editorial .community-stories-hub,
.page-editorial .community-block__inner {
  border-radius: 0 !important;
  border: 0.5px solid var(--arq-line) !important;
  box-shadow: none !important;
  background: var(--arq-paper) !important;
}

.page-editorial .community-member-layout {
  gap: 26px;
}

/* Subscription / quiz / auth forms */
.page-editorial .subscription-panel,
.page-editorial .subscription-trust__item,
.page-editorial .anxiety-quiz-intro,
.page-editorial .anxiety-quiz-step {
  border-radius: 0 !important;
  border: 0.5px solid var(--arq-line) !important;
  box-shadow: none !important;
}

.page-editorial .subscription-hero__title,
.page-editorial .subscription-fieldset__legend,
.page-editorial .anxiety-quiz-title,
.page-editorial .anxiety-quiz-q {
  font-family: "Cormorant Garamond", serif !important;
  font-style: italic;
  font-weight: 400 !important;
  color: var(--arq-ink);
}

.page-editorial .anxiety-quiz-option {
  border-radius: 0 !important;
  border: 0.5px solid var(--arq-line);
  background: var(--arq-paper);
}

/* Layout details */
.page-editorial .services-footnote,
.page-editorial .qa-soft-cta,
.page-editorial .practice-list-cta {
  border-top: 0.5px solid var(--arq-line);
  padding-top: 24px;
}

@media (max-width: 768px) {
  .page-editorial .services-page .container,
  .page-editorial .qa-wrap,
  .page-editorial .community-page__inner,
  .page-editorial .legal-page .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .page-editorial .section-title {
    font-size: 36px;
  }

  .page-editorial .section-lead {
    font-size: 14px;
  }

  .page-editorial .qa-acc .accordion-button {
    font-size: 14px;
  }

  .page-editorial .community-member-layout {
    display: grid;
    grid-template-columns: 1fr;
  }
}

/* Шапка: на всю ширину, без «плавающей карточки», контент как у split-header (1280 / 32px).
   z-index намеренно 1030 (как у Bootstrap .fixed-top): ниже offcanvas-backdrop (1040)
   и offcanvas (1045), иначе backdrop накрывает шапку и блокирует клики. */
.page-editorial .site-header {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1030 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 0.5px solid var(--arq-line);
  background: var(--arq-paper) !important;
  /* Изоляция против transform/filter родителей, которые ломают sticky */
  transform: none !important;
  filter: none !important;
}

.page-editorial .site-header::before,
.page-editorial .site-header::after {
  content: none !important;
  display: none !important;
}

.page-editorial .site-header__shell {
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
  min-height: 64px !important;
}

.page-editorial .site-header__brand {
  position: relative;
  min-width: 0 !important;
}

.page-editorial .site-header__brand::after {
  display: none !important;
}

.page-editorial .site-header__brand .site-header__logo {
  width: 36px;
  height: 36px;
}

.page-editorial .site-header__logo-wordmark {
  font-size: 22px;
  letter-spacing: 0.04em;
}

.page-editorial .site-header__center {
  align-self: stretch !important;
  align-items: stretch !important;
}

.page-editorial .site-header__nav-list {
  gap: 0.35rem 1rem !important;
  min-height: 100%;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

.page-editorial .site-header__nav-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 14px !important;
  border: 0;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  transition: background 0.2s ease, color 0.2s ease;
}

.page-editorial .site-header__nav-link::after {
  display: none !important;
}

.page-editorial .site-header__nav-link:hover,
.page-editorial .site-header__nav-link.is-active {
  color: var(--arq-ink);
  background: rgba(42, 37, 32, 0.06);
  border-bottom-color: transparent;
}

.page-editorial .site-header__micro-link,
.page-editorial .site-header__ghost-link {
  text-decoration: none;
}

.page-editorial .site-header__login-outline,
.page-editorial .site-header__cabinet-pill {
  border-radius: 0 !important;
  padding: 11px 24px !important;
  text-decoration: none;
}

.page-editorial .site-header__login-outline {
  background: transparent !important;
  border: 0.5px solid var(--arq-line) !important;
}

.page-editorial .site-header__login-outline:hover {
  background: var(--arq-ink) !important;
  border-color: var(--arq-ink) !important;
  color: var(--arq-paper) !important;
}

.page-editorial .site-header__burger {
  border: 0.5px solid var(--arq-line) !important;
  border-radius: 0 !important;
  background: rgba(247, 244, 239, 0.54) !important;
}

@media (max-width: 991.98px) {
  /* Шапка на мобильных: гарантированный sticky с защитой от багов
     iOS Safari (overflow-x: hidden у body, transform у родителей и т.п.). */
  .page-editorial .site-header {
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    z-index: 1030 !important;
    background: var(--arq-paper) !important;
    border-bottom: 0.5px solid var(--arq-line) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    will-change: auto;
    transform: none !important;
    filter: none !important;
  }

  .page-editorial .site-header__shell {
    padding-left: max(16px, env(safe-area-inset-left)) !important;
    padding-right: max(16px, env(safe-area-inset-right)) !important;
    min-height: 56px !important;
  }

  /* Логотип и wordmark компактнее на телефоне, чтобы шапка не была
     слишком высокой и не «съедала» полэкрана. */
  .page-editorial .site-header__brand .site-header__logo {
    width: 30px !important;
    height: 30px !important;
  }

  .page-editorial .site-header__logo-wordmark {
    font-size: 18px !important;
  }

  /* Бургер всегда виден и кликабелен. */
  .page-editorial .site-header__burger {
    width: 40px !important;
    height: 40px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
  }
}