/* Catalog styles stay inside this page; shared header and brand tokens are inherited. */
.blog-catalog{max-width:1200px;margin:0 auto;padding:0 0 40px}
.blog-catalog .blog-catalog__hero{text-align:center;padding:42px 20px 30px}
.blog-catalog .blog-catalog__hero h1{font-size:30px;line-height:1.2;margin:12px 0 16px}
.blog-catalog .blog-catalog__hero p{margin:0;color:var(--gray-600)}
.blog-catalog .blog-catalog__topics{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 24px}
.blog-catalog .blog-catalog__topic{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 17px;border:var(--surface-border);border-radius:24px;background:var(--white);color:var(--gray-600);font-size:14px}
.blog-catalog .blog-catalog__topic:hover{text-decoration:none;border-color:var(--orange)}
.blog-catalog .blog-catalog__topic.is-active{background:var(--orange);border-color:var(--orange);color:#fff;font-weight:700}
.blog-catalog .blog-catalog__count{font-size:12px;opacity:.85}
.blog-catalog .blog-catalog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.blog-catalog .blog-catalog__card{min-width:0;overflow:hidden;border:var(--surface-border);border-radius:var(--surface-radius);background:var(--white);box-shadow:var(--surface-shadow);display:flex;flex-direction:column}
.blog-catalog .blog-catalog__cover{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--white)}
.blog-catalog .blog-catalog__cover img{display:block;width:100%;height:100%;object-fit:contain}
.blog-catalog .blog-catalog__placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--gray-100),var(--orange-soft))}
.blog-catalog .blog-catalog__body{padding:19px 20px 22px;display:flex;flex-direction:column;flex:1}
.blog-catalog .blog-catalog__meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--gray-600);margin-bottom:10px}
.blog-catalog .blog-catalog__meta a{color:var(--orange-dark);font-weight:700}
.blog-catalog .blog-catalog__body h2{font-size:18px;line-height:1.35;margin:0 0 10px;overflow-wrap:anywhere}
.blog-catalog .blog-catalog__body h2 a{color:var(--gray-900)}
.blog-catalog .blog-catalog__body p{font-size:14px;line-height:1.55;color:var(--gray-600);margin:0 0 18px}
.blog-catalog .blog-catalog__read{margin-top:auto;font-weight:700;font-size:14px;align-self:flex-start}
.blog-catalog .blog-catalog__cta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding:24px;border:var(--surface-border);border-radius:var(--surface-radius);background:var(--white)}
.blog-catalog .blog-catalog__cta p{margin:0}
.blog-catalog .blog-catalog__empty{grid-column:1/-1;text-align:center;padding:40px 20px}
.blog-catalog a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
@media(max-width:980px){.blog-catalog .blog-catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.blog-catalog .blog-catalog__grid{grid-template-columns:minmax(0,1fr)}.blog-catalog .blog-catalog__topics{justify-content:flex-start}.blog-catalog .blog-catalog__hero{padding:28px 10px 24px}.blog-catalog .blog-catalog__hero h1{font-size:26px}.blog-catalog .blog-catalog__cta{display:block}.blog-catalog .blog-catalog__cta .btn{margin-top:16px}}