@media (max-width:800px){
  html,body{max-width:100%;overflow-x:hidden}
  body{font-size:16px;line-height:1.58}
  .wrap{width:min(100% - 28px,1180px)}
  .navin{height:auto;min-height:66px;padding:10px 0;gap:12px}
  .brand{min-width:0;gap:9px;line-height:1.1}
  .brand span:last-child{font-size:.78rem;letter-spacing:-.01em;white-space:nowrap}
  .neutral-mark{width:34px;height:34px;flex:0 0 34px;border-radius:9px}
  .cta{padding:9px 13px;font-size:13px;white-space:nowrap}
  .editorial-hero{padding:48px 0 38px;gap:24px}
  .editorial-hero h1,.article-header h1,h1{font-size:clamp(2.35rem,11vw,3.25rem);overflow-wrap:anywhere}
  .eyebrow{letter-spacing:.1em;line-height:1.35}
  .eyebrow:before{width:18px;flex:0 0 18px}
  .lead{font-size:1.05rem;line-height:1.55;margin-top:18px}
  .method-card{padding:22px}
  .ranking-feature{gap:28px;padding:24px;border-radius:22px;margin-bottom:60px}
  .ranking-feature h2{font-size:clamp(2rem,9vw,2.7rem);margin:15px 0;overflow-wrap:anywhere}
  .rank-stack span{padding:13px 0}
  .sectionhead{margin-bottom:20px;gap:14px}
  .sectionhead h2{font-size:2.15rem}
  .sectionhead p{margin-bottom:0}
  .grid{gap:14px;margin-bottom:60px}
  .card{padding:24px;min-height:0}
  .card h3{font-size:clamp(1.6rem,7vw,2.05rem);margin:30px 0 12px}
  .card .meta{padding-top:22px}
  .article-header{padding:48px 0 32px}
  .article-meta{gap:8px 14px;margin-top:24px;font-size:13px}
  .article-layout,.comparison-layout{gap:0;padding-top:28px}
  .content,.wide-content,.product>div{min-width:0;max-width:100%}
  .content h2{font-size:clamp(1.75rem,8vw,2.2rem);margin:42px 0 16px;overflow-wrap:anywhere}
  .content h3{margin-top:26px}
  .content p,.content li{overflow-wrap:anywhere}
  .answer{padding:20px;border-radius:0 14px 14px 0;font-size:1rem;margin-bottom:30px}
  .callout{padding:24px 20px;margin:32px 0;overflow:hidden}
  .content table:not(.compare-table){display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:14px}
  .content table:not(.compare-table) th,.content table:not(.compare-table) td{min-width:132px;padding:12px;vertical-align:top}
  .table-scroll{max-width:100%;-webkit-overflow-scrolling:touch}
  .compare-table{font-size:14px}
  .related{grid-template-columns:1fr;gap:12px}
  .sources{padding:20px;overflow:hidden}
  .product{grid-template-columns:42px minmax(0,1fr);gap:14px;padding:28px 0}
  .product-rank{font-size:25px}
  .product h3{font-size:1.85rem;overflow-wrap:anywhere}
  .featured-product{padding:24px 18px;margin:24px 0}
  .imperio-button,.read{max-width:100%;white-space:normal;overflow-wrap:anywhere}
  footer{padding:40px 0;margin-top:50px}
  .foot{gap:24px}
}

@media (max-width:520px){
  .wrap{width:min(100% - 24px,1180px)}
  .nav .cta{display:none}
  .navin{min-height:60px}
  .editorial-hero h1,.article-header h1,h1{font-size:clamp(2.15rem,11vw,2.75rem)}
  .editorial-hero{padding-top:40px}
  .ranking-feature{padding:20px}
  .method-card{padding:20px}
  .article-header{padding-top:40px}
  .article-meta span{display:block;width:100%}
  .content ul,.content ol{padding-left:22px}
  .content th,.content td{line-height:1.45}
}