/* Article Page Mobile Fixes */
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:hidden}
body{overflow-x:hidden;max-width:100vw;padding:0 8px!important}

@media(max-width:700px){
body{padding:1rem 10px!important;max-width:100vw}
nav{padding:0 10px!important;height:52px!important}
.nav-links{gap:10px!important}
.nav-links a{font-size:.58rem!important}
.back-link{font-size:.68rem;margin-top:1rem}
h1{font-size:1.5rem!important;line-height:1.25!important}
.meta{font-size:.65rem!important;flex-wrap:wrap;gap:.5rem}
.tag,.tag-purple,.tag-red,.tag-green,.tag-teal,.tag-blue{font-size:.58rem!important;padding:2px 8px}
.section{margin:1.5rem 0!important}
.section h2{font-size:1.05rem!important}
.section h3{font-size:.9rem!important}
.section p{font-size:.85rem!important;line-height:1.65!important}
.section ul,.section ol{margin-left:1rem!important}
.section li{margin-bottom:.3rem;font-size:.85rem}
pre{padding:1rem!important;font-size:.72rem!important;overflow-x:auto;-webkit-overflow-scrolling:touch}
code{font-size:.78rem!important}
blockquote{padding:.5rem .75rem!important;font-size:.82rem!important}
.note{padding:.5rem .75rem!important;font-size:.8rem!important}
table{font-size:.75rem;display:block;overflow-x:auto}
th,td{padding:6px 8px!important}
.fire-banner{flex-direction:column!important;padding:1rem!important;text-align:center}
.fire-banner .fire-icon{font-size:1.5rem}
.fire-banner .fire-body{font-size:.82rem}
.cta-section{padding:1.25rem!important}
.cta-title{font-size:1.15rem!important}
.cta-desc{font-size:.85rem!important}
.cta-button{padding:10px 24px!important;font-size:.9rem}
.promo-banner{flex-direction:column!important;padding:.75rem!important;gap:.5rem}
.comparison-card{padding:1rem!important}
.comparison-row{font-size:.8rem}
.pros-cons{grid-template-columns:1fr!important}
.pros-cons-col{padding:1rem!important}
.feature-grid{grid-template-columns:1fr!important}
.stat-row{grid-template-columns:repeat(2,1fr)!important}
.bench-row{flex-direction:column!important;gap:.25rem}
.bench-label{width:100%;text-align:left}
.tool-grid{grid-template-columns:1fr!important}
}

@media(max-width:380px){
h1{font-size:1.3rem!important}
.section p{font-size:.8rem!important}
pre{font-size:.68rem!important}
}

/* Code blocks mobile */
pre{max-width:100%;white-space:pre;overflow-x:auto}
code{word-break:break-word}