/* Zolotoe Runo V2 Articles — extends the approved V1 design without changing it. */
.articleIndexHero .container{max-width:980px}.articleIndexHero p{max-width:720px;color:var(--muted);font-size:17px;margin-top:14px}
.articlesGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 28px}.articleCard{display:flex;flex-direction:column}.articleCover{display:block;aspect-ratio:1.38/1;background:#e8edf0;overflow:hidden}.articleCover img{width:100%;height:100%;object-fit:cover}.articleCard .body{display:flex;flex:1;flex-direction:column;padding:20px}.articleCard h2{font-size:20px;line-height:1.22;margin:10px 0}.articleCard p{font-size:14.5px;line-height:1.55}.articleMeta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#687077;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:900}.articleMeta span{padding-left:12px;border-left:1px solid var(--line)}.articleRead{margin-top:auto;padding-top:18px;font-weight:900}.articlesEmpty{grid-column:1/-1;padding:34px}.articlesEmpty h2{margin-bottom:8px}
.articlePage{padding:42px 0 72px}.articleContainer{max-width:920px}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:#687077;font-size:13px;font-weight:700;margin:0 0 36px}.breadcrumbs a:hover{text-decoration:underline}.articleHeader{max-width:820px;margin-bottom:28px}.articleHeader h1{font-size:44px;line-height:1.07;letter-spacing:-.035em;margin:14px 0 16px}.articleLead{font-size:19px;line-height:1.55;color:var(--muted);max-width:780px}.articleHeroImage{margin:30px 0 38px;border-radius:24px;overflow:hidden;background:#e8edf0}.articleHeroImage img{width:100%;max-height:610px;object-fit:cover}.articleBody{max-width:780px}.articleBody h2{font-size:30px;line-height:1.15;letter-spacing:-.02em;margin:46px 0 16px}.articleBody h3{font-size:23px;line-height:1.2;margin:34px 0 12px}.articleBody p{font-size:17px;line-height:1.72;margin:0 0 20px}.articleFigure{margin:34px 0}.articleFigure img{border-radius:20px;width:100%}.articleFigure figcaption{font-size:13px;color:var(--muted);margin-top:10px}.articleBody blockquote{margin:34px 0;padding:22px 24px;border-left:4px solid var(--dark);background:#fff;border-radius:0 18px 18px 0;font-size:20px;font-weight:700;line-height:1.5}.articleVideo{margin:34px 0;border-radius:20px;overflow:hidden;background:#111}.articleVideo video{width:100%;display:block;max-height:620px}.articleFaq{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px 20px;margin:12px 0}.articleFaq summary{font-weight:900;cursor:pointer}.articleFaq p{font-size:15px;margin:14px 0 0;color:var(--muted)}.articleCTA{margin:38px 0;padding:26px;border-radius:20px;background:#fff;border:1px solid var(--line)}.articleCTA h3{margin:0 0 8px}.articleCTA p{font-size:15px;color:var(--muted);margin:0 0 18px}.articleRelated{margin-top:64px;padding-top:34px;border-top:1px solid var(--line)}.articleRelated h2{font-size:28px;margin-bottom:20px}.relatedGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.relatedArticle{display:flex;flex-direction:column;gap:8px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:16px}.relatedArticle b{line-height:1.3}.relatedArticle span{font-size:13.5px;color:var(--muted);line-height:1.45}
@media(max-width:1000px){.articlesGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.relatedGrid{grid-template-columns:1fr}.articleHeader h1{font-size:38px}}
@media(max-width:760px){.articlesGrid{grid-template-columns:1fr}.articlePage{padding:28px 0 50px}.breadcrumbs{margin-bottom:24px}.articleHeader h1{font-size:31px}.articleLead{font-size:17px}.articleHeroImage{margin:24px 0 30px;border-radius:18px}.articleBody h2{font-size:25px;margin-top:38px}.articleBody h3{font-size:21px}.articleBody p{font-size:16px}.articleCTA{padding:20px}.articleMeta{font-size:10.5px}}


/* Stage46.1 Article Patch V1 — reference-style two-column editorial feed. */
.articleIndexHero{padding-bottom:30px}
.articleIndexHero .container{max-width:1100px}
.articlesGrid{max-width:1100px;margin:0 auto}
.articlesGrid .articleCard{background:transparent;border:0;border-radius:0;box-shadow:none;text-decoration:none;color:inherit;overflow:visible}
.articlesGrid .articleCard .articleCover,.articlesGrid .articleCard>img{display:block;width:100%;aspect-ratio:1.46/1;overflow:hidden;background:#e8edf0;border-radius:0;object-fit:cover}
.articlesGrid .articleCard .body{padding:13px 0 0}
.articlesGrid .articleCard h2,.articlesGrid .articleCard h3{font-size:22px;line-height:1.25;letter-spacing:-.012em;margin:0 0 10px}
.articlesGrid .articleCard p{font-size:15.5px;line-height:1.58;color:#626d75;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.articlesGrid .articleMeta,.articlesGrid .articleRead{display:none}
.zrArticle .pageHero p,.articlePage .articleLead{display:none!important}
.zrArticle .pageHero h1,.articleHeader h1{font-size:36px!important;line-height:1.12!important;letter-spacing:-.025em!important}
.zrArticle .zrBuilderText,.articleBody{max-width:900px!important;margin-left:auto;margin-right:auto}
.zrArticle .head h2,.articleBody h2{font-size:27px!important;line-height:1.22!important;margin-top:34px!important}
.zrArticle .zrBuilderText p,.articleBody p{font-size:17px!important;line-height:1.72!important}
@media(max-width:760px){
  .articlesGrid{grid-template-columns:1fr;gap:30px}
  .articlesGrid .articleCard h2,.articlesGrid .articleCard h3{font-size:20px}
  .zrArticle .pageHero h1,.articleHeader h1{font-size:28px!important}
  .zrArticle .head h2,.articleBody h2{font-size:23px!important}
  .zrArticle .zrBuilderText p,.articleBody p{font-size:16px!important;line-height:1.68!important}
}


/* Stage46.1 R5 FINAL ARTICLE DETAIL — centered large image -> title -> aligned article. */
.zrArticleTop,.articleEditorialTop{padding:46px 0 24px;background:#f3f5f6}
.zrArticleTopIn,.articleEditorialTopIn{max-width:1120px!important;margin:0 auto}
.zrArticleHero,.articleEditorialTop .articleHeroImage{display:block;width:100%!important;max-width:1060px!important;aspect-ratio:1.72/1!important;margin:0 auto 30px!important;overflow:hidden!important;border-radius:0!important;background:#e8edf0!important;object-fit:cover!important}
.zrArticleHero img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.zrArticleTitle,.articleEditorialTitle{max-width:900px;margin:0 auto}
.zrArticleTitle h1,.articleEditorialTitle h1{font-size:36px!important;line-height:1.12!important;letter-spacing:-.025em!important;margin:0!important;color:#11181c!important}
.zrArticle .zrArticleSection,.articlePage>.section{padding:16px 0!important}
.zrArticle .zrArticleSection>.container,.zrArticle .zrBuilderText,.zrArticle .zrArticleAligned,.articlePage .articleBody{max-width:900px!important;margin-left:auto!important;margin-right:auto!important}
.zrArticle .head{margin:0 0 12px!important}
.zrArticle .head h2,.articlePage .articleBody h2{font-size:23px!important;line-height:1.26!important;letter-spacing:-.012em!important;margin:0 0 12px!important}
.zrArticle .zrBuilderText p,.articlePage .articleBody p{font-size:17px!important;line-height:1.68!important;margin:0 0 17px!important}
.zrArticle .zrBuilderCard h3,.articlePage .articleBody h3{font-size:17px!important;line-height:1.3!important;margin:0 0 8px!important}
.zrArticle .zrBuilderCards{max-width:900px!important;margin:0!important}
.zrArticle .zrRelatedGrid{max-width:900px!important;margin:0!important}
.zrArticle .cta{max-width:900px!important}
.articlePage .articleLead,.articlePage .articleMeta,.articlePage .catalogBreadcrumbs,.zrArticle .eyebrow{display:none!important}
.articlePage .articleHero{padding:0!important;background:#f3f5f6!important}
.articlePage .articleHeroImage{max-height:none!important}
@media(max-width:760px){
  .zrArticleTop,.articleEditorialTop{padding:26px 0 18px!important}
  .zrArticleHero,.articleEditorialTop .articleHeroImage{aspect-ratio:4/3!important;margin-bottom:22px!important}
  .zrArticleTitle h1,.articleEditorialTitle h1{font-size:28px!important;line-height:1.16!important}
  .zrArticle .zrArticleSection,.articlePage>.section{padding:13px 0!important}
  .zrArticle .head h2,.articlePage .articleBody h2{font-size:20px!important}
  .zrArticle .zrBuilderText p,.articlePage .articleBody p{font-size:16px!important;line-height:1.65!important}
}


/* Stage46.1 R6 ARTICLE DETAIL — square hero exactly the editorial text width. */
.zrArticleTopIn,.articleEditorialTopIn{max-width:900px!important}
.zrArticleHero,.articleEditorialTop .articleHeroImage{width:100%!important;max-width:900px!important;aspect-ratio:1/1!important;margin:0 auto 28px!important;border-radius:0!important;overflow:hidden!important;background:#e8edf0!important;object-fit:cover!important;object-position:center!important}
.zrArticleHero img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important}
.zrArticleTitle,.articleEditorialTitle{max-width:900px!important;margin:0 auto!important}
.zrArticle .btn,.articlePage .btn{border-radius:5px!important}
@media(max-width:760px){
  .zrArticleHero,.articleEditorialTop .articleHeroImage{aspect-ratio:1/1!important;margin-bottom:20px!important}
}

/* Stage46.1 R7 — square editorial imagery aligned to the 900px text column. */
.zrArticleTopIn,.articleEditorialTopIn,.zrArticleTitle,.articleEditorialTitle,.zrArticle .zrArticleSection>.container,.zrArticle .zrBuilderText,.zrArticle .zrArticleAligned,.articlePage .articleBody{max-width:900px!important;margin-left:auto!important;margin-right:auto!important}
.zrArticleHero,.articleEditorialTop .articleHeroImage{width:100%!important;max-width:900px!important;aspect-ratio:1/1!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;display:block!important}
.zrArticleHero img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important}
.zrArticle .zrBuilderImage,.articlePage .articleFigure img{width:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;object-position:center!important;border-radius:0!important}
/* Listing cards also use a stable square preview; detail pages remain 900px squares. */
.articlesGrid .articleCard .articleCover,.articlesGrid .articleCard>img{aspect-ratio:1/1!important}
.articlesGrid .articleCard .articleCover img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
@media(max-width:760px){
  .zrArticleTopIn,.articleEditorialTopIn,.zrArticleTitle,.articleEditorialTitle,.zrArticle .zrArticleSection>.container,.zrArticle .zrBuilderText,.zrArticle .zrArticleAligned,.articlePage .articleBody{max-width:100%!important}
  .zrArticleHero,.articleEditorialTop .articleHeroImage{aspect-ratio:1/1!important}
}


/* Stage49 M26 — article detail desktop split: compact square visual left, copy + CTA right. */
@media(min-width:761px){
  .zrArticleTopIn,.articleEditorialTopIn{
    display:grid!important;
    grid-template-columns:minmax(250px,320px) minmax(0,1fr)!important;
    gap:40px!important;
    align-items:center!important;
    width:100%!important;
    max-width:1080px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .zrArticleHero,.articleEditorialTop .articleHeroImage{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    max-width:320px!important;
    aspect-ratio:1/1!important;
    margin:0!important;
    justify-self:start!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:0!important;
  }
  .zrArticleTitle,.articleEditorialTitle{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    max-width:680px!important;
    margin:0!important;
  }
  .zrArticleLead,.articleEditorialLead{
    display:block!important;
    margin:14px 0 0!important;
    color:#626d75!important;
    font-size:16px!important;
    line-height:1.58!important;
    max-width:650px!important;
  }
  .zrArticleTopCTA,.articleEditorialCTA{
    display:inline-flex!important;
    margin-top:20px!important;
    border-radius:5px!important;
  }
}
/* 2026-09-29 — final compact article detail grid */
@media(min-width:761px){
  .zrArticleTopIn,.articleEditorialTopIn{
    display:grid!important;
    grid-template-columns:360px minmax(0,1fr)!important;
    gap:48px!important;
    align-items:center!important;
    width:100%!important;
    max-width:1200px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .zrArticleHero,.articleEditorialTop .articleHeroImage{
    grid-column:1!important;
    grid-row:1!important;
    width:360px!important;
    min-width:360px!important;
    max-width:360px!important;
    height:360px!important;
    aspect-ratio:1/1!important;
    margin:0!important;
    overflow:hidden!important;
    object-fit:cover!important;
  }
  .zrArticleHero img{width:100%!important;height:100%!important;object-fit:cover!important}
  .zrArticleTitle,.articleEditorialTitle{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    align-self:center!important;
  }
  .zrArticle .zrArticleSection>.container,
  .zrArticle .zrBuilderText,
  .zrArticle .zrArticleAligned,
  .articlePage .articleBody{
    max-width:1200px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
@media(max-width:760px){
  .zrArticleTopIn,.articleEditorialTopIn{display:flex!important;flex-direction:column!important;gap:20px!important}
  .zrArticleHero,.articleEditorialTop .articleHeroImage{width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;aspect-ratio:1/1!important;margin:0 0 20px!important;object-fit:cover!important}
}


/* Stage49 M31 — keep every editorial page on the main-site 1200px grid. */
@media(min-width:761px){
  .zrArticleTopIn,.articleEditorialTopIn,
  .zrArticle .zrArticleSection>.container,
  .zrArticle .zrBuilderText,
  .zrArticle .zrArticleAligned,
  .articlePage .articleBody{
    max-width:1200px!important;
  }
}
@media(max-width:760px){
  .zrArticleLead,.articleEditorialLead,.zrArticleTopCTA,.articleEditorialCTA{display:none!important}
}

/* Stage49 M29 — unified large image + text desktop layout. */
@media(min-width:761px) and (max-width:1199px){
  .zrArticleTopIn,.articleEditorialTopIn{
    grid-template-columns:minmax(320px,42%) minmax(0,1fr)!important;
    gap:32px!important;
    align-items:start!important;
    max-width:calc(100% - 32px)!important;
  }
  .zrArticleHero,.articleEditorialTop .articleHeroImage{
    width:100%!important;
    max-width:none!important;
    aspect-ratio:1/1!important;
  }
}
@media(min-width:1200px){
  .zrArticleTopIn,.articleEditorialTopIn{
    grid-template-columns:600px minmax(0,1fr)!important;
    gap:56px!important;
    align-items:start!important;
    max-width:1500px!important;
  }
  .zrArticleHero,.articleEditorialTop .articleHeroImage{
    width:600px!important;
    max-width:600px!important;
    aspect-ratio:1/1!important;
  }
}
@media(min-width:761px){
  .zrArticleTitle,.articleEditorialTitle{
    align-self:start!important;
    max-width:760px!important;
  }
  .zrArticleTitle h1,.articleEditorialTitle h1{
    font-size:clamp(30px,1.8vw,34px)!important;
    line-height:1.12!important;
    letter-spacing:-.02em!important;
  }
  .zrArticleLead,.articleEditorialLead{
    max-width:720px!important;
    font-size:18px!important;
    line-height:1.55!important;
  }
  .zrArticle>.zrArticleTop+.zrArticleSection>.zrBuilderText>p:first-of-type{
    display:none!important;
  }
}
/* 2026-09-29 — authoritative final article detail grid */
@media(min-width:761px){
  .zrArticleTopIn,.articleEditorialTopIn{display:grid!important;grid-template-columns:360px minmax(0,1fr)!important;gap:48px!important;align-items:center!important;width:100%!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}
  .zrArticleHero,.articleEditorialTop .articleHeroImage{grid-column:1!important;grid-row:1!important;width:360px!important;min-width:360px!important;max-width:360px!important;height:360px!important;aspect-ratio:1/1!important;margin:0!important;overflow:hidden!important;object-fit:cover!important}
  .zrArticleHero img{width:100%!important;height:100%!important;object-fit:cover!important}
  .zrArticleTitle,.articleEditorialTitle{grid-column:2!important;grid-row:1!important;width:100%!important;max-width:none!important;margin:0!important;align-self:center!important}
  .zrArticle .zrArticleSection>.container,.zrArticle .zrBuilderText,.zrArticle .zrArticleAligned,.articlePage .articleBody{max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}
}
@media(max-width:760px){
  .zrArticleTopIn,.articleEditorialTopIn{display:flex!important;flex-direction:column!important;gap:20px!important}
  .zrArticleHero,.articleEditorialTop .articleHeroImage{width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;aspect-ratio:1/1!important;margin:0 0 20px!important;object-fit:cover!important}
}


/* Stage49 M30 — final sitewide editorial alignment. */
@media(min-width:761px) and (max-width:1199px){
  .zrArticleTopIn,.articleEditorialTopIn{
    grid-template-columns:minmax(340px,45%) minmax(0,1fr)!important;
    gap:32px!important;
    max-width:calc(100% - 32px)!important;
  }
  .zrArticleHero,.articleEditorialTop .articleHeroImage{
    width:100%!important;
    max-width:none!important;
  }
}
@media(min-width:1200px){
  .zrArticleTopIn,.articleEditorialTopIn{
    grid-template-columns:640px minmax(0,1fr)!important;
    gap:48px!important;
    max-width:1500px!important;
  }
  .zrArticleHero,.articleEditorialTop .articleHeroImage{
    width:640px!important;
    max-width:640px!important;
  }
}
@media(min-width:761px){
  .zrArticleTopIn,.articleEditorialTopIn{
    display:grid!important;
    align-items:start!important;
  }
  .zrArticleHero,.articleEditorialTop .articleHeroImage{
    grid-column:1!important;
    grid-row:1!important;
    aspect-ratio:1/1!important;
    margin:0!important;
  }
  .zrArticleTitle,.articleEditorialTitle{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    max-width:none!important;
  }
  .zrArticleTitle h1,.articleEditorialTitle h1{
    font-size:32px!important;
    line-height:1.14!important;
  }
  .zrArticleLead,.articleEditorialLead{
    max-width:none!important;
    font-size:18px!important;
    line-height:1.55!important;
  }
  .zrArticle .zrArticleSection>.container,
  .zrArticle .zrBuilderText,
  .zrArticle .zrArticleAligned,
  .articlePage .articleBody{
    max-width:1500px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .zrArticle>.zrArticleTop+.zrArticleSection>.zrBuilderText>p:first-of-type{
    display:none!important;
  }
}
/* 2026-09-29 — definitive article override, kept last */
@media(min-width:761px){
  .zrArticleTopIn,.articleEditorialTopIn{display:grid!important;grid-template-columns:360px minmax(0,1fr)!important;gap:48px!important;align-items:center!important;width:100%!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}
  .zrArticleHero,.articleEditorialTop .articleHeroImage{grid-column:1!important;grid-row:1!important;width:360px!important;min-width:360px!important;max-width:360px!important;height:360px!important;aspect-ratio:1/1!important;margin:0!important;overflow:hidden!important;object-fit:cover!important}
  .zrArticleHero img{width:100%!important;height:100%!important;object-fit:cover!important}
  .zrArticleTitle,.articleEditorialTitle{grid-column:2!important;grid-row:1!important;width:100%!important;max-width:none!important;margin:0!important;align-self:center!important}
  .zrArticle .zrArticleSection>.container,.zrArticle .zrBuilderText,.zrArticle .zrArticleAligned,.articlePage .articleBody{max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}
}
@media(max-width:760px){
  .zrArticleTopIn,.articleEditorialTopIn{display:flex!important;flex-direction:column!important;gap:20px!important}
  .zrArticleHero,.articleEditorialTop .articleHeroImage{width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;aspect-ratio:1/1!important;margin:0 0 20px!important;object-fit:cover!important}
}