/* OE CMS v1.2 — page-owned category and listing layout.
   Cards remain editable Elements components. Adjust these shared values per client. */
#oe-blog-content, #oe-category-content { width:100%; margin:0; }
#oe-blog-content > .peer, #oe-category-content > .peer { margin-inline:auto; padding:3rem 1.25rem 4rem; gap:0; }
#oe-blog-extras, #oe-articles, #oe-category-featured { width:100%; min-width:0; }
#oe-blog-extras h2, #oe-articles > h2, #oe-category-featured h2 { font-size:clamp(1.65rem,2.5vw,2.25rem); line-height:1.2; font-weight:600; margin:0 0 1.5rem; }
#oe-category-featured { margin-inline:auto; padding:3rem 1.25rem 0; }
#oe-category-featured .oe-featured { margin-bottom:0; }
.oe-featured { margin-bottom:3rem; }
.oe-article-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2.5rem; }
.oe-article-grid > a { min-width:0; height:100%; text-decoration:none; }
.oe-article-grid img { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:.5rem; }
.oe-article-grid h3 { font-size:1.5rem; line-height:1.3; }
.oe-article-grid a:hover h3 { text-decoration:underline; text-underline-offset:.2em; }
.oe-category-nav { display:flex; flex-wrap:wrap; gap:.65rem; margin:0 0 2.5rem; }
.oe-category-nav a, .oe-pagination a { display:inline-flex; align-items:center; min-height:44px; padding:.55rem 1rem; border:1px solid currentColor; border-radius:.35rem; text-decoration:none; font-weight:500; }
.oe-category-nav a[aria-current="page"] { border-width:2px; font-weight:700; }
.oe-category-nav a:hover, .oe-pagination a:hover { text-decoration:underline; text-underline-offset:.2em; }
.oe-category-nav a:focus-visible, .oe-pagination a:focus-visible, .oe-article-grid > a:focus-visible { outline:3px solid currentColor; outline-offset:4px; }
.oe-pagination { display:flex; flex-wrap:wrap; gap:1rem; align-items:center; margin-top:2.5rem; }
.oe-article-navigation { width:100%; margin-inline:auto; padding:1.5rem 1.25rem 0; }
.oe-article-navigation .oe-category-nav { margin-bottom:0; }
#oe-blog-extras, #oe-articles, #oe-category-featured, .oe-article-navigation { color:#45515f; }
.oe-article-grid :is(h3,p) { color:inherit; }
@media (prefers-color-scheme:dark) {
 #oe-blog-extras, #oe-articles, #oe-category-featured, .oe-article-navigation { color:#d6dbe1; }
}
html.dark :is(#oe-blog-extras,#oe-articles,#oe-category-featured,.oe-article-navigation) { color:#d6dbe1; }
@media(max-width:1023px) { .oe-article-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem; } }
@media(max-width:639px) {
 .oe-article-grid { grid-template-columns:1fr; gap:2rem; }
 #oe-blog-content > .peer, #oe-category-content > .peer { padding-block:2rem 3rem; }
 #oe-category-featured { padding-top:2rem; }
 .oe-featured { margin-bottom:2rem; }
}