.blog-detail-page{background:#fff}.blog-detail-article{padding:82px 0 70px}.blog-detail-shell{max-width:780px;margin:0 auto}.blog-detail-kicker{display:block;width:-moz-fit-content;width:fit-content;margin:0 auto 16px;padding:8px 12px;border-radius:var(--radius-brand);background:var(--brand-bg-alt);color:var(--brand-primary);font-weight:900}.blog-detail-shell h1{text-align:center;font-size:max(2rem, min(4vw, 3.5rem));line-height:1.1}.blog-detail-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;color:var(--brand-text);font-weight:700}.blog-detail-image{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;margin:32px 0;border-radius:var(--radius-brand);border:1px solid var(--brand-border)}.blog-content{color:var(--brand-text);line-height:1.8}.blog-share-row{display:flex;justify-content:center;padding:28px 0;border-top:1px solid var(--brand-border);border-bottom:1px solid var(--brand-border);margin-top:28px}.blog-share-row a{font-weight:900}.author-card{display:grid;grid-template-columns:72px 1fr;grid-gap:18px;gap:18px;align-items:center;margin-top:30px;padding:22px;border-radius:var(--radius-brand);background:var(--brand-bg-alt)}.author-avatar{width:72px;height:72px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.author-card h2{font-size:1.2rem}.author-card p{color:var(--brand-text)}.post-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;margin-top:30px}.post-nav a{display:grid;grid-gap:6px;gap:6px;padding:18px;border:1px solid var(--brand-border);border-radius:var(--radius-brand);min-height:96px;font-weight:800}.post-nav span{color:var(--brand-text);font-size:.84rem}.related-articles{padding:70px 0;background:var(--brand-bg-alt)}.related-articles h2{text-align:center;margin-bottom:28px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}.related-grid article{padding:22px;border-radius:var(--radius-brand);background:#fff}.related-grid time{color:var(--brand-primary);font-weight:800}.related-grid h3{font-size:1.1rem}.related-grid p{color:var(--brand-text)}@media (max-width:767px){.post-nav,.related-grid{grid-template-columns:1fr}}