@media (max-width: 1100px) {
    .comic-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .update-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .slide { grid-template-columns: 1.2fr 1fr; }
    .hero-copy { padding: 36px 32px 72px; }
    .slider-controls { left: 32px; }
    .tagline { display: none; }
}
@media (max-width: 800px) {
    .wrap { width: calc(100% - 36px); }
    .comic-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
    .hero-copy { padding: 32px 26px 72px; }
    .slide { grid-template-columns: 1.6fr 1fr; min-height: 420px; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .footer-grid > div { grid-column: 1/-1; }
    .mobile-callout { padding: 30px; }
    .mobile-callout > img { width: 110px; height: 110px; }
    .detail-hero { grid-template-columns: 190px minmax(0,1fr); gap: 25px; padding: 24px; }
    .facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .rank-list li { grid-template-columns: 35px 1fr 1fr; gap: 15px; }
    .rank-type, .rank-list li > .meta { display: none; }
    .featured-strip { grid-template-columns: 180px 1fr; }
}
@media (max-width: 540px) {
    .wrap { width: calc(100% - 28px); }
    .header-top { min-height: 76px; gap: 10px; }
    .brand-title { font-size: 23px; }
    .brand { gap: 8px; }
    .brand img { width: 35px; height: 35px; }
    .header-link { padding: 5px 10px; font-size: 12px; }
    .nav-link { padding: 12px 9px; font-size: 14px; }
    .intro { margin-top: 20px; }
    .intro > p:last-child { display: none; }
    .slide { display: block; min-height: 440px; }
    .hero-image { width: 100%; height: 100%; }
    .slide::after { background: linear-gradient(0deg,#14263c 0%,#14263cdf 55%,#14263c48 100%); }
    .hero-copy { padding: 100px 22px 65px; }
    .hero h2 { font-size: 32px; }
    .hero-meta { margin-bottom: 6px; }
    .pill { margin-bottom: 12px; }
    .hero-summary { -webkit-line-clamp: 2; }
    .hero .button { padding: 9px 14px; }
    .slider-controls { left: 22px; }
    .section { margin-block: 32px; }
    .section-heading { gap: 10px; }
    .section-heading h2 { font-size: 21px; }
    .section-heading p { font-size: 13px; }
    .more { font-size: 12px; }
    .comic-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
    .card-body { padding: 11px; }
    .card-body h3 { font-size: 16px; height: 48px; }
    .update-grid { grid-template-columns: 1fr; gap: 8px; }
    .update-item { padding: 14px; }
    .rank-list li { grid-template-columns: 28px 1fr; padding: 14px; gap: 12px; }
    .rank-list li > a:nth-of-type(2) { grid-column: 2; }
    .mobile-callout { padding: 25px; display: block; }
    .mobile-callout h2 { font-size: 26px; }
    .mobile-callout > img { margin-top: 25px; }
    .footer-bottom { flex-direction: column; }
    .footer-grid { gap: 25px; }
    .detail-hero { grid-template-columns: 1fr; padding: 20px; }
    .detail-cover { max-width: 180px; margin-inline: auto; }
    .detail-hero h1 { font-size: 29px; }
    .chapters { grid-template-columns: 1fr; }
    .featured-strip { grid-template-columns: 1fr; gap: 20px; padding: 20px; }
    .story-stills { gap: 12px; }
    .facts dd { overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}