.cms-public .container{width:min(920px,calc(100% - 40px));margin:48px auto 72px;min-height:45vh}
.cms-public .container h1{font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.5;margin:0 0 28px;color:#244a35;overflow-wrap:anywhere}
.cms-public .container .card{background:#fff;border:1px solid #dfe6dc;border-radius:12px;padding:30px;margin-bottom:22px;box-shadow:0 4px 18px #223d2710}
.cms-public .container .card h2{margin:0 0 12px;font-size:1.35rem;line-height:1.6;overflow-wrap:anywhere}
.cms-public .container a{color:#365b3d;text-underline-offset:4px}
.cms-public .container .meta{color:#687267;font-size:.88rem;line-height:1.9}
.cms-public .article-body{font-size:1rem;line-height:2;overflow-wrap:anywhere}
.cms-public .article-body h2,.cms-public .article-body h3{margin-top:2em}
.cms-public .article-body img{max-width:100%;height:auto;border-radius:6px}
.cms-public .article-body blockquote{border-left:3px solid #79946e;padding:8px 20px;margin:24px 0;background:#f3f6ef}
.cms-public .article-body pre{white-space:pre-wrap;overflow-wrap:anywhere}
.cms-public .back-link{display:inline-block;margin-top:24px}
.cms-public .container img{max-width:100%;height:auto}
@media(max-width:540px){.cms-public .container{width:calc(100% - 28px);margin:28px auto 44px}.cms-public .container .card{padding:20px}.cms-public .container h1{margin-bottom:22px}}

/* Journal: shared typography, quiet dividers and landscape thumbnails. */
.cms-public .container h1{font:normal clamp(34px,4vw,52px)/1.5 serif;letter-spacing:.1em;color:var(--ink)}
.cms-public .articles-index{width:min(1180px,100%);padding:0 24px;margin:64px auto 80px}
.cms-public .articles-intro{margin-bottom:36px;max-width:760px}
.cms-public .articles-intro .eyebrow{margin:0 0 16px}
.cms-public .articles-intro h1{margin:0 0 14px}
.cms-public .articles-description{margin:0;color:var(--muted);line-height:1.9}
.cms-public .article-list-item{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding:30px 0;border-bottom:1px solid var(--line)}
.cms-public .article-list-item.has-thumbnail{grid-template-columns:220px minmax(0,1fr)}
.cms-public .article-thumbnail{display:block;align-self:start;overflow:hidden;border-radius:6px;background:var(--paper)}
.cms-public .article-thumbnail img{display:block;width:100%;aspect-ratio:32/21;object-fit:cover;transition:transform .2s ease}
.cms-public .article-thumbnail:hover img{transform:scale(1.025)}
.cms-public .article-list-text h2{font:normal clamp(22px,2.5vw,28px)/1.65 serif;margin:0 0 12px;overflow-wrap:anywhere}
.cms-public .article-list-text h2 a{color:var(--ink)}
.cms-public .article-list-text .meta{margin:8px 0}
.cms-public .article-list-text>p:last-child{margin-bottom:0}
/* Older saved Quill HTML remains readable without rewriting existing articles. */
.cms-public .article-body li[data-list="bullet"]{list-style-type:disc}
.cms-public .article-body li[data-list="ordered"]{list-style-type:decimal}
@media(max-width:640px){
 .cms-public .articles-index{width:100%;padding:0 20px;margin:36px auto 48px}
 .cms-public .articles-intro{margin-bottom:26px}
 .cms-public .article-list-item{gap:16px;padding:24px 0}
 .cms-public .article-list-item.has-thumbnail{grid-template-columns:100px minmax(0,1fr)}
 .cms-public .article-list-text h2{font-size:20px;line-height:1.65}
 .cms-public .article-list-text .meta{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.cms-public .article-thumbnail img{transition:none}}