/* Reference: /blog/your-domain-name-doesnt-matter-yet/.
   920px article and cover; 24px gutters; 3:2 cover; Manrope retained. */
body.bp-blog-detail{--blog-reading-width:920px;--blog-shell-width:968px}
body.bp-blog-detail .post-hero{padding:64px 0 8px!important}
body.bp-blog-detail .post-hero>.wrap,
body.bp-blog-detail .bp-blog-body>.wrap{width:100%;max-width:var(--blog-shell-width);padding:0 24px;margin-inline:auto}
body.bp-blog-detail .post-hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(34px,6vw,60px)!important;font-weight:800!important;letter-spacing:-.03em!important;line-height:1.08!important;max-width:24ch;margin:0 auto 16px;text-align:center}
body.bp-blog-detail .post-hero .bp-historical{width:100%;max-width:var(--blog-reading-width);border-radius:16px}
body.bp-blog-detail .post-hero>.post-cover{margin:26px auto 0}
body.bp-blog-detail .post-cover img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;border-radius:16px}
body.bp-blog-detail>.bp-blog-body{padding:8px 0 56px!important;border-top:0}
body.bp-blog-detail article.post{width:100%;max-width:var(--blog-reading-width);margin:0 auto;padding:10px 0 40px;line-height:1.55;overflow-wrap:anywhere}
body.bp-blog-detail article.post p{max-width:none;font-size:15.5px;margin:12px 0;line-height:1.55}
body.bp-blog-detail article.post h2{font-size:24px;font-weight:700!important;letter-spacing:normal!important;line-height:1.55}
body.bp-blog-detail article.post h3{font-size:20px;font-weight:800!important;letter-spacing:-.01em!important;margin:34px 0 10px;line-height:1.55}
body.bp-blog-detail article.post ul,body.bp-blog-detail article.post ol{font-size:15.5px;line-height:1.55}
body.bp-blog-detail article.post figure img{max-width:100%;height:auto}
body.bp-blog-detail article.post pre{max-width:100%;overflow:auto;white-space:pre;overflow-wrap:normal}
body.bp-blog-detail>.bp-blog-related{border-top:0;padding:10px 0 40px!important}
body.bp-blog-detail .bp-blog-related>.wrap{max-width:min(1800px,calc(100vw - 80px));padding:0 24px}
@media(max-width:1240px){body.bp-blog-detail .bp-blog-related>.wrap{max-width:1160px}}
@media(max-width:640px){
  body.bp-blog-detail .bp-blog-related .posts-grid{grid-template-columns:minmax(0,1fr)}
  body.bp-blog-detail article.post .bar{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}
}