/* Sections (strips) share the header container width and their inner blocks fill it; no scaling */
@media (min-width:1240px){.sx>.wrap{max-width:min(100%,1240px)}}
@media (min-width:1500px){
  .s26-flow{max-width:1240px}
  .s26-flow3{max-width:1100px}
  .s26-calc{max-width:1240px}
  .stats,.shw,.sp2,.ar{max-width:1240px;margin-inline:auto}
  .ar>a{max-width:none}
}
@media (min-width:1800px){
  .wrap,.sx>.wrap{max-width:1320px}
  .s26-flow,.s26-calc,.stats,.shw,.sp2,.ar{max-width:1320px}
  .s26-flow3{max-width:1180px}
}
@media (min-width:2200px){
  .wrap,.sx>.wrap{max-width:1480px}
  .s26-flow,.s26-calc,.stats,.shw,.sp2,.ar{max-width:1480px}
  .s26-flow3{max-width:1320px}
}
/* Readability: no text below 12px */
small,.gx-chip{font-size:max(12px,.8em)}
@media (max-width:640px){.wa-m{font-size:max(12px,1em)}}
/* Posts: readable code blocks, clearer heading hierarchy, bigger card titles, lighter popup on small screens */
article pre,.prose pre{overflow-x:auto;white-space:pre;direction:ltr;text-align:left;unicode-bidi:plaintext;max-width:100%;-webkit-overflow-scrolling:touch}
@media (max-width:900px){
  article h2{font-size:max(1.75rem,28px)}
  article h3{font-size:1.2rem}
  .dtpop{max-height:38vh}
}
.post-card h3,.pc h3,.bl-card h3,.cat-card h3{font-size:max(1.05rem,17px)}