.article-library{max-width:1180px}.article-library-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}.article-library-head h2{margin:.35rem 0 .65rem}.article-library-head p{max-width:720px;color:var(--muted);margin:0}.carousel-controls{display:flex;gap:.6rem;flex:0 0 auto}.carousel-controls button{width:48px;height:48px;padding:0;font-size:1.25rem}.article-carousel-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(290px,calc((100% - 2rem)/3));gap:1rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-color:var(--teal) #dce5e1;scrollbar-width:thin;padding:0 0 1rem}.article-card{scroll-snap-align:start;min-height:300px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;text-decoration:none;color:var(--ink);transition:.2s}.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.article-card h3{font-family:Georgia,serif;font-size:1.5rem;line-height:1.15;margin:1rem 0 .75rem}.article-card p{color:var(--muted);flex:1}.article-card b{color:var(--teal)}.seo-article{max-width:840px}.seo-article>section{scroll-margin-top:100px}.seo-article p,.seo-article li{line-height:1.75}.seo-article h2{margin-top:3.5rem}.article-toc{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem 1.5rem;margin:2rem 0 3rem}.article-toc ol{columns:2;gap:2rem;margin:.8rem 0 0;padding-left:1.3rem}.article-toc a{color:var(--teal)}.article-faq details{background:#fff;border:1px solid var(--line);border-radius:13px;padding:1rem 1.2rem;margin:.75rem 0}.article-faq summary{cursor:pointer;font-weight:700}.article-faq details p{margin:.75rem 0 0;color:var(--muted)}.article-sources{border-top:1px solid var(--line);margin-top:3rem;padding-top:2rem}.article-sources ul{padding-left:1.2rem}.article-sources a{color:var(--teal)}
@media(max-width:900px){.article-carousel-track{grid-auto-columns:minmax(280px,72%)}.article-library-head{align-items:flex-start}}
@media(max-width:600px){.article-library-head{display:block}.carousel-controls{margin-top:1rem}.article-carousel-track{grid-auto-columns:88%}.article-card{min-height:270px}.article-toc ol{columns:1}.seo-article h2{margin-top:2.75rem}}