/* Insights overview refinements; the approved desktop composition stays intact. */
body.insights-page .insights-article-image-portrait img {
  inset:0; height:100%; object-fit:cover; object-position:50% 23%;
}
@media (max-width:1199px) {
  body.insights-page .insights-featured { min-height:0; }
  body.insights-page .insights-featured-link { min-height:0; }
  body.insights-page .insights-featured-content { min-height:460px; padding-block:48px; }
  body.insights-page .insights-featured h1 {
    max-width:24ch; font-size:clamp(36px,4.4vw,44px); line-height:1.2; text-wrap:balance;
  }
  body.insights-page .insights-featured-description { max-width:54ch; }
  body.insights-page .insights-featured-read { margin-top:28px; }
  body.insights-page .insights-list h2 { font-size:clamp(32px,3.7vw,40px); line-height:1.2; }
  body.insights-page .insights-list-description { max-width:54ch; }
  body.insights-page .insights-articles {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:32px;
  }
  body.insights-page .insights-article {
    display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto 1fr auto;
    gap:16px; padding:24px; min-height:0; align-items:start;
  }
  body.insights-page .insights-article-image {
    width:100%; height:auto; aspect-ratio:184 / 118; grid-column:auto; grid-row:auto; align-self:start;
  }
  body.insights-page .insights-article-image img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
  body.insights-page .insights-article-heading { padding-top:0; }
  body.insights-page .insights-article h3 { font-size:20px; line-height:28px; text-wrap:balance; }
  body.insights-page .insights-article-description {
    grid-column:auto; grid-row:auto; padding-top:0; max-width:none; font-size:15.5px; line-height:24px;
  }
  body.insights-page .insights-article-read {
    grid-column:auto; grid-row:auto; align-self:end; padding-top:0; min-height:44px;
    display:flex; align-items:center;
  }
}
@media (min-width:1200px) and (max-width:1400px) {
  html:is([data-ao-tablet],[data-ao-tablet-header]) body.insights-page .insights-featured { min-height:0; }
  html:is([data-ao-tablet],[data-ao-tablet-header]) body.insights-page .insights-featured-link { min-height:0; }
  html:is([data-ao-tablet],[data-ao-tablet-header]) body.insights-page .insights-featured-content { min-height:460px; padding-block:48px; }
  html:is([data-ao-tablet],[data-ao-tablet-header]) body.insights-page .insights-featured h1 {
    max-width:24ch; font-size:clamp(36px,4.4vw,44px); line-height:1.2; text-wrap:balance;
  }
  html:is([data-ao-tablet],[data-ao-tablet-header]) body.insights-page .insights-featured-description { max-width:54ch; }
  html:is([data-ao-tablet],[data-ao-tablet-header]) body.insights-page .insights-featured-read { margin-top:28px; }
  html:is([data-ao-tablet],[data-ao-tablet-header]) body.insights-page .insights-list h2 { font-size:clamp(32px,3.7vw,40px); line-height:1.2; }
  html:is([data-ao-tablet],[data-ao-tablet-header]) body.insights-page .insights-list-description { max-width:54ch; }
  html:is([data-ao-tablet],[data-ao-tablet-header]) body.insights-page .insights-articles {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:32px;
  }
  html:is([data-ao-tablet],[data-ao-tablet-header]) body.insights-page .insights-article {
    display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto 1fr auto;
    gap:16px; padding:24px; min-height:0; align-items:start;
  }
  html:is([data-ao-tablet],[data-ao-tablet-header]) body.insights-page .insights-article-image {
    width:100%; height:auto; aspect-ratio:184 / 118; grid-column:auto; grid-row:auto; align-self:start;
  }
  html:is([data-ao-tablet],[data-ao-tablet-header]) body.insights-page .insights-article-image img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
  html:is([data-ao-tablet],[data-ao-tablet-header]) body.insights-page .insights-article-heading { padding-top:0; }
  html:is([data-ao-tablet],[data-ao-tablet-header]) body.insights-page .insights-article h3 { font-size:20px; line-height:28px; text-wrap:balance; }
  html:is([data-ao-tablet],[data-ao-tablet-header]) body.insights-page .insights-article-description {
    grid-column:auto; grid-row:auto; padding-top:0; max-width:none; font-size:15.5px; line-height:24px;
  }
  html:is([data-ao-tablet],[data-ao-tablet-header]) body.insights-page .insights-article-read {
    grid-column:auto; grid-row:auto; align-self:end; padding-top:0; min-height:44px;
    display:flex; align-items:center;
  }
}
/* Shared subgrid rows align categories, copy and reading links within each tablet pair. */
@supports (grid-template-rows:subgrid) {
  @media (min-width:701px) and (max-width:1199px) {
    body.insights-page .insights-article { grid-row:span 4; grid-template-rows:subgrid; }
  }
  @media (min-width:1200px) and (max-width:1400px) {
    html:is([data-ao-tablet],[data-ao-tablet-header]) body.insights-page .insights-article { grid-row:span 4; grid-template-rows:subgrid; }
  }
}
/* Phone feed, including short landscape-phone viewports. */
@media (max-width:700px), (orientation:landscape) and (max-height:500px) and (max-width:1100px) {
  body.insights-page .insights-featured-link {
    display:flex; flex-direction:column;
    padding-inline:var(--ao-page-gutter,var(--ao-responsive-gutter,24px));
  }
  body.insights-page .insights-featured-image {
    position:relative; inset:auto; width:100%; height:auto; aspect-ratio:16 / 9;
    max-height:220px; margin-top:24px; border-radius:20px; object-fit:cover; object-position:65% 50%;
  }
  body.insights-page .insights-featured-overlay { display:none; }
  body.insights-page .insights-featured-content { min-height:0; padding-block:24px 28px; }
  body.insights-page .insights-featured-eyebrow { order:0; }
  body.insights-page .insights-featured-category { order:1; margin-top:10px!important; }
  body.insights-page .insights-featured h1 {
    order:2; margin-top:14px; font-size:clamp(30px,8vw,34px); line-height:1.2; max-width:24ch;
  }
  body.insights-page .insights-featured-description { order:3; margin-top:16px!important; font-size:16px; line-height:27px; }
  body.insights-page .insights-featured-read { order:4; margin-top:20px; min-height:44px; display:flex; align-items:center; }
  body.insights-page .insights-list { padding-block:40px; }
  body.insights-page .insights-articles { grid-template-columns:minmax(0,1fr); gap:20px; }
  body.insights-page .insights-article { grid-row:auto; grid-template-rows:auto auto auto auto; padding:20px; }
  body.insights-page .insights-article-image { max-height:280px; }
  body.insights-page .insights-article-image-portrait img { object-position:50% 23%; }
}
/* Touch taps retain the normal card surface rather than leaving a mouse hover stuck. */
@media (hover:none), (pointer:coarse) {
  body.insights-page .insights-featured-link:hover .insights-featured-image { transform:none; }
  body.insights-page .insights-article:hover:not(:focus-visible) { background:white; box-shadow:inset 0 0 0 1px transparent; }
  body.insights-page .insights-article:hover:not(:focus-visible) .insights-article-category { color:var(--ao-orange); }
  body.insights-page .insights-article:hover:not(:focus-visible) h3 { color:var(--ao-blue); }
  body.insights-page .insights-article:hover:not(:focus-visible) .insights-article-description { color:rgba(16,42,67,.9); }
  body.insights-page .insights-article:hover:not(:focus-visible) .insights-article-read { color:#2f5f9f; }
}

/* Phone featured article returns to the approved tinted photographic hero. */
@media (max-width:700px), (orientation:landscape) and (max-height:500px) and (max-width:1100px) {
  body.insights-page .insights-featured-image {
    position:absolute; inset:0; width:100%; height:100%; max-height:none;
    aspect-ratio:auto; margin:0; border-radius:0;
  }
  body.insights-page .insights-featured-overlay {
    display:block; background:color-mix(in srgb, var(--ao-blue) 82%, transparent);
  }
  body.insights-page .insights-featured-content { padding-block:48px; }
}