.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 17rem;gap:2rem;align-items:start}.article-layout main{min-width:0}.article-category{display:inline-flex;padding:.35rem .8rem;border-radius:99px;background:var(--bg-surface);color:var(--primary-teal);font-size:.8rem;font-weight:800}.article-author-bar{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1.5rem;color:var(--text-muted);font-size:.8rem}.article-author-bar img{width:42px;height:42px;object-fit:contain;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-color)}.article-author-bar div{display:grid;text-align:right}.article-author-bar div strong{color:var(--text-heading)}.article-author-bar small{color:var(--text-muted)}.article-author-bar>span{height:24px;border-right:1px solid var(--border-color)}.article-bottom-meta{display:flex;flex-wrap:wrap;gap:1rem;max-width:820px;margin:1rem auto;color:var(--text-muted);font-size:.8rem}.article-aside{position:sticky;top:6rem;display:grid;gap:1rem}.article-author-card,.article-reading-card{display:flex;align-items:center;gap:.75rem;padding:1rem;border:1px solid var(--border-color);border-radius:1rem;background:var(--bg-surface);box-shadow:var(--card-shadow)}.article-author-card img{width:52px;height:52px;object-fit:contain;border-radius:50%;background:var(--bg-surface-alt)}.article-author-card div{display:grid;gap:.15rem}.article-author-card span,.article-reading-card span{color:var(--text-muted);font-size:.75rem}.article-author-card strong,.article-reading-card strong{color:var(--text-heading)}.article-author-card small{color:var(--primary-teal);font-size:.75rem}.article-reading-card>i{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#dff4ef;color:#087f76;font-size:1.1rem}.article-reading-card div{display:grid;gap:.15rem}.related-articles{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-color)}.related-articles header span{color:var(--primary-teal);font-size:.8rem;font-weight:800}.related-articles header h2{margin:.35rem 0 1.2rem;color:var(--text-heading)}.related-articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.related-article-card{overflow:hidden;border:1px solid var(--border-color);border-radius:1rem;background:var(--bg-surface);color:var(--text-heading);text-decoration:none;box-shadow:var(--card-shadow)}.related-article-card img,.related-article-card>i{display:block;width:100%;height:8.5rem;object-fit:cover;background:var(--bg-surface-alt);color:var(--primary-teal)}.related-article-card>i{display:grid;place-items:center;font-size:2rem}.related-article-card div{padding:1rem}.related-article-card span,.related-article-card time{color:var(--text-muted);font-size:.72rem}.related-article-card h3{display:-webkit-box;overflow:hidden;margin:.45rem 0;line-height:1.65;font-size:.9rem;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media(max-width:950px){.article-layout{grid-template-columns:1fr}.article-aside{position:static;grid-template-columns:repeat(2,1fr)}.related-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.article-author-bar{justify-content:flex-start;flex-wrap:wrap}.article-author-bar>span{display:none}.article-aside,.related-articles-grid{grid-template-columns:1fr}.article-bottom-meta{padding:0 1rem}}
body.dark-mode .article-category,body.dark-mode .article-author-card,body.dark-mode .article-reading-card,body.dark-mode .related-article-card{background:#1e293b;border-color:#334155}body.dark-mode .article-reading-card>i{background:#173a38;color:#8ee1cd}body.dark-mode .article-author-bar img,body.dark-mode .article-author-card img{background:#172033;border-color:#334155}body.dark-mode .related-articles{border-color:#334155}