.blog-detail{background:var(--brand-bg)}.blog-detail>.container{max-width:860px;padding-top:125px;padding-bottom:70px}.blog-detail__head{text-align:center;margin-bottom:28px}.blog-detail__tag{display:inline-flex;margin-bottom:12px;padding:6px 12px;border-radius:999px;color:var(--brand-text-inverse);background:var(--brand-primary-dark);font-weight:900}.blog-detail h1{font-size:max(2rem, min(4vw, 3.5rem))}.blog-detail__meta{color:var(--brand-text);font-weight:700}.blog-detail__image{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:var(--brand-radius);background:var(--brand-neutral-light);margin-bottom:34px}.blog-detail__content{font-size:1.05rem}.blog-detail__share,.blog-prev-next{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;padding:26px 0;border-top:1px solid var(--brand-border);border-bottom:1px solid var(--brand-border);margin-top:32px}.blog-detail__share a,.blog-prev-next a{font-weight:900}.blog-author{display:grid;grid-template-columns:76px minmax(0,1fr);grid-gap:20px;gap:20px;margin-top:32px;padding:24px;border-radius:var(--brand-radius);background:var(--brand-bg-alt)}.author-avatar{width:76px;height:76px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:var(--brand-neutral-light)}.blog-author h2{font-size:1.2rem}.blog-prev-next{justify-content:space-between;align-items:stretch}.blog-prev-next div{flex:1 1 260px}.blog-prev-next a{display:block;padding:16px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);color:var(--brand-text)}.blog-prev-next span{display:block;color:var(--brand-primary-dark);font-size:.82rem;text-transform:uppercase}.blog-reply,.related-articles{padding:70px 0}.related-articles{background:var(--brand-bg-alt)}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:22px;gap:22px}.related-grid article{padding:22px;border-radius:var(--brand-radius);background:var(--brand-bg);border:1px solid var(--brand-border)}.related-grid span{color:var(--brand-primary-dark);font-weight:900}.blog-reply .container{max-width:860px}@media (max-width:991px){.related-grid{grid-template-columns:1fr}}@media (max-width:575px){.blog-author{grid-template-columns:1fr}}