/* ============================================================
   Блог CUANDO — дополнения к home.css.
   Подключается после home.css только на страницах блога.
   Все классы с префиксом cu-, существующие стили не трогаем.
   ============================================================ */

/* hero блога ниже, чем на главной */
.cu-hero--blog{min-height:auto}
.cu-hero--blog .cu-hero-content{padding-block:8rem 5rem}
@media (max-width:720px){.cu-hero--blog .cu-hero-content{padding-block:9rem 4rem}}

/* хлебные крошки */
.cu-crumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#e6e6e6}
.cu-crumbs a{color:var(--cu-yellow);text-decoration:none}
.cu-crumbs a:hover{text-decoration:underline}

/* карточки статей = .cu-cat, но кликабельные */
a.cu-cat{display:flex;flex-direction:column;color:inherit;text-decoration:none;transition:box-shadow .15s}
a.cu-cat:hover{color:inherit;box-shadow:var(--cu-shadow-xl)}
a.cu-cat p{flex:1}
.cu-cat-more{display:flex;align-items:center;gap:.6rem;margin-top:1.25rem;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em}

/* варианты из анкеты внутри шага */
.cu-opts{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:.9rem}
.cu-opts span{padding:.3rem .7rem;border:1px solid var(--cu-border);border-radius:9999px;background:var(--cu-grey);font-size:.8125rem;font-weight:600}

/* FAQ */
.cu-faq{display:flex;flex-direction:column;gap:1rem;max-width:52rem;margin:3rem auto 0;text-align:left}
.cu-faq details{padding:1.25rem 1.5rem;border-radius:1.125rem;background:#fff;box-shadow:var(--cu-shadow-sm)}
.cu-section--grey .cu-faq details{background:#fff}
.cu-faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none;cursor:pointer;font-size:1.125rem;font-weight:700}
.cu-faq summary::-webkit-details-marker{display:none}
.cu-faq summary::after{
  content:"";flex:none;width:2rem;height:2rem;border:2px solid var(--cu-yellow);border-radius:9999px;
  background:no-repeat center/1rem url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffd700' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  transition:transform .15s;
}
.cu-faq details[open] summary::after{transform:rotate(180deg)}
.cu-faq details p{margin-top:.75rem;font-size:1.0625rem;line-height:1.65;color:var(--cu-muted)}

/* переключатель языка (на месте .language-selector главной) */
.cu-lang{
  position:absolute;top:15px;right:40px;z-index:1031;
  display:flex;overflow:hidden;border:1px solid #ccc;border-radius:5px;background:#fff;
}
.cu-lang a,.cu-lang span{padding:10px 12px;font-size:.875rem;font-weight:600;line-height:1;color:#000;text-decoration:none}
.cu-lang a:hover{background:#f0f0f0}
.cu-lang .cu-lang-on{background:var(--cu-dark);color:#fff}
.cu-top-cta--blog{right:180px}
@media (max-width:720px){.cu-top-cta--blog{top:64px;right:40px}}

.cu-page a:focus-visible,.cu-faq summary:focus-visible{outline:3px solid var(--cu-yellow);outline-offset:2px}

/* видео + что в нём показано */
.cu-video{align-items:center}
.cu-vsteps{display:flex;flex-direction:column;gap:1rem;margin:2rem 0 0;padding:0;list-style:none;counter-reset:v}
.cu-vsteps li{display:flex;align-items:flex-start;gap:1rem;font-size:1.125rem;line-height:1.55}
.cu-vsteps li::before{
  counter-increment:v;content:counter(v);flex:none;display:flex;align-items:center;justify-content:center;
  width:2rem;height:2rem;border-radius:9999px;background:var(--cu-yellow);color:var(--cu-fg);font-size:1rem;font-weight:700;
}

/* скриншоты анкеты */
.cu-shots{display:flex;justify-content:center;gap:1.75rem;margin:3rem 0 1rem}
.cu-shots figure{flex:0 1 13.5rem;margin:0;text-align:center}
.cu-shots img{display:block;width:100%;height:auto;border:6px solid var(--cu-dark);border-radius:1.75rem;background:var(--cu-dark);box-shadow:var(--cu-shadow-xl)}
.cu-shots figcaption{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;font-size:.9375rem;font-weight:600;line-height:1.35}
.cu-shots figcaption b{flex:none;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:9999px;background:var(--cu-yellow);font-size:.8125rem}
@media (max-width:720px){
  .cu-shots{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 .25rem 1rem;margin-inline:-.25rem}
  .cu-shots figure{flex:0 0 11.5rem;scroll-snap-align:center}
}

/* местный текст */
.cu-local{max-width:52rem}
.cu-local p{margin-top:1.25rem;font-size:1.125rem;line-height:1.75;color:var(--cu-muted)}
.cu-areas{margin-top:2.5rem}
.cu-areas h3{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.cu-local .cu-opts{justify-content:flex-start}
.cu-cats + .cu-areas{margin-top:3rem}

/* блок для исполнителей */
.cu-pro{background:var(--cu-dark);color:#fff}
.cu-pro h2{color:#fff}
.cu-pro .cu-sub{color:#cfcfcf;max-width:40rem;margin-inline:auto}