.blog-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:48px;gap:48px}.blog-article{padding:32px;background:var(--brand-bg);border:1px solid var(--brand-border)}.blog-back{display:inline-block;margin-bottom:16px;font-weight:700}.blog-article h1{font-size:max(2rem, min(4vw, 3.4rem));line-height:1.12}.blog-attr{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:28px;color:var(--brand-text);font-weight:700}.content{line-height:1.75}.blog-reply,.blog-share,.entry-author,.pre-next{margin-top:32px;padding-top:28px;border-top:1px solid var(--brand-border)}.entry-author{display:grid;grid-template-columns:72px 1fr;grid-gap:18px;gap:18px}.author-avatar{width:72px;height:72px;-o-object-fit:cover;object-fit:cover;border:1px solid var(--brand-border)}.pre-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.pre-next a{display:grid;grid-gap:6px;gap:6px;padding:18px;border:1px solid var(--brand-border)}.pre-next span{color:var(--brand-text);font-weight:700}.blog-sidebar{position:sticky;top:120px;align-self:start;padding:24px;background:var(--brand-bg-alt);border:1px solid var(--brand-border)}.recent-blogs{list-style:none;padding:0;margin:0;display:grid;grid-gap:14px;gap:14px}.recent-blogs li{display:grid;grid-gap:4px;gap:4px;padding-bottom:14px;border-bottom:1px solid var(--brand-border)}.recent-blogs span{color:var(--brand-text);font-size:.85rem;font-weight:700}@media (max-width:991px){.blog-detail-layout,.pre-next{grid-template-columns:1fr}.blog-sidebar{position:static}}