/* ── MrChinedu — Mobile layout ────────────────────────────────────────────────
   The page templates set some grids inline, so these overrides carry !important.
   Loaded last so it wins. */

@media (max-width:960px){
  /* Sidebar layouts collapse: post, contact, home hero, about hero */
  [style*="grid-template-columns:1fr 290px"],
  [style*="grid-template-columns:1fr 360px"],
  [style*="grid-template-columns:1fr 380px"],
  [style*="grid-template-columns:1fr 340px"]{grid-template-columns:1fr!important;gap:36px!important}
  aside[style*="position:sticky"]{position:static!important;top:auto!important}
  /* Tool tiles on the homepage */
  [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr)!important}
  [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:repeat(2,1fr)!important}
  .mc-tools-grid{grid-template-columns:1fr!important}
  .mc-vcard--top{grid-column:auto!important}
}

@media (max-width:640px){
  [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns:repeat(2,1fr)"],
  [style*="grid-template-columns:repeat(3,1fr)"],
  [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:1fr!important}
  .mc-container{padding-left:18px!important;padding-right:18px!important}
  /* Headings scale down */
  h1{font-size:clamp(24px,7vw,30px)!important}
  h2{font-size:clamp(20px,5.5vw,25px)!important}
  /* Post header row wraps rather than squeezing the share buttons */
  .mc-post-author-row{flex-wrap:wrap;gap:12px}
  .mc-post-author-row>div:last-child{margin-left:0!important;width:100%}
  /* Tap targets */
  .mc-btn,.mc-vbtn,.mc-banner__btn,.mc-verdict__cta,.mc-searchform button{min-height:44px}
  .mc-chip,.mc-res-filter{min-height:38px;display:inline-flex;align-items:center}
  /* Tables and wide media never force a horizontal scroll */
  .mc-post-content img,.mc-post-content iframe,.mc-post-content video{max-width:100%!important;height:auto}
  .mc-post-content table{display:block;overflow-x:auto}
  /* Cards get a little breathing room back */
  .mc-vcard{padding:20px!important}
  .mc-verdict{padding:20px}
  .mc-inline-optin{padding:22px}
}

@media (max-width:480px){
  .mc-vcard__top{flex-wrap:wrap}
  .mc-vcard__score{margin-left:0!important;text-align:left!important;width:100%;display:flex;align-items:baseline;gap:8px}
  .mc-vcard__foot{gap:10px}
  .mc-vcard__foot .mc-vbtn{width:100%}
  .mc-404__code{font-size:56px!important}
}

/* Stop any element forcing the page wider than the screen */
html,body{overflow-x:hidden}
img{max-width:100%;height:auto}