.article-browser{margin:1.5rem 0 2rem}.article-filters{display:flex;flex-wrap:wrap;gap:.65rem}.article-filters button{font:inherit;cursor:pointer;padding:.75rem 1rem;border:1px solid #527564;border-radius:999px;background:#102219;color:#edf7ef}.article-filters button[aria-pressed=true]{background:#b0e6ba;color:#102219;border-color:#b0e6ba;font-weight:700}.article-search{display:block;max-width:38rem;margin-top:1.3rem}.article-search span{display:block;margin-bottom:.4rem}.article-search input{width:100%;box-sizing:border-box;font:inherit;padding:.85rem 1rem;border:1px solid #527564;border-radius:.6rem;background:#102219;color:#fff}.article-search input::placeholder{color:#bdcec3}.article-browser :focus-visible{outline:3px solid #b0e6ba;outline-offset:3px}#article-results{color:#bdcec3;margin-top:.8rem}#published-articles{display:block}.article-category{margin-bottom:3rem}.article-category-title{font-size:clamp(1.3rem,3vw,1.8rem);padding-bottom:.7rem;border-bottom:1px solid #527564;margin:0 0 1.2rem}.article-category .articles-grid{display:grid}.article-category .article-tile{grid-column:auto}@media(max-width:600px){.article-filters{gap:.5rem}.article-filters button{padding:.6rem .8rem;font-size:.9rem}}
.article-category .articles-grid .featured-case{display:flex;flex-direction:column;min-height:0}.article-category .articles-grid .featured-case>img{height:240px;max-height:none;object-fit:cover}.article-category .articles-grid .featured-case>div{padding:30px}.article-category .articles-grid .featured-case h2{font-size:clamp(25px,2.5vw,36px)}
.article-category-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.article-category-overview button{font:inherit;text-align:start;background:#102219;color:#edf7ef;padding:1.2rem;border:1px solid #527564;border-radius:1rem;cursor:pointer}.article-category-overview strong,.article-category-overview span{display:block}.article-category-overview span{font-size:.9rem;color:#bdcec3;margin-top:.5rem}.article-more{font:inherit;background:#b0e6ba;color:#102219;border:0;border-radius:.7rem;padding:.8rem 1.3rem;cursor:pointer}.article-new{display:inline-block;background:#b0e6ba;color:#102219;border-radius:999px;padding:.15rem .7rem;margin-bottom:.6rem;font-weight:700}@media(max-width:600px){.article-category-overview{grid-template-columns:1fr}}