/* Рубрика блога (category.html), макет v6: «Начните отсюда», «Путь заказчика», «Частые вопросы», «Читайте также», приглашение «Предложить тему».
   Общее (переключатель вида, сетка, карточка-приглашение v6-ghost) — в forma-blog-v6.css. Перенесено из tools/mockups-v6/cat.css без дублей. */
.fc-cat .fc-eyebrow{color:var(--fc-acc-hi,#7ee0a8)}
.fc-cat .v6-values{display:flex;align-items:center;gap:.6rem;margin:1rem 0 0;font-size:.85rem;letter-spacing:.04em}
.fc-cat .v6-values span{opacity:.85}
.fc-cat .v6-values i{width:4px;height:4px;border-radius:50%;background:var(--fc-acc-hi,#7ee0a8)}
.fc-cat .fc-cat-hero-wide .fc-hero-actions{margin-top:1.25rem}
.fc-cat .fc-tiles-wrap{padding-bottom:var(--fc-space-48,3rem)}

/* «Начните отсюда» — широкая горизонтальная карточка */
.v6-start-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0;border:1px solid rgba(255,255,255,.12);border-radius:1.25rem;overflow:hidden;background:linear-gradient(135deg,rgba(126,224,168,.08),rgba(255,255,255,.02));color:inherit;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.v6-start-card:hover{border-color:var(--fc-acc-hi,#7ee0a8);box-shadow:0 0 2.5rem rgba(126,224,168,.18)}
.v6-start-media{position:relative;min-height:18rem}
.v6-start-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v6-start-badge{position:absolute;left:1rem;top:1rem;padding:.3rem .8rem;border-radius:999px;background:rgba(8,10,14,.75);backdrop-filter:blur(8px);font-size:.8rem}
.v6-start-body{display:flex;flex-direction:column;gap:.9rem;padding:clamp(1.25rem,3vw,2.25rem)}
.v6-start-meta{display:flex;gap:1rem;font-size:.85rem;opacity:.7}
.v6-start-t{margin:0;font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.2}
.v6-start-x{margin:0;opacity:.8}
@media(max-width:820px){.v6-start-card{grid-template-columns:1fr}.v6-start-media{min-height:13rem}}

/* «Путь заказчика» — пять шагов в линию */
.v6-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;counter-reset:s;position:relative}
.v6-steps::before{content:"";position:absolute;left:8%;right:8%;top:2.6rem;height:1px;background:linear-gradient(90deg,transparent,rgba(126,224,168,.5),transparent)}
.v6-step{position:relative;padding:1rem .75rem;text-align:center}
.v6-step-n{display:block;font-size:.75rem;letter-spacing:.12em;opacity:.55;margin-bottom:.5rem}
.v6-step-ico{display:inline-grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:50%;border:1px solid var(--fc-acc-hi,#7ee0a8);background:rgba(8,10,14,.9);box-shadow:0 0 1.5rem rgba(126,224,168,.2)}
.v6-step-ico .fc-ico{width:1.4rem;height:1.4rem}
.v6-step-t{margin:.9rem 0 .35rem;font-size:1rem}
.v6-step-t a{color:inherit;text-decoration:underline;text-decoration-color:var(--fc-acc-hi,#7ee0a8);text-underline-offset:.25em}
.v6-step-x{margin:0;font-size:.88rem;opacity:.75}
@media(max-width:900px){.v6-steps{grid-template-columns:1fr;gap:.25rem}.v6-steps::before{left:1.6rem;right:auto;top:1rem;bottom:1rem;width:1px;height:auto;background:linear-gradient(180deg,transparent,rgba(126,224,168,.5),transparent)}.v6-step{display:grid;grid-template-columns:3.2rem 1fr;column-gap:1rem;text-align:left;padding:.6rem 0}.v6-step-n{display:none}.v6-step-ico{grid-row:1/3}.v6-step-t{margin:0}}

/* приглашение «Предложить тему» после списка «Все статьи» */
.v6-ask{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;margin-top:1.5rem;padding:1.5rem clamp(1.25rem,3vw,2rem);border:1px dashed rgba(126,224,168,.45);border-radius:1.25rem;background:rgba(126,224,168,.04)}
.v6-ask-in{display:grid;gap:.4rem;max-width:40rem}
.v6-ask-t{margin:0;font-size:1.1rem}
.v6-ask-x{margin:0;opacity:.75;font-size:.92rem}

/* вопросы: слева текст, справа аккордеон */
.v6-faq-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.5rem,4vw,4rem);align-items:start}
.v6-faq-side{position:sticky;top:8rem}
.v6-faq-p{opacity:.8;margin:1rem 0 1.5rem}
.v6-faq-list{display:grid;gap:.6rem}
.v6-q{border:1px solid rgba(255,255,255,.12);border-radius:1rem;background:rgba(255,255,255,.02);transition:border-color .2s}
.v6-q[open]{border-color:var(--fc-acc-hi,#7ee0a8);background:rgba(126,224,168,.05)}
.v6-q summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;cursor:pointer;list-style:none;font-weight:500}
.v6-q summary::-webkit-details-marker{display:none}
.v6-q summary .fc-ico{width:1.1rem;height:1.1rem;flex:none;transition:transform .2s}
.v6-q[open] summary .fc-ico{transform:rotate(180deg)}
.v6-q p{margin:0;padding:0 1.25rem 1.1rem;opacity:.82;line-height:1.55}
.v6-q p a{color:var(--fc-acc-hi,#7ee0a8)}
@media(max-width:900px){.v6-faq-in{grid-template-columns:1fr}.v6-faq-side{position:static}}

/* читайте также: компактнее обычной сетки */
#also .fc-card-text{display:none}

/* поиск в hero рубрики: справа у края сетки, на узком экране — под текстом (макет category-sajty.html) */
.fc-cat .fc-hero-search{position:absolute;top:2.5rem;right:calc(var(--fc-pad,1.25rem) + 3rem);z-index:4;width:min(24rem,38%);max-width:none;margin:0}
.fc-cat .fc-hero-search-go{padding:.6rem 1.1rem}
/* подпись «От идеи к результату»: крупнее, в нижней правой части баннера, не у края и не под поиском */
.fc-cat .fc-cat-banner .fc-hand{top:auto;bottom:12%;right:12%;font-size:clamp(2rem,3.2vw,3.2rem);line-height:1.1;text-shadow:0 2px 18px rgba(0,0,0,.7)}
.fc-cat .fc-cat-banner .fc-hand-arrow{width:2.6rem;height:2.6rem;margin:.4rem 1.5rem 0 auto}
@media(max-width:1000px){.fc-cat .fc-cat-banner .fc-hand{bottom:8%;right:6%;font-size:1.8rem}}
@media(max-width:1000px){.fc-cat .fc-hero-search{position:relative;top:auto;right:auto;width:auto;margin:1.5rem var(--fc-pad,1.25rem) 0}}