/* Articles index only: no shared card or typography overrides. */
#body.articles-listing{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;padding:24px;box-sizing:border-box;align-items:start}
.articles-listing #dcontent,.articles-listing #dside{float:none;width:auto;min-width:0;margin:0;padding:0}
.articles-listing .listing-intro h1{font-size:28px;line-height:1.4;margin:0 0 12px}
.articles-listing .listing-intro>p{margin:0 0 16px;line-height:1.8}
.articles-listing .listing-search{margin:20px 0 12px}
.articles-listing .listing-search label{display:block;font-size:15px;margin-bottom:6px}
.articles-listing .listing-search>div{display:flex;gap:8px}
.articles-listing .listing-search input{min-width:0;flex:1;border:1px solid #a5b6c6;border-radius:6px;padding:10px 12px;font:inherit;box-sizing:border-box;background:#fff;color:#25384b}
.articles-listing .listing-search button{border:0;border-radius:6px;background:#196799;color:white;font:inherit;padding:10px 20px;cursor:pointer;min-height:44px}
.articles-listing .listing-intro .listing-count{font-size:14px;color:#526273;margin:8px 0}
.articles-listing .listing-card{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;padding:18px 0;border-bottom:1px solid #dde4eb;margin:0;align-items:start}
.articles-listing .listing-image{display:block;aspect-ratio:300/168;border-radius:8px;overflow:hidden;background:#f2f5f8}
.articles-listing .listing-image img{display:block;width:100%;height:100%;object-fit:contain;border:0;margin:0;padding:0}
.articles-listing .listing-card h2{font-size:22px;line-height:1.5;margin:0 0 8px;font-weight:600;overflow-wrap:anywhere}
.articles-listing .listing-card h2 a{color:#194d75}
.articles-listing .listing-card h2 a:hover{text-decoration:underline}
.articles-listing .listing-date{font-size:13px;color:#586779;margin:0 0 8px;line-height:1.6}
.articles-listing .listing-summary{font-size:16px;line-height:1.8;margin:0;overflow-wrap:anywhere}
.articles-listing .listing-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:20px 0}
.articles-listing .listing-pagination a,.articles-listing .listing-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 10px;border:1px solid #d1dce6;border-radius:6px;box-sizing:border-box;background:#fff;color:#194d75}
.articles-listing .listing-pagination [aria-current]{background:#194d75;color:white;border-color:#194d75}
.articles-listing .listing-pagination .listing-ellipsis{border:0;min-width:18px;padding:0}
.articles-listing a:focus-visible,.articles-listing input:focus-visible,.articles-listing button:focus-visible{outline:3px solid #196799;outline-offset:3px}
.articles-listing .listing-empty{padding:24px 0;line-height:1.8}
.articles-listing #dside img{max-width:100%;height:auto}
@media(max-width:1100px){#body.articles-listing{grid-template-columns:minmax(0,1fr)}.articles-listing #dside{max-width:760px;width:100%;justify-self:center}.articles-listing #dside>ins{display:none}}
@media(max-width:599px){#body.articles-listing{padding:20px 16px;gap:24px}.articles-listing .listing-intro h1{font-size:24px}.articles-listing .listing-card{grid-template-columns:minmax(0,1fr);gap:12px;padding:20px 0}.articles-listing .listing-image{width:100%;max-width:360px;justify-self:center}.articles-listing .listing-card h2{font-size:20px;margin-bottom:6px}.articles-listing .listing-pagination{gap:4px}.articles-listing .listing-pagination a,.articles-listing .listing-pagination span{padding:0 8px}}
