/* Editorial components shared by the homepage and the article catalog. */
.blog-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.blog-home{background:linear-gradient(180deg,#f0f8fb,#f8fbfc 65%,#fff)}
.blog-home-intro{max-width:350px}
.blog-home-intro>p{color:var(--muted);font-size:16px;line-height:1.8}
.blog-all{display:inline-flex;align-items:center;gap:35px;margin-top:23px;padding:13px 21px;border:1px solid #c7dfe9;border-radius:40px;font-size:14px;font-weight:750;background:#fff;transition:background .2s,color .2s}
.blog-all:hover{background:var(--ink);color:#fff}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.blog-card{min-width:0;background:white;border:1px solid #dce8ec;border-radius:23px;transition:transform .25s,box-shadow .25s,border-color .25s}
.blog-card:hover{transform:translateY(-6px);border-color:#9bcabb;box-shadow:0 18px 40px #143d5b0c}
.blog-card:focus-within{border-color:var(--blue)}
.blog-card-link{display:flex;flex-direction:column;height:100%;border-radius:23px}
.blog-card-image{aspect-ratio:1200/630;position:relative;overflow:hidden;border-radius:22px 22px 0 0;background:#e0efe9}
.blog-card-image:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#082e2940);pointer-events:none}
.blog-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.7,.3,1)}
.blog-card:hover .blog-card-image img{transform:scale(1.045)}
.blog-topic{position:absolute;left:17px;bottom:16px;z-index:1;padding:8px 12px;border:1px solid #ffffff66;border-radius:30px;background:#fffffff2;color:#145846;font-size:11px;font-weight:750;letter-spacing:.1px;backdrop-filter:blur(12px)}
.blog-topic.topic-satellite{color:#0067cc;background:#eff8fff2}.blog-topic.topic-money{color:#745b1c;background:#fffbecf2}
.blog-image-arrow{position:absolute;z-index:1;right:16px;top:16px;width:33px;height:33px;display:grid;place-items:center;background:#ffffffe6;color:var(--ink);border-radius:50%;font-size:20px;transition:transform .25s,background .25s}
.blog-card:hover .blog-image-arrow{transform:rotate(45deg);background:#fff}
.blog-card-body{padding:23px 24px 25px;display:flex;flex:1;flex-direction:column}
.blog-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:#6a808a;font-size:11px;line-height:1.6;margin-bottom:15px}
.blog-card h2,.blog-card h3{font-size:21px;letter-spacing:-.65px;line-height:1.4;font-weight:750;color:var(--ink)}
.blog-card-body>p{color:#647c86;font-size:14px;line-height:1.8;margin-top:13px}
.blog-read{margin-top:auto;padding-top:24px;display:flex;justify-content:space-between;align-items:center;color:var(--green);font-size:13px;font-weight:750;gap:15px}
.blog-read>span{font-size:21px;line-height:1}
.blog-home-foot{margin-top:31px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}
.blog-home-foot>a{color:var(--green);font-weight:750;white-space:nowrap}.blog-home-foot>a span{margin-left:18px}
.blog-page{background:#fbfdfc}
.blog-header{background:#f9fcfbeF;border-bottom-color:#dce8e966}
.blog-header nav a[aria-current]{color:var(--green)}.blog-header nav a[aria-current] span{margin-left:5px}
.blog-header .nav-cta{background:#143c35;color:white;border-color:transparent;border-radius:40px;padding:14px 23px}
.blog-hero{padding:38px 7% 70px;display:grid;grid-template-columns:1.22fr 1fr;gap:70px;align-items:center;background:radial-gradient(ellipse at 84% 65%,#def1e880,transparent 56%),linear-gradient(125deg,#f8fcff,#f5faf7)}
.blog-back{display:inline-flex;gap:13px;align-items:center;color:var(--muted);font-size:12px;margin-bottom:38px}.blog-back:hover{color:var(--green)}
.blog-hero .eyebrow{font-size:11px;color:var(--green);margin-bottom:20px}
.blog-hero h1 .blog-kicker{display:block;text-transform:uppercase}
.blog-hero h1{font-size:clamp(36px,calc(3.4vw + 20px),70px);line-height:1.1;letter-spacing:-3px}
.blog-hero-description{font-size:17px;line-height:1.85;margin-top:26px;color:#607b85}
.blog-hero-link{display:inline-flex;align-items:center;gap:24px;margin-top:29px;font-size:13px;font-weight:750}.blog-hero-link>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #bbd6ce;border-radius:50%;color:var(--green);transition:transform .25s}.blog-hero-link:hover>span{transform:translateY(4px)}
.blog-hero-visual{position:relative;padding-bottom:25px;padding-right:16px;margin-top:40px;min-width:0}
.blog-photo-frame{position:relative;aspect-ratio:1.12;border-radius:28px;overflow:hidden;transform:rotate(3deg);background:#164c3b;box-shadow:0 20px 65px #234a3d14}
.blog-photo-frame>img{display:block;width:100%;height:100%;object-fit:cover}
.blog-photo-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#042c3320 20%,#062c3a08 45%,#062c3ad9)}
.blog-photo-label{position:absolute;left:25px;top:24px;font-size:10px;letter-spacing:1.8px;background:#f5fff7e6;color:#225945;padding:10px 13px;border-radius:30px;font-weight:800}
.blog-photo-caption{position:absolute;bottom:34px;left:28px;color:#fff;line-height:1.4}.blog-photo-caption span{display:block;font-size:14px;color:#d7e8e1}.blog-photo-caption strong{font-size:37px;letter-spacing:-1.5px}
.blog-photo-star{position:absolute;color:#a0eac2;font-size:62px;right:26px;bottom:25px;line-height:1}
.blog-visual-note{position:absolute;right:-13px;bottom:-2px;display:flex;align-items:center;gap:15px;padding:18px 23px;background:#ffffffed;border:1px solid white;border-radius:18px;box-shadow:0 14px 35px #183b2f0d;transform:rotate(-3deg);font-size:12px;color:#70877f;backdrop-filter:blur(18px)}
.blog-visual-note>span{width:40px;height:40px;display:grid;place-items:center;background:#e6f6ed;border-radius:50%;color:var(--green);font-size:26px}.blog-visual-note b{display:block;margin-top:5px;color:var(--ink);font-size:14px}
.blog-library{padding:66px 7% 85px;scroll-margin-top:15px}
.blog-library-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}
.blog-library-heading h2{font-size:30px;letter-spacing:-1px;display:flex;align-items:center;gap:15px;line-height:1.3}.blog-library-heading h2>span{font-size:12px;letter-spacing:0;border:1px solid #cfe4db;padding:5px 9px;border-radius:9px;color:var(--green)}
.blog-library-heading>p{font-size:12px;color:var(--muted)}
.blog-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;border-block:1px solid var(--line)}
.blog-filters{display:flex;flex-wrap:wrap;gap:7px}
.blog-filters>button{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 14px;background:transparent;color:#456759;border:1px solid #dbe8e2;border-radius:30px;font-size:12px;font-weight:650;transition:background .2s,color .2s,border-color .2s;white-space:nowrap}
.blog-filters>button>span{font-size:10px;opacity:.8;font-weight:500}
.blog-filters>button:hover{background:#eaf5ef;border-color:#b2d8c5}
.blog-filters>button[aria-pressed="true"]{background:#153f34;color:white;border-color:#153f34}
.blog-search{display:flex;align-items:center;gap:10px;position:relative;min-width:240px;max-width:330px;flex:1;min-height:46px;background:#fff;border:1px solid #d8e5e6;border-radius:30px;padding:0 8px 0 16px;color:#78908d}
.blog-search:focus-within{outline:3px solid #0877ed;outline-offset:3px}
.blog-search>svg{flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.blog-search>input{font:inherit;font-size:12px;background:none;color:var(--ink);border:0;outline:0;width:100%;min-width:0;padding:14px 0;line-height:1.5}
.blog-search>input::placeholder{color:#78908d;opacity:1}.blog-search>input::-webkit-search-cancel-button{-webkit-appearance:none}
.blog-clear{flex-shrink:0;border:0;background:#edf5f1;width:32px;height:32px;border-radius:50%;font-size:22px;line-height:1;color:#4e7363;display:grid;place-items:center}
.blog-results-meta{display:flex;justify-content:space-between;gap:20px;margin:22px 0;color:#71868d;font-size:11px;line-height:1.8}
.blog-results-meta>p:last-child>span{margin-left:7px;color:var(--green)}
.blog-empty{padding:62px 20px 75px;text-align:center;background:#f0f7f4;border:1px dashed #bcdace;border-radius:23px}
.blog-empty>span{display:block;font-size:46px;color:var(--green);line-height:1;margin-bottom:15px}.blog-empty h3{font-size:25px;letter-spacing:-.6px}.blog-empty p{color:var(--muted);font-size:14px;line-height:1.8;margin:13px 0 24px}.blog-empty .button{border:0;border-radius:30px}
.blog-invite{margin:0 7% 65px;padding:55px 7%;border-radius:28px;display:grid;grid-template-columns:1.25fr 1fr;gap:30px;align-items:center;background:radial-gradient(ellipse at 80% 50%,#c7e9ff,transparent 57%),#edf7ff;overflow:hidden}
.blog-invite .eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--green);margin-bottom:20px}.blog-invite h2{font-size:46px;letter-spacing:-1.9px}.blog-invite p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);margin:22px 0}.blog-invite .button{border-radius:35px}
.blog-invite>img{display:block;width:100%;height:330px;object-fit:contain;mix-blend-mode:multiply}
.blog-card[hidden],.blog-tools[hidden],.blog-clear[hidden],.blog-empty[hidden]{display:none!important}
@media(min-width:761px) and (max-width:1050px){.header nav a[href="#questions"]{display:none}}
@media(min-width:1500px){.blog-hero,.blog-library{padding-left:max(7%,calc((100vw - 1320px)/2));padding-right:max(7%,calc((100vw - 1320px)/2))}.blog-invite{max-width:1320px;margin-left:auto;margin-right:auto}}
@media(max-width:1200px){.blog-tools{align-items:stretch;flex-direction:column;gap:16px}.blog-search{max-width:none}.blog-hero{gap:40px}.blog-card-body{padding:21px}.blog-card h2,.blog-card h3{font-size:19px}.blog-meta{font-size:10px}.blog-photo-caption strong{font-size:32px}.blog-photo-star{font-size:48px}}
@media(min-width:761px) and (max-width:1050px){.header nav{gap:18px;font-size:13px}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-home-grid .blog-card:last-child{grid-column:1/-1}.blog-home-grid .blog-card:last-child .blog-card-link{display:grid;grid-template-columns:1fr 1fr}.blog-home-grid .blog-card:last-child .blog-card-image{height:100%;aspect-ratio:auto;border-radius:22px 0 0 22px}.blog-hero h1{letter-spacing:-2.5px}.blog-hero{padding-left:5%;padding-right:5%}.blog-hero-description{font-size:15px}.blog-hero-visual{padding-right:10px}.blog-photo-label{font-size:9px;left:15px;top:18px}.blog-photo-caption{left:18px;bottom:32px}.blog-photo-caption strong{font-size:28px}.blog-photo-caption span{font-size:12px}.blog-photo-star{right:16px;font-size:35px}.blog-visual-note{padding:14px;right:-7px;gap:10px}.blog-visual-note b{font-size:12px}.blog-invite{padding:40px 5%}.blog-invite h2{font-size:36px}}
@media(max-width:760px){.blog-home-intro{margin-top:20px}.blog-home-intro>p{font-size:14px}.blog-all{margin-top:18px;min-height:44px}.blog-grid{grid-template-columns:1fr;gap:22px}.blog-card-image{aspect-ratio:1.9}.blog-card h2,.blog-card h3{font-size:21px}.blog-meta{font-size:11px}.blog-card-body{padding:22px}.blog-home-foot{flex-direction:column;gap:13px;font-size:12px}.blog-home-foot>a{align-self:flex-start;padding:5px 0}.blog-hero{grid-template-columns:1fr;padding:25px 6% 45px;gap:34px}.blog-back{margin-bottom:28px}.blog-hero .eyebrow{font-size:10px;letter-spacing:1.4px}.blog-hero h1{letter-spacing:-2px;line-height:1.15}.blog-hero-description{font-size:15px;margin-top:22px}.blog-hero-link{margin-top:20px;font-size:12px}.blog-hero-visual{max-width:500px;width:100%;justify-self:center;margin-top:0;padding:0 10px 15px}.blog-photo-frame{aspect-ratio:1.65;transform:rotate(2deg);border-radius:20px}.blog-photo-caption{left:24px;bottom:32px}.blog-photo-caption strong{font-size:31px}.blog-photo-caption span{font-size:12px}.blog-photo-label{left:20px;top:18px;font-size:9px;padding:8px 11px}.blog-photo-star{font-size:43px;bottom:33px}.blog-visual-note{right:0;bottom:-4px;padding:12px 16px;font-size:10px;gap:10px;border-radius:14px}.blog-visual-note b{font-size:12px}.blog-visual-note>span{width:32px;height:32px;font-size:22px}.blog-library{padding:42px 6% 48px}.blog-library-heading{display:block;margin-bottom:23px}.blog-library-heading h2{font-size:25px}.blog-library-heading>p{margin-top:10px}.blog-tools{gap:17px;padding:20px 0}.blog-filters{gap:8px}.blog-filters>button{padding:10px 12px;font-size:12px}.blog-search{min-width:0}.blog-search>input{font-size:14px}.blog-results-meta{display:block;font-size:11px;margin:19px 0}.blog-results-meta>p+p{margin-top:3px}.blog-invite{grid-template-columns:1fr;margin:0 5% 36px;padding:33px 7% 20px;gap:5px}.blog-invite h2{font-size:36px}.blog-invite>img{height:250px;max-width:300px;justify-self:center}.blog-invite p:not(.eyebrow){font-size:14px}.blog-header .nav-cta{padding:11px 15px;font-size:12px}.blog-page footer{row-gap:23px}}
@media(prefers-reduced-motion:reduce){.blog-card,.blog-card-image img,.blog-image-arrow,.blog-all,.blog-hero-link>span,.blog-filters>button{transition:none}.blog-card:hover,.blog-card:hover .blog-card-image img,.blog-card:hover .blog-image-arrow{transform:none}}
/* Шапка каталогов блога как на главной: переключатель языка, короткая подпись кнопки (23.09.2026). */
.blog-page .header-end{display:flex;align-items:center;gap:12px;flex-shrink:0}
.blog-page .lang-switch{display:flex;align-items:center;gap:2px;padding:4px;border:1px solid var(--line);border-radius:40px;background:#ffffffb3}
.blog-page .lang-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 9px;border-radius:40px;color:var(--muted);font-size:12px;font-weight:750;letter-spacing:.6px;line-height:1;transition:background .2s,color .2s,box-shadow .2s}
.blog-page .lang-switch a:hover{color:var(--blue)}
.blog-page .lang-switch a[aria-current=page]{background:#fff;color:var(--ink);box-shadow:0 3px 14px #144a4414}
.blog-page .lang-switch a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.blog-page .nav-cta .cta-short{display:none}
.blog-page .nw{white-space:nowrap}
@media(max-width:1100px){.blog-page .header-end{gap:10px}.blog-page .lang-switch a{min-width:34px;height:36px;padding:0 7px}}
@media(min-width:761px) and (max-width:1050px){.blog-page .header nav .nav-faq{display:none}}
@media(min-width:761px) and (max-width:960px){.blog-page .blog-header .nav-cta{gap:14px;padding:13px 18px}}
@media(min-width:761px) and (max-width:900px),(max-width:400px){.blog-page .nav-cta .cta-long{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.blog-page .nav-cta .cta-short{display:inline}}
@media(max-width:760px){.blog-page .header-end{gap:8px}.blog-page .lang-switch{gap:0;padding:0;border:0;background:none}.blog-page .lang-switch a{min-width:26px;height:32px;padding:0 4px;border-radius:9px;font-size:11px;letter-spacing:.3px}.blog-page .blog-header .nav-cta{gap:8px;padding-left:14px;padding-right:14px}}
@media(max-width:400px){.blog-page .lang-switch a{min-width:24px}}
@media(prefers-reduced-motion:reduce){.blog-page .lang-switch a{transition:none}}