.article-starting-points{padding:24px;border-radius:26px;background:#f0eafa;margin:28px 0 38px}.article-starting-points h2,.article-browse h2{font-size:25px;margin:0 0 8px}.article-starting-points>.article-list{margin-top:20px}.article-filters{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.article-filters[hidden],.article-preview[hidden],.article-starting-points[hidden]{display:none!important}.article-filters button{font:inherit;font-size:14px;font-weight:700;line-height:1.3;padding:11px 16px;border-radius:24px;border:1px solid #d8c9eb;background:#fffaf2;color:#442467;cursor:pointer}.article-filters button[aria-pressed=true]{background:#6432b5;border-color:#6432b5;color:white}.article-filters button:focus-visible{outline:3px solid #d39b22;outline-offset:3px}.article-filter-count{font-size:14px;color:#68567d}.article-starting-points .article-preview{background:#fffaf2}.article-starting-points .article-preview-image img{aspect-ratio:16/10;object-fit:cover}@media(max-width:700px){.article-starting-points{padding:18px}.article-filters button{padding:10px 13px}}
.article-starting-points>.article-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.article-starting-points .article-preview{min-width:0;display:flex;flex-direction:column}.article-starting-points .article-preview>div{display:flex;flex-direction:column;flex:1}.article-starting-points .article-preview h3{line-height:1.35}.article-starting-points .article-preview>div>.button{align-self:flex-start;margin-top:auto}.article-starting-points .article-preview-image{display:block;width:100%}.article-starting-points .article-preview-image img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}@media(max-width:700px){.article-starting-points>.article-list{grid-template-columns:1fr}}
