/* Blog catalogue: reuse article typography, header, footer, buttons and imagery. */
.blog-index{--bg:#F5F7FA}
.blog-index .header__nav-link[aria-current="page"]{color:var(--dark);font-weight:700}
.catalog-skip{position:fixed;left:20px;top:-80px;z-index:110;padding:12px 20px;background:var(--dark);color:var(--white);border-radius:10px}
.catalog-skip:focus{top:20px}
.catalog-intro{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:64px;margin-bottom:64px}
.catalog-intro .tag{background:var(--blue-bg);color:var(--blue-deep);margin-bottom:18px}
.catalog-intro .tag::before{background:var(--blue)}
.catalog-intro h1{font-size:clamp(34px,4vw,54px);line-height:1.12}
.catalog-intro__lead{font-size:18px;line-height:1.7;color:var(--muted);padding-bottom:3px;max-width:46ch}
.catalog{scroll-margin-top:130px}
.catalog__heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:24px}
.catalog__heading h2{font-size:24px;line-height:1.3;font-weight:800;color:var(--dark);letter-spacing:-.02em}
.catalog__heading>span{font-size:13px;color:var(--muted)}
.catalog-card{min-width:0;background:var(--white);border:1px solid var(--border);border-radius:24px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.catalog-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(15,23,42,.08)}
.catalog-card__link{display:flex;flex-direction:column;height:100%}
.catalog-card:focus-within{outline:2px solid var(--blue);outline-offset:4px}
.catalog-card__link:focus-visible{outline:none}
.catalog-card__image{background:#E4EAF3;aspect-ratio:1200/630}
.catalog-card__image img{width:100%;height:100%;object-fit:contain}
.catalog-card__body{padding:28px;display:flex;flex-direction:column;gap:16px;flex:1}
.catalog-card__meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--muted)}
.catalog-card__topic{display:inline-flex;padding:5px 12px;background:var(--blue-bg);border-radius:999px;color:var(--blue-deep);font-size:12px;font-weight:700}
.catalog-card h3{font-size:24px;line-height:1.35;font-weight:800;color:var(--dark);letter-spacing:-.02em;text-wrap:balance}
.catalog-card p{color:var(--muted);font-size:15px;line-height:1.7}
.catalog-card__bottom{margin-top:auto;padding-top:12px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;color:var(--muted)}
.catalog-card__read{color:var(--dark);font-weight:700;white-space:nowrap}
.catalog-card__read span{display:inline-block;margin-left:5px;color:var(--blue);font-size:21px}
.catalog-card--featured .catalog-card__topic{background:var(--green-bg);color:var(--green-text)}
.catalog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.catalog-cta{margin-top:56px}
.catalog-cta h2{font-size:clamp(25px,3vw,32px);line-height:1.25;color:var(--white);letter-spacing:-.02em;text-wrap:balance}
.catalog-cta .ph img{height:auto}
@media(max-width:960px){.catalog-intro{gap:32px}.catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-card--featured{grid-column:1/-1}.catalog-card--featured h3{font-size:28px;line-height:1.3}}
@media(max-width:768px){.catalog-intro{grid-template-columns:1fr;gap:22px;margin-bottom:40px}.catalog-intro__lead{font-size:16px;line-height:1.7}.catalog__heading{align-items:start;flex-direction:column;gap:8px;margin-bottom:20px}.catalog__heading h2{font-size:22px}.catalog__grid{grid-template-columns:1fr;gap:20px}.catalog-card__body,.catalog-card--featured .catalog-card__body{padding:22px;gap:14px}.catalog-card h3,.catalog-card--featured h3{font-size:23px;line-height:1.35}.catalog-cta{margin-top:40px}.catalog-cta .cta__actions{flex-direction:column}.catalog-cta .cta__actions .btn{width:100%}.catalog-card__bottom{gap:10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.catalog-card{transition:none}.catalog-card:hover{transform:none}}
