/* Scoped to Learn; the shared design tokens and existing card/layout are reused. */
.learn-index input[type=search]{margin-bottom:20px}
.learn-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}
.learn-filters button{font:inherit;font-size:14px;color:var(--ink);background:transparent;border:1px solid #b7c8bb;border-radius:999px;padding:9px 16px;cursor:pointer;white-space:nowrap}
.learn-filters button:hover{background:#e4eddc}
.learn-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}
.learn-index :focus-visible,.learn-article :focus-visible{outline:3px solid var(--teal);outline-offset:4px}
#article-count{font-size:14px;margin-bottom:25px;color:var(--muted)}
.learn-index .article-art span,.learn-article .article-art span{max-width:190px}
.learn-index .article-art b,.learn-article .article-art b{flex-shrink:0}
.learn-index .article-copy time,.learn-article .article-copy time{display:block;font-size:12px;color:var(--muted);margin-bottom:15px}
.article-image{padding:0}
.article-image img{width:100%;height:100%;object-fit:cover}
.article-featured{border-bottom:3px solid var(--teal)}
.learn-article>header{position:static;background:transparent;border:0;z-index:auto;backdrop-filter:none}
.learn-article .article-toc{display:block}
.learn-article .article-toc a{display:block;white-space:normal;margin:13px 0;color:#526f61;font-size:14px}
.learn-article .article-body{min-width:0;overflow-wrap:anywhere}
.learn-article .article-body img{max-width:100%;height:auto}
.learn-article .article-body h3{font-size:23px;margin:25px 0 12px}
.learn-article .article-body li{font-size:18px;line-height:2}
.learn-article .article-body ul,.learn-article .article-body ol{padding-inline-start:26px}
.learn-article .article-body blockquote{margin:25px 0;padding:15px 25px;border-inline-start:3px solid var(--teal);background:#eaf0e9}
.learn-article .article-body p a,.learn-article .article-body li a,.learn-article .article-body td a{text-decoration:underline;text-underline-offset:3px}
.learn-article .article-body table{min-width:480px}
.learn-article .article-body caption{text-align:start;font-weight:600;padding:12px}
.learn-article .article-meta{flex-wrap:wrap}
.learn-article .article-related h2{font-size:19px;margin:0 0 12px}
.learn-article #related-heading{margin-bottom:30px}
@media(max-width:760px){
 .learn-filters{flex-wrap:nowrap;overflow-x:auto;padding:5px 4px 12px;scroll-padding-inline:4px}
 .learn-filters button{flex-shrink:0}
}