/* Products29: concise category overview. Shared chrome and chain styles are separate. */
.mp-overview {
  --mp-growth:clamp(0px,calc(100vw - 1440px),1120px);
  --mp-gap:24px;
}
.mp-overview .mh-breadcrumb { padding-top:12px; }
.mp-overview .mp-intro { padding-block:16px 24px; }
.mp-overview .mp-intro h1 {
  font:600 calc(56px + var(--mp-growth) * .0089285714)/1.08 var(--mh-display);
  letter-spacing:-.05em;
}
.mp-overview .mp-intro__lead { margin-top:8px;color:var(--mh-text-2);font-size:20px;line-height:1.4; }
.mp-overview .mh-training-journey { margin-bottom:32px; }
.mp-overview .mp-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:32px var(--mp-gap);
  padding-bottom:32px;
}
.mp-overview .mp-row,.mp-overview .mp-figure,.mp-overview .mp-copy { min-width:0; }
.mp-overview .mp-product__heading {
  margin-bottom:16px;
  font:500 calc(30px + var(--mp-growth) * .0035714286)/1.2 var(--mh-display);
  letter-spacing:-.035em;
  text-wrap:pretty;
}
.mp-overview .mp-figure .mp-frame--photo {
  width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:8px;background:var(--mh-panel-2);
}
.mp-overview .mp-frame > img { display:block;width:100%;height:100%;object-fit:cover; }
.mp-overview .mp-figure figcaption { margin-top:8px;min-height:20px;color:var(--mh-muted);font-size:13px;line-height:1.5; }
.mp-overview .mp-copy { margin-top:16px; }
.mp-overview .mp-summary { max-width:68ch;color:var(--mh-muted);font-size:calc(17px + var(--mp-growth) * .0008928571);line-height:1.55;text-wrap:pretty; }
.mp-overview .mp-link {
  display:inline-flex;align-items:center;justify-content:space-between;gap:16px;
  min-height:44px;margin-top:12px;padding-block:9px;
  color:var(--mh-text);font:600 16px/1.4 var(--mh-text-f);
  text-decoration:underline;text-decoration-color:var(--mh-line-btn);text-underline-offset:5px;text-decoration-thickness:1px;
  transition:color var(--mh-motion-fast) var(--mh-motion-ease),text-decoration-color var(--mh-motion-fast) var(--mh-motion-ease);
}
.mp-overview .mp-link .mh-arrow { flex:none; }
.mp-overview .mp-link:hover { color:var(--mh-signal);text-decoration-color:currentColor; }
.mp-overview .mp-link:hover .mh-arrow { transform:translateX(2px); }
.mp-overview .mp-link:focus-visible { outline:2px solid var(--mh-signal);outline-offset:4px; }
/* A factual image is pending for SmartTrack; the category remains complete as text. */
.mp-overview .mp-product--text {
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:var(--mp-gap);
  align-items:start;
  padding-block:24px;
  border-block:1px solid var(--mh-line-2);
}
.mp-overview .mp-product--text .mp-product__heading { margin:0; }
.mp-overview .mp-product--text .mp-copy { margin-top:0; }
main.mp-overview .mh-detail-cta { padding-block:24px; }
.mp-overview .mh-detail-cta > .mh-wrap { gap:24px; }
.mp-overview .mh-detail-cta h2 { font-size:clamp(30px,3vw,42px);line-height:1.2; }
.mp-overview .mh-detail-cta p { margin-top:8px; }
/* Pair purposes and actions intrinsically; no fixed prose height. */
@supports (grid-template-rows:subgrid) {
  @media (min-width:901px) {
    .mp-overview .mp-list { row-gap:0; }
    .mp-overview .mp-row:not(.mp-product--text) { display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0; }
    .mp-overview .mp-row:not(.mp-product--text) > .mp-copy { display:grid;grid-template-rows:subgrid;grid-row:span 2;row-gap:0;margin-top:0; }
    .mp-overview .mp-row:not(.mp-product--text) .mp-summary { margin-top:16px; }
    .mp-overview .mp-row:not(.mp-product--text) .mp-link { justify-self:start;align-self:start;margin-bottom:32px; }
    .mp-overview .mp-product--text { margin-bottom:32px; }
    .mp-overview .mp-list { padding-bottom:0; }
  }
}
@media (max-width:900px) {
  .mp-overview .mp-list { grid-template-columns:1fr;gap:32px; }
  .mp-overview .mp-product--text { display:block;grid-column:auto; }
  .mp-overview .mp-product--text .mp-copy { margin-top:12px; }
}
@media (max-width:700px) {
  .mp-overview .mp-intro { padding-block:12px 24px; }
  .mp-overview .mp-intro h1 { font-size:40px; }
  .mp-overview .mp-intro__lead { font-size:18px; }
  .mp-overview .mp-product__heading { font-size:26px;margin-bottom:12px; }
  .mp-overview .mp-summary { font-size:16px; }
}
@media (prefers-reduced-motion:reduce) {
  .mp-overview .mp-link,.mp-overview .mp-link .mh-arrow { transition:none!important; }
  .mp-overview .mp-link:hover .mh-arrow { transform:none; }
}