/* Articles catalogue V70 — scoped styles; other pages stay unchanged */
.article-page .article-hero{background:linear-gradient(118deg,#fff 4%,#faf9f6 57%,#ece7df 100%);padding:48px 0 0;overflow:hidden}
.article-breadcrumb{display:flex;align-items:center;gap:10px;color:#748079;font-size:12px;margin-bottom:47px}
.article-breadcrumb a:hover{color:var(--hot)}
.article-hero-grid{display:grid;grid-template-columns:minmax(0,1.36fr) minmax(330px,.64fr);column-gap:72px;align-items:stretch}
.article-hero-copy{padding:0 0 94px}
.article-hero-copy .eyebrow{margin-bottom:20px}
.article-hero h1{font-size:clamp(43px,4.6vw,67px);font-weight:800;line-height:1.12;letter-spacing:-.065em;max-width:840px;margin:0 0 27px}
.article-hero h1 span{color:var(--hot)}
.article-hero-copy>p{color:#5d6861;font-size:17px;line-height:1.82;max-width:705px;margin:0 0 32px}
.article-hero-link{display:inline-flex;gap:22px;align-items:center;font-weight:800;color:var(--forest);border-bottom:1px solid #a6b2a9;padding-bottom:8px}
.article-hero-link span{font-size:21px;color:var(--hot)}
.article-hero-link:hover{color:var(--hot)}
.article-hero-aside{background:#173530;color:white;padding:35px 34px 29px;min-height:456px;display:flex;flex-direction:column;position:relative;overflow:hidden;isolation:isolate}
.article-hero-aside:before{content:'';position:absolute;width:490px;height:490px;border:1px solid rgba(255,255,255,.16);border-radius:50%;top:10%;left:34%;box-shadow:0 0 0 56px rgba(255,255,255,.025),0 0 0 132px rgba(255,255,255,.021);pointer-events:none}
.article-aside-top{position:relative;z-index:1;font-size:10px;letter-spacing:.145em;font-weight:800;display:flex;justify-content:space-between;color:#c1d3cb}
.article-aside-top span{font-size:21px;color:#ff9c65;font-weight:400;line-height:.6}
.article-aside-visual{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;padding:30px 0;font-size:clamp(34px,3.2vw,48px);font-weight:800;line-height:1.08;letter-spacing:-.075em;color:rgba(255,255,255,.95)}
.article-aside-visual span:nth-child(2){color:#f18e69}.article-aside-visual span:nth-child(3){color:#7aaba3}
.article-aside-bottom{position:relative;z-index:1;display:flex;gap:19px;align-items:flex-end;border-top:1px solid rgba(255,255,255,.25);padding-top:19px}
.article-aside-bottom strong{font-size:67px;line-height:.91;letter-spacing:-.085em;font-weight:800}.article-aside-bottom span{font-size:12px;line-height:1.55;color:#c1d3cb}
.article-strip{background:var(--forest);color:white}.article-strip-inner{padding:21px 0;display:flex;align-items:center;gap:24px;justify-content:space-between}.article-strip-inner strong{font-size:12px;letter-spacing:.07em}.article-strip-inner span{font-size:13px;color:#d9e3df}
.article-catalog{padding:96px 0 118px;background:#fbfaf7}.article-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:30px}.article-intro .eyebrow{margin-bottom:13px}.article-intro h2{font-size:clamp(37px,4.3vw,58px);font-weight:800;margin:0;letter-spacing:-.06em}.article-intro>p{max-width:330px;color:var(--quiet);margin-bottom:7px}
.article-controls{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:24px}.article-search-label{display:flex;align-items:center;flex:1;max-width:755px;min-width:0;background:white;border:1px solid #dadfd9;border-radius:14px;padding:0 19px;min-height:66px;transition:border-color .15s,box-shadow .15s}.article-search-label:focus-within{border-color:var(--hot);box-shadow:0 0 0 3px #ea572e16}.article-search-icon{color:var(--hot);font-size:31px;margin-right:14px;line-height:1}.article-search-label input{border:none;outline:none;flex:1;min-width:0;color:var(--ink);background:transparent;font-size:15px}.article-search-label input:focus-visible{outline:none}.article-search-label input::placeholder{color:#7c857f}.article-search-key{font-size:11px;color:#8a948d}.article-search-total{font-size:12px;color:#697770;font-weight:700;white-space:nowrap;margin:0}
.article-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:70px}.article-filter{border:1px solid #dce0da;background:#fff;color:#3b4740;padding:11px 15px;font-size:12px;font-weight:800;border-radius:9px;display:flex;align-items:center;gap:10px;line-height:1.3;transition:background .15s,border-color .15s,color .15s}.article-filter span{font-size:10px;min-width:23px;text-align:center;color:#8d9890;font-weight:700}.article-filter:hover{border-color:#abc4b5}.article-filter.is-active{background:var(--forest);color:white;border-color:var(--forest)}.article-filter.is-active span{color:#b4cdc2}
.article-groups{display:grid;gap:76px}.article-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px;padding-bottom:26px;border-bottom:1px solid #d5ddd5}.article-section-index{font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--hot)}.article-section-header h2{font-size:clamp(26px,2.85vw,39px);font-weight:800;margin:10px 0 10px;letter-spacing:-.05em}.article-section-header p{color:#697670;margin:0;font-size:13px;line-height:1.7;max-width:670px}.article-section-count{background:#e7eee7;color:#38544a;padding:7px 12px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}
.article-entry-list{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.article-entry{min-width:0;border-bottom:1px solid #e3e6e0}.article-entry a{min-height:67px;display:flex;align-items:center;gap:15px;padding:15px 11px 15px 3px;transition:background .15s,padding .15s}.article-entry a:hover{background:#f0f2ed;padding-left:10px}.article-index{flex:0 0 31px;font-size:10px;color:#9ba6a0;font-weight:800;letter-spacing:.02em;font-variant-numeric:tabular-nums}.article-entry-title{min-width:0;flex:1;line-height:1.46;font-size:13.5px;font-weight:650;letter-spacing:-.016em}.article-link-arrow{color:#c7cec7;font-size:18px;flex:0 0 auto}.article-entry a:hover .article-link-arrow{color:var(--hot)}
.article-empty{border:1px dashed #cbd2cb;padding:45px;text-align:center;background:white;border-radius:12px}.article-empty strong{display:block;font-size:20px}.article-empty p{color:var(--quiet);margin:8px 0 18px}.article-reset{border:none;color:var(--hot);background:none;font-weight:800}
.article-bottom-cta{background:#142e2b;padding:90px 0;color:#fff}.article-cta-grid{display:flex;justify-content:space-between;align-items:center;gap:70px}.article-cta-grid>div:first-child{max-width:680px}.article-bottom-cta .eyebrow{color:#f6b1a1}.article-bottom-cta h2{font-size:clamp(35px,4vw,58px);font-weight:800;line-height:1.13;margin:0 0 19px}.article-bottom-cta h2 em{color:#f18e69;font-style:normal}.article-bottom-cta p{color:#c9d4ce;max-width:600px;margin:0}.article-cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-width:260px}.article-cta-actions>a:not(.btn){border-bottom:1px solid #8ca7a0;padding-bottom:4px;font-weight:700;font-size:13px}.article-cta-actions>a:not(.btn):hover{color:#fa9c79}
@media(max-width:1040px){.article-hero-grid{column-gap:40px;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)}.article-hero h1{font-size:clamp(39px,4.6vw,54px)}.article-hero-aside{min-height:415px;padding:27px}.article-aside-visual{font-size:35px}.article-aside-bottom strong{font-size:57px}}
@media(max-width:780px){.article-page .article-hero{padding-top:26px}.article-hero-grid{grid-template-columns:1fr;gap:0}.article-breadcrumb{margin-bottom:33px}.article-hero-copy{padding-bottom:45px}.article-hero h1{font-size:clamp(37px,6vw,54px);max-width:690px}.article-hero-aside{display:none}.article-strip-inner{align-items:flex-start;flex-direction:column;gap:7px;padding:17px 0}.article-catalog{padding:68px 0 78px}.article-intro{align-items:flex-start;flex-direction:column;gap:12px}.article-controls{align-items:stretch;flex-direction:column;gap:13px}.article-search-label{max-width:100%}.article-search-total{align-self:flex-end}.article-filters{margin-bottom:49px}.article-entry-list{grid-template-columns:1fr}.article-section-header{align-items:flex-start}.article-cta-grid{flex-direction:column;align-items:flex-start;gap:35px}.article-bottom-cta{padding:66px 0}}
@media(max-width:560px){.article-page .wrap{width:calc(100% - 38px)}.article-hero h1{font-size:clamp(34px,8.6vw,43px);letter-spacing:-.061em}.article-hero-copy>p{font-size:14px;line-height:1.78}.article-hero-copy .eyebrow{letter-spacing:.07em;font-size:9.5px}.article-intro h2{font-size:35px}.article-filter{font-size:11px;padding:10px 12px}.article-section-header{flex-direction:column;gap:15px}.article-section-header h2{font-size:30px}.article-entry a{min-height:63px;padding:12px 5px 12px 0;gap:11px}.article-entry-title{font-size:12.5px}.article-entry-list{gap:0}.article-index{flex-basis:26px}.article-filters{gap:7px}.article-search-label{padding:0 12px;min-height:60px}.article-search-label input{font-size:12px}.article-search-key{display:none}.article-bottom-cta h2{font-size:36px}}

/* V82: article introduction stays inside narrow mobile viewport. */
@media (max-width:560px) {
  .article-hero-grid, .article-hero-copy {min-width:0}
  .article-hero h1 {overflow-wrap:anywhere}
}
@media (max-width:360px) {
  .article-page .article-hero h1 {font-size:30px;letter-spacing:-.045em}
}
