.listing-layout,.article-layout{display:grid;gap:38px}.listing-layout>div,.article-layout>div{min-width:0}.sidebar{align-self:start;min-width:0}.widget{border:1px solid var(--border);padding:24px;margin-block-end:24px}.widget h2,.widget h3{font-size:1.05rem}.widget ul{list-style:none;padding:0;margin:0}.widget li{padding-block:8px;border-block-end:1px solid var(--border);font-size:.82rem}.widget li:last-child{border:0}.widget a{color:var(--primary)}.sidebar-cta,.article-cta{background:var(--surface);padding:30px}.sidebar-cta h2,.article-cta h2{font-size:1.4rem}.sidebar-cta p{font-size:.85rem}.article-main{font-size:1.04rem;line-height:2.15}.toc{border:1px solid var(--border);background:var(--surface);padding:22px;margin-block-end:30px;font-size:.9rem}.toc h2{font-size:1.1rem}.toc ol{margin:0}.toc li{padding-block:4px}.toc .toc-sub{padding-inline-start:20px;font-size:.84rem}.share-links{display:flex;gap:15px;flex-wrap:wrap;align-items:center;padding-block:25px;border-block:1px solid var(--border);margin-block:35px;font-size:.8rem}.share-links a,.copy-link{min-height:44px;display:inline-flex;align-items:center}.copy-link{border:1px solid var(--border);background:transparent;color:var(--link);padding-inline:12px}.author-box{display:flex;gap:20px;padding:26px;border:1px solid var(--border);margin-block-end:35px}.author-box img{width:72px;height:72px;border-radius:50%;flex-shrink:0}.author-box h2{font-size:1.15rem;margin-block-end:4px}.author-box p{margin:0;font-size:.85rem;color:var(--muted)}.article-cta{margin-block:35px}.navigation.pagination,.post-navigation{margin-block:35px}.nav-links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.page-numbers{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--border);padding:8px 12px}.page-numbers.current{background:var(--primary);color:var(--background)}.post-navigation .nav-links{justify-content:space-between}.post-navigation a{font-size:.83rem;min-height:44px;display:block;max-width:300px}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:1000;pointer-events:none}.reading-progress span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.comments-area{padding-block:35px}.comments-area h2,.comments-area h3{font-size:1.3rem}.comment-list{padding:0;list-style:none}.comment-list .children{list-style:none;padding-inline-start:20px}.comment-body{padding:22px;border:1px solid var(--border);margin-block-end:18px}.comment-author{display:flex;align-items:center;gap:10px}.comment-metadata{font-size:.7rem;color:var(--muted);margin-block:12px}.comment-content{font-size:.9rem}.comment-reply-link{font-size:.8rem}.comment-form .submit{background:var(--accent);border:0;color:white;padding:12px 24px;cursor:pointer;min-height:48px}.comment-form label{font-size:.84rem}.related-posts{margin-block:40px}.related-posts h2{font-size:1.6rem}
.author-initial{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--surface);color:var(--accent);flex-shrink:0}
@media(min-width:1000px){.with-sidebar{grid-template-columns:minmax(0,1fr) 285px;gap:40px}.with-sidebar .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout:not(.with-sidebar){max-width:880px}.article-layout.with-sidebar .related-posts .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}