.public-content { max-width: 60rem; margin-inline: auto; }
.public-content a { color: #006b76; text-underline-offset: .25rem; }
.content-filters { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; border-block: 1px solid #dce7e8; padding-block: 1rem; margin-block: 1.5rem 2rem; }
.content-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,18rem),1fr)); gap: 1.25rem; }
.content-card { padding: 1.5rem; background: #fff; border: 1px solid #dce7e8; border-radius: .75rem; overflow-wrap: anywhere; }
.content-card h2 { font-size: 1.3rem; margin: 0 0 .75rem; }
.content-card p { color: #53656a; white-space: pre-wrap; margin-bottom: 0; }
.content-article { max-width: 48rem; }
.content-back { display: inline-block; margin-block: 0 1.5rem; }
.content-lead { color: #53656a; font-size: 1.15rem; white-space: pre-wrap; overflow-wrap: anywhere; margin-block: 1.5rem 2rem; }
.content-body { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.95; }
.content-pagination { display: flex; justify-content: center; align-items: center; gap: 1.25rem; margin-top: 2rem; }
.header-content { flex-wrap: wrap; padding-block: .75rem; }

.content-hero { display: block; max-width: 100%; max-height: 36rem; width: auto; height: auto; margin: 1.5rem auto; border-radius: .75rem; object-fit: contain; }