/* v8 mobile polish + readability pass */
html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%;height:auto}

@media (max-width:960px){
  .hdr-in{padding:14px 16px;align-items:center}
  .logo{font-size:clamp(24px,7.2vw,34px)}
}

@media (max-width:640px){
  body{padding-bottom:68px}
  .ad-top{padding:8px 12px}
  .ad-unit{min-height:60px}
  .feat{padding:24px 14px 0}
  .feat-title{font-size:clamp(26px,10vw,38px)}
  .feat-desc{font-size:16px;line-height:1.55}
  .manifesto{margin-top:32px;padding:36px 0}
  .manifesto-item,.manifesto-sep{font-size:clamp(2.2rem,13vw,3.8rem)}
  .main-wrap,.page-wrap{padding:0 14px;margin-top:22px;gap:0}
  .art-item{flex-direction:column;gap:12px;padding:20px 0}
  .art-item .ai-img{order:-1}
  .ai-img{width:100%;height:auto;aspect-ratio:16/9}
  .ai-title{font-size:20px;line-height:1.2}
  .ai-desc{-webkit-line-clamp:3}
  .art{padding-top:24px}
  .art-h1{font-size:clamp(28px,9vw,40px);line-height:1.08}
  .art-desc{font-size:17px}
  .art-meta{margin-bottom:18px}
  .art-body p{font-size:18px;line-height:1.72}
  .art-body h2{margin-top:30px;font-size:clamp(22px,7vw,30px)}
  .rel{margin-top:36px}
  .rel-img{width:92px;height:64px}
  .ft{padding:28px 14px 80px}
  .ft-links{gap:14px;flex-wrap:wrap}
}

@media (max-width:420px){
  .manifesto{display:none}
}