/* AUWAIT /ai mobile search and hero sizing — 2026-10-28.
   Scoped to AI pages; desktop styles and all other routes remain unchanged. */
@media (max-width:760px) {
  .ai-center .ai-main,
  .ai-center .ai-hero,
  .ai-center .ai-hero-copy,
  .ai-center .ai-hero-index {
    min-width:0;
    max-width:100%;
  }
  .ai-center .ai-hero {
    grid-template-columns:minmax(0,1fr);
    width:100%;
    overflow:hidden;
  }
  .ai-center .ai-guide-tags { max-width:100%; }
}
@media (max-width:540px) {
  /* Input and submit icon remain on one row rather than a second full-width button. */
  .ai-center .ai-hero-copy {
    padding:28px 20px 30px;
  }
  .ai-center .ai-hero {
    min-height:0;
    margin-bottom:44px;
  }
  .ai-center .ai-search,
  .ai-center .ai-search.compact {
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    gap:9px;
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    padding:5px 6px 5px 12px;
  }
  .ai-center .ai-search input {
    min-width:0;
    width:0;
    flex:1 1 auto;
    min-height:44px;
    font-size:16px;
  }
  .ai-center .ai-search button {
    flex:0 0 46px;
    width:46px;
    min-width:46px;
    min-height:44px;
    padding:0;
    gap:0;
    font-size:0;
    justify-content:center;
    align-items:center;
    border-radius:2px;
  }
  .ai-center .ai-search button svg {
    width:20px;
    height:20px;
  }
  /* Fixed three-column chips: no horizontal overflow on 320–540px screens. */
  .ai-center .ai-hero-index {
    min-height:0;
    padding:24px 20px 26px;
  }
  .ai-center .ai-hero-index > strong {
    font-size:clamp(29px,8vw,33px);
  }
  .ai-center .ai-guide-tags {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    width:100%;
    gap:8px;
  }
  .ai-center .ai-guide-tags span {
    min-width:0;
    justify-content:center;
    white-space:nowrap;
    font-size:12px;
    line-height:1.35;
    padding:8px 2px;
  }
}