/* Посадочные страницы: шапка с рядами навигации, выдача, текст и FAQ. Текст статей (article-body). */

.landing-page { display: flex; flex-direction: column; gap: var(--page-gap); min-width: 0; }
.landing-page__head { display: flex; flex-direction: column; gap: var(--space-4); padding: 24px 28px; }
.landing-page__title { margin: 0; font: var(--font-h1); letter-spacing: var(--tracking-h1); }
.landing-page__feed, .landing-page__content { padding: 24px 28px; }
.landing-nav { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.landing-nav__filters { align-self: flex-start; margin-top: var(--space-2); }

.feed { display: flex; flex-direction: column; gap: var(--space-5); }
.feed__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-5) var(--space-4); }
.feed__state { display: flex; flex-direction: column; align-items: center; gap: var(--space-3); padding-block: var(--space-6); color: var(--color-black-v2); font: var(--font-small); }
@media (max-width: 1023px) { .feed__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 759px) {
  .landing-page { gap: var(--space-2); }
  .landing-page__head, .landing-page__content { padding: 16px; }
  .landing-page__title { font-size: 24px; line-height: 30px; }
  .landing-page__feed { padding: 8px 0 0; background: transparent; }
  /* В редизайне white-space: normal здесь перебивался стилем карточки (scoped, выше по каскаду) — платёж в одну строку. */
  .landing-page__feed .card__monthly { min-width: 0; text-align: right; }
  .feed__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 599px) { .feed__grid { gap: var(--space-4) var(--space-3); } }

/* Ряды плашек с прокруткой */
.jump-row { display: flex; align-items: center; gap: var(--space-2); min-width: 0; }
.jump-row__label { flex: none; width: 76px; margin: 0; font: var(--font-caption); color: var(--color-black-v2); text-transform: uppercase; letter-spacing: var(--tracking-caption); }
.jump-row__viewport { display: flex; align-items: center; gap: 4px; flex: 1; min-width: 0; }
.jump-row__items { display: flex; gap: 4px; min-width: 0; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; }
.jump-row__items::-webkit-scrollbar { display: none; }
.jump-row__arrow { flex: none; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--color-white); box-shadow: inset 0 0 0 1px var(--color-white-v2); font: 600 14px/1 var(--font-primary); color: var(--color-black); }
.jump-row__arrow:hover { box-shadow: inset 0 0 0 1px var(--color-black-v2); }
.jump-tile { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 5px; height: 28px; padding-inline: 8px; border-radius: var(--radius-md); background: var(--color-white); box-shadow: inset 0 0 0 1px var(--color-white-v2); color: var(--color-black); transition: box-shadow 0.15s, background-color 0.15s, color 0.15s; }
.jump-tile:hover { box-shadow: inset 0 0 0 1px var(--color-black-v2); }
.jump-tile__icon { display: inline-flex; color: var(--color-black-v1); }
.jump-tile__icon .brand-mark { height: 16px; }
.jump-tile__label { font: 500 13px/1.4 var(--font-primary); text-transform: none; letter-spacing: 0; white-space: nowrap; }
.jump-tile--on, .jump-tile--on:hover { background: var(--color-black); box-shadow: none; color: var(--color-white); }
.jump-tile--on .jump-tile__icon { color: var(--color-white); }
.jump-tile--on .brand-mark--file { filter: invert(1); }
@media (max-width: 759px) {
  .jump-row { flex-direction: column; align-items: flex-start; gap: 2px; }
  .jump-row__label { width: auto; }
  .jump-row__viewport { width: 100%; }
}

/* Текст посадочной под выдачей */
.landing { display: flex; flex-direction: column; gap: var(--space-6); }
.landing__about { display: flex; flex-direction: column; gap: var(--space-3); max-width: 760px; }
.landing__text { font: var(--font-body); color: var(--text-secondary); }
.landing .landing__intro, .landing .landing__answer { gap: var(--space-2); font: var(--font-body); color: var(--text-secondary); }
.landing__links { display: flex; flex-direction: column; gap: var(--space-3); }
.landing__list { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.landing__link { display: inline-flex; align-items: center; height: 40px; padding: 0 16px; border-radius: var(--radius-full); box-shadow: inset 0 0 0 1px var(--border-default); font: 400 15px/1.2 var(--font-primary); color: var(--text-primary); transition: box-shadow var(--dur-fast) var(--ease); }
.landing__link:hover { box-shadow: inset 0 0 0 1px var(--color-black); }
.landing__faq { display: flex; flex-direction: column; max-width: 880px; }
.landing__question { border-bottom: 1px solid var(--border-subtle); }
.landing__question:first-of-type { margin-top: var(--space-2); }
.landing__summary { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding: 18px 0; font: 500 17px/1.35 var(--font-primary); color: var(--text-primary); list-style: none; cursor: pointer; }
.landing__summary::-webkit-details-marker { display: none; }
.landing__summary::after { content: '+'; flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--surface-secondary); font: 400 20px/1 var(--font-primary); transition: transform var(--dur-base) var(--ease); }
.landing__question[open] .landing__summary::after { transform: rotate(45deg); }
.landing__question[open] .landing__answer { padding-bottom: 18px; }
@media (max-width: 759px) { .landing { gap: var(--space-5); } }

/* Текст из Markdown (гайды, FAQ, посадочные) */
.article-body { display: flex; flex-direction: column; gap: var(--space-4); max-width: 760px; font: 400 16px/26px var(--font-primary); color: var(--text-primary); overflow-wrap: anywhere; }
.article-body h2 { margin-top: var(--space-3); font: 500 20px/26px var(--font-primary); }
.article-body h3 { margin-top: var(--space-2); font: 500 17px/24px var(--font-primary); }
.article-body ul, .article-body ol { display: flex; flex-direction: column; gap: var(--space-2); padding-left: var(--space-5); }
.article-body ul { list-style: disc; }
.article-body ol { list-style: decimal; }
.article-body a { color: var(--text-link); text-decoration: underline; text-underline-offset: 2px; }
.article-body a:hover { color: var(--text-link-hover); }
.article-body strong { font-weight: 500; }
.article-body blockquote { margin: 0; padding-left: var(--space-4); border-left: 2px solid var(--brand-primary); color: var(--text-secondary); }

.jump-row__arrow--empty { background: none; box-shadow: none; pointer-events: none; }