.knowledge-card { display: flex; flex-direction: column; overflow: hidden; }
.knowledge-card > img { width: calc(100% + 2.4rem); height: 210px; margin: -1.2rem -1.2rem 1.1rem; object-fit: cover; }
.knowledge-card h2 { margin: .6rem 0; font-size: 1.25rem; line-height: 1.35; }
.knowledge-card .cardLink { margin-top: auto; padding-top: 1rem; }
.knowledge-empty { grid-column: 1 / -1; padding: 2rem; border: 1px solid #dceced; border-radius: 20px; background: #fff; color: #52717a; text-align: center; }
.article-page { max-width: 850px; margin: auto; }
.article-hero-image { width: 100%; max-height: 500px; margin-bottom: 2rem; border-radius: 28px; object-fit: cover; box-shadow: var(--shadow); }
.article-page > .tag { color: #087b90; font-weight: 900; }
.article-page > .title { margin-top: .7rem; }
.article-lead { color: #526f79; font-size: 1.2rem; line-height: 1.8; }
.article-body { color: #365a64; font-size: 1.06rem; line-height: 1.9; }
.article-body h2 { margin: 2.4rem 0 .7rem; color: var(--ink); font-size: 1.8rem; }
.article-body h3 { margin: 1.8rem 0 .6rem; color: #0b6178; font-size: 1.35rem; }
.article-body p { margin: 0 0 1rem; }
.article-body li { margin-bottom: .55rem; }
.article-cta { margin-top: 3rem; padding: 1.6rem; border-radius: 24px; background: linear-gradient(135deg, #eafafa, #fff8e9); border: 1px solid #d7eceb; }
.article-cta h2 { margin: 0 0 .5rem; }
.article-cta p { color: #54717a; }
@media (max-width: 850px) { .article-hero-image { border-radius: 20px; } .article-body h2 { font-size: 1.5rem; } }