/* Navigation, breadcrumbs, CTA and footer — shared by all pages (2026-09-28) */
.header nav a.is-active{color:var(--ink);position:relative}
.header nav a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;border-radius:2px;background:var(--cyan)}
.header nav a[aria-current="page"]{color:var(--cyan)}
.site-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 28px;font-size:14px;color:var(--soft)}
.site-breadcrumbs a{color:var(--soft);padding-block:6px;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.site-breadcrumbs a:hover{color:var(--cyan);border-color:currentColor}
.site-breadcrumbs span{opacity:.5}
.hero-cta{margin-top:28px;display:flex;flex-wrap:wrap;gap:14px}
.button .cta-arrow{font-size:18px;line-height:1;margin-left:4px;transition:transform .25s}
.button:hover .cta-arrow{transform:translateX(3px)}
.page-cta .button{margin-top:4px}
.page-cta .cta-alt{margin:18px 0 0;font-size:13px;color:var(--soft)}
.page-cta .cta-alt a{color:var(--ink);border-bottom:1px solid currentColor}
@media(min-width:801px){.article-layout>.article-aside.page-cta{position:sticky;top:24px}}
.page-cta{border:1px solid var(--line);border-radius:24px;background:linear-gradient(160deg,#16224a,#0d1531)}
.related-block{padding-block:10px 70px}
.related-block h2{font-family:var(--display);font-size:clamp(24px,2.4vw,32px);line-height:1.3;margin:0 0 24px}
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.related-card{position:relative;display:flex;flex-direction:column;gap:12px;min-height:150px;padding:24px 56px 24px 24px;border:1px solid var(--line);border-radius:22px;background:#111a36;transition:border-color .2s,transform .2s}
.related-card:hover{border-color:var(--cyan);transform:translateY(-2px)}
.related-card .eyebrow{margin:0;font-size:11px}
.related-card strong{font-size:19px;line-height:1.35;font-weight:600}
.related-go{position:absolute;right:22px;bottom:20px;font-size:22px;color:var(--cyan)}
.page-cta-band{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-block:10px 70px;padding:36px 40px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(160deg,#16224a,#0d1531)}
.page-cta-band h2{font-family:var(--display);font-size:clamp(22px,2.4vw,32px);line-height:1.3;margin:10px 0}
.page-cta-band p:not(.eyebrow){color:var(--soft);margin:0}
.page-cta-band .button{flex-shrink:0}
.site-footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px 40px}
.site-footer .footer-nav{display:flex;flex-wrap:wrap;gap:6px 24px}
.site-footer .footer-actions{display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:flex-end}
.site-footer a{color:var(--soft);transition:color .2s}
.site-footer a:hover,.site-footer .footer-cta{color:var(--ink)}
.site-footer>span{grid-column:1/-1}
@media(max-width:1100px){.site-footer{grid-template-columns:1fr}.site-footer .footer-actions{justify-content:flex-start}}
@media(max-width:800px){
 .page-cta{margin-top:30px!important}
 .page-cta-band{flex-direction:column;align-items:flex-start;padding:28px 24px}
 .related-block{padding-bottom:50px}
 .related-card{min-height:0}
 /* comfortable tap targets without changing the visual layout */
 main .text-link,.site-breadcrumbs a,.site-footer a,.content-back a{position:relative}
 main .text-link:after,.site-breadcrumbs a:after,.site-footer a:after,.content-back a:after{content:"";position:absolute;inset:-9px -6px}
 .site-footer .footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
 .site-footer .footer-nav a,.site-footer .footer-actions a{padding-block:10px}
 .header nav[data-open="true"] a{padding-block:13px}
 .header nav a.is-active:after{left:-14px;right:auto;top:50%;bottom:auto;width:4px;height:4px;border-radius:50%;transform:translateY(-50%)}
}
@media(max-width:520px){.hero-cta .button{width:100%;justify-content:space-between}.page-cta .button,.page-cta-band .button{width:100%;justify-content:space-between}}

.lib-switch{display:inline-flex;gap:4px;padding:4px;margin:0 0 26px;border:1px solid var(--line);border-radius:40px}.lib-switch a{padding:10px 16px;border-radius:30px;font-size:14px;color:var(--soft)}.lib-switch a:hover{color:var(--ink)}.lib-switch a[aria-current="page"]{background:var(--ink);color:#111c3a;font-weight:600}

/* Обучение: курс «Из бизнеса в CPO» — 28.09 */
.cpo-promo{margin-block:56px}
.cpo-promo a.cpo-card{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:center;padding:36px 40px;border-radius:32px;text-decoration:none;color:#111c3a;background:linear-gradient(120deg,#dcddff,#beb5f6 55%,#9fe9ef);transition:transform .2s}
.cpo-promo a.cpo-card:hover{transform:translateY(-3px)}
.cpo-promo .eyebrow{color:#3b3470;margin:0 0 12px}
.cpo-promo h2{font-family:var(--display);font-weight:500;font-size:clamp(28px,3.4vw,46px);line-height:1.1;letter-spacing:-.04em;margin:0 0 14px;color:#0b1330}
.cpo-promo p.cpo-lead{margin:0;font-size:17px;line-height:1.55;color:#2b3558;max-width:56ch}
.cpo-facts{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cpo-facts li{display:flex;align-items:baseline;gap:12px;padding:12px 16px;border-radius:16px;background:#ffffff8c;font-size:14px;color:#2b3558}
.cpo-facts b{font-family:var(--display);font-weight:500;font-size:20px;color:#0b1330;white-space:nowrap}
.cpo-go{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:13px 22px;border-radius:40px;background:#0b1330;color:#fff;font-weight:700;font-size:15px}
@media(max-width:800px){.cpo-promo a.cpo-card{grid-template-columns:1fr;padding:26px 22px;gap:20px}.cpo-promo{margin-block:40px}}