/* mobile-v30: unified responsive — no ux conflict */
html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%;height:auto}
.mob-sticky{display:none}

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

@media (max-width:900px){
  .ad-top{padding:8px 14px}
  .ad-unit{min-height:56px}
  .main-wrap,.page-wrap{padding:0 14px;margin-top:20px;gap:0}
  .art-item{display:grid;grid-template-columns:1fr 128px;gap:14px;align-items:start;padding:20px 0}
  .ai-img{width:128px;height:88px;border-radius:2px;overflow:hidden}
  .ai-title{font-size:clamp(20px,3.6vw,28px);line-height:1.15}
  .ai-desc{font-size:16px;line-height:1.45;-webkit-line-clamp:3}
  .ai-meta{font-size:10px}
}

@media (max-width:700px){
  .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)}
  .art-item{grid-template-columns:1fr}
  .ai-img{width:100%;height:auto;aspect-ratio:16/9}
  .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)}
  .ft{padding:26px 14px 28px}
  .ft-links{gap:14px;flex-wrap:wrap}
}

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