/* BlazeHive article pages (alternatives / vs / comparison / listicle) —
   self-contained: the theme stylesheet is dequeued on these views.
   Same design language as faq.css/landing.css: #fafafa canvas, #52525b body,
   black headings, #d86030 accent. Covers the full element set the server's
   markdown renderer can emit. */
.bh-article-page,.bh-article-page *{box-sizing:border-box;margin:0;padding:0}
body.bh-article-body{margin:0;background:#fafafa}
.bh-article-page{min-height:100vh;background:#fafafa;color:#52525b;font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.bh-article-section{padding:80px 24px}
.bh-article-container{max-width:760px;margin-inline:auto}
.bh-article-page h1{font-size:clamp(30px,4.5vw,44px);font-weight:800;letter-spacing:-0.03em;line-height:1.15;color:#000}
.bh-article-content{margin-top:12px;overflow-wrap:break-word}
.bh-article-content h1{font-size:clamp(30px,4.5vw,44px);font-weight:800;letter-spacing:-0.03em;line-height:1.15;color:#000}
.bh-article-content h2{margin-top:56px;font-size:clamp(24px,3.2vw,30px);font-weight:700;letter-spacing:-0.02em;line-height:1.25;color:#000}
.bh-article-content h3{margin-top:36px;font-size:clamp(19px,2.4vw,22px);font-weight:600;letter-spacing:-0.01em;line-height:1.3;color:#000}
.bh-article-content h4{margin-top:28px;font-size:17px;font-weight:600;color:#000}
.bh-article-content p{margin-top:20px;font-size:17px;line-height:1.75}
.bh-article-content a{color:#d86030;text-decoration:underline;text-underline-offset:4px;transition:opacity .15s ease}
.bh-article-content a:hover{opacity:.8}
.bh-article-content strong{color:#000;font-weight:600}
.bh-article-content ul,.bh-article-content ol{margin-top:20px;padding-left:26px}
.bh-article-content li{margin-top:10px;font-size:17px;line-height:1.7}
.bh-article-content li>ul,.bh-article-content li>ol{margin-top:10px}
.bh-article-content ul li::marker{color:#d86030}
.bh-article-content ol li::marker{color:#000;font-weight:600}
.bh-article-content img,.bh-article-content svg,.bh-article-content video,.bh-article-content iframe{display:block;max-width:100%;height:auto;margin-top:28px;border-radius:12px}
.bh-article-content figure{margin-top:28px}
.bh-article-content figure img{margin-top:0}
.bh-article-content figcaption{margin-top:10px;font-size:14px;line-height:1.5;color:#a1a1aa}
.bh-article-content blockquote{margin-top:24px;border-left:3px solid #d86030;padding-left:20px;color:#3f3f46}
.bh-article-content blockquote p{margin-top:12px}
.bh-article-content blockquote p:first-child{margin-top:0}
.bh-article-content table{display:block;width:100%;max-width:100%;overflow-x:auto;margin-top:28px;border-collapse:collapse;font-size:15.5px;line-height:1.6}
.bh-article-content th{padding:12px 14px;text-align:left;font-weight:600;color:#000;border-bottom:2px solid rgba(0,0,0,0.12);white-space:nowrap}
.bh-article-content td{padding:12px 14px;vertical-align:top;border-bottom:1px solid rgba(0,0,0,0.08)}
.bh-article-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:#f4f4f5;color:#3f3f46;padding:2px 6px;border-radius:6px}
.bh-article-content pre{margin-top:24px;background:#18181b;color:#e4e4e7;padding:20px;border-radius:12px;overflow-x:auto;font-size:14px;line-height:1.6}
.bh-article-content pre code{background:none;color:inherit;padding:0;font-size:inherit}
.bh-article-content hr{margin-top:48px;border:0;border-top:1px solid rgba(0,0,0,0.08)}
.bh-article-content>:first-child{margin-top:0}
@media (max-width:860px){
.bh-article-section{padding:56px 20px}
.bh-article-content h2{margin-top:44px}
}
