.breadcrumbs{font-size:13.5px;color:var(--text-secondary);padding:18px 0 4px}
.breadcrumbs a{color:var(--blue);text-decoration:none}
.article h1{font-size:27px;line-height:1.25;margin-bottom:6px}
.article-meta{font-size:13px;color:var(--text-secondary)}
.article-body{margin-top:14px}
.article-body h2{font-size:20px;margin:22px 0 8px}
.article-body p{margin-bottom:12px}
.article-body ul,.article-body ol{padding-left:22px;margin-bottom:12px}
.article-body li{margin-bottom:6px}
.related{margin-top:22px;border-top:1px solid var(--border);padding-top:14px}
.related h2{font-size:17px;margin-bottom:8px}
.related ul{padding-left:20px}
.related li{margin-bottom:6px}
.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin:16px 0 32px}
.article-card{display:flex;flex-direction:column;gap:8px;background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;text-decoration:none;color:var(--text);transition:border-color .12s}
.article-card:hover{border-color:var(--blue)}
.article-card h2{font-size:16.5px;line-height:1.35}
.article-card p{font-size:14px;color:var(--text-secondary);flex:1}