/* Scoped to the Insights article browser and designated article detail pages. */
.page-insights .article-grid .card-image {
 display:block; width:100%; height:auto; aspect-ratio:1880 / 778;
 object-fit:contain; object-position:center; background:#fff; margin:0; border-radius:0;
}
.page-insights .article-grid .card-copy > h3 {
 display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;
 overflow:hidden; min-height:3lh; max-height:3lh; overflow-wrap:break-word;
}
.page-insights .article-grid .card-copy > p:not(.date) {
 display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;
 overflow:hidden; min-height:4lh; max-height:4lh;
}
.page-insights .article-grid .content-card { min-height:0; }
.page-insights .article-grid .card-copy > .text-link { margin-top:auto; }
.page-insight-detail .generic-header { background:var(--pale); }
.page-insight-detail .itti-insight-detail { padding-bottom:80px; }
.page-insight-detail .itti-insight-breadcrumbs {
 display:flex; flex-wrap:wrap; gap:8px 12px; align-items:baseline;
 margin-block:28px; font-size:14px; line-height:1.6; color:#5c5c5c;
}
.page-insight-detail .itti-insight-breadcrumbs a { text-decoration:underline; text-underline-offset:3px; }
.page-insight-detail .itti-insight-breadcrumbs [aria-current] { overflow-wrap:break-word; }
.page-insight-detail .itti-insight-heading-section {
 min-height:0; padding-block:64px; margin-bottom:40px; border-radius:30px;
}
.page-insight-detail .itti-insight-heading-section > .container,
.page-insight-detail .itti-insight-section > .container {
 width:calc(100% - 2 * var(--gutter)); max-width:1280px;
}
.page-insight-detail .itti-insight-heading { max-width:1120px; margin-inline:auto; }
.page-insight-detail .itti-insight-heading .eyebrow { margin-bottom:20px; }
.page-insight-detail .itti-insight-heading h1 {
 margin:0; color:var(--blue); font-size:clamp(36px,4.2vw,64px);
 line-height:1.15; font-weight:500; overflow-wrap:break-word;
}
.page-insight-detail .itti-insight-meta { margin-top:24px; color:#5c5c5c; font-size:16px; line-height:1.6; }
.page-insight-detail .itti-insight-banner {
 max-width:1280px; margin-block:0; border:1px solid #dce6f4;
 border-radius:20px; overflow:hidden; background:#fff;
}
.page-insight-detail .itti-insight-banner img { display:block; width:100%; height:auto; object-fit:contain; }
.page-insight-detail .itti-insight-section {
 margin-inline:20px; border-radius:30px; padding-block:64px;
 min-height:0; height:auto; scroll-margin-top:24px;
}
.page-insight-detail .itti-insight-rich {
 max-width:1040px; margin-inline:auto; color:#5a6169;
 font-size:18px; line-height:1.7; overflow-wrap:break-word;
}
.page-insight-detail .itti-insight-rich h2 {
 color:var(--blue); font-size:44px; font-weight:500; line-height:1.18; margin:0 0 24px;
}
.page-insight-detail .itti-insight-rich h3 { font-size:24px; line-height:1.35; color:var(--section-blue); margin:28px 0 16px; }
.page-insight-detail .itti-insight-rich p { margin:0 0 18px; }
.page-insight-detail .itti-insight-rich > :last-child { margin-bottom:0; }
.page-insight-detail .itti-insight-rich ul,
.page-insight-detail .itti-insight-rich ol { margin:18px 0 24px; padding-left:24px; }
.page-insight-detail .itti-insight-rich ul { list-style:disc; }
.page-insight-detail .itti-insight-rich ol { list-style:decimal; }
.page-insight-detail .itti-insight-rich li { margin-bottom:12px; padding-left:4px; }
.page-insight-detail .itti-insight-rich li::marker { color:var(--blue); }
.page-insight-detail .itti-insight-rich strong { color:var(--ink); font-weight:600; }
.page-insight-detail .itti-insight-rich a { color:var(--section-blue); text-decoration:underline; text-underline-offset:3px; }
.page-insight-detail .itti-insight-return { display:flex; justify-content:center; padding-top:40px; }
.page-insight-detail .itti-insight-return .button { max-width:100%; }
@media (max-width:1100px) {
 .page-insight-detail .itti-insight-heading-section { padding-block:48px; }
 .page-insight-detail .itti-insight-heading h1 { font-size:44px; }
 .page-insight-detail .itti-insight-rich h2 { font-size:36px; }
 .page-insight-detail .itti-insight-section { padding-block:48px; }
}
@media (max-width:700px) {
 .page-insights .article-grid .card-copy > h3 { min-height:0; max-height:none; display:block; }
 .page-insight-detail .itti-insight-detail { padding-bottom:48px; }
 .page-insight-detail .itti-insight-breadcrumbs { margin-block:22px; font-size:13px; gap:6px 10px; }
 .page-insight-detail .itti-insight-breadcrumbs [aria-current] { flex-basis:100%; }
 .page-insight-detail .itti-insight-heading-section,
 .page-insight-detail .itti-insight-section { margin-inline:12px; border-radius:16px; padding-block:36px; }
 .page-insight-detail .itti-insight-heading-section { margin-bottom:24px; }
 .page-insight-detail .itti-insight-heading-section > .container,
 .page-insight-detail .itti-insight-section > .container { width:calc(100% - 24px); }
 .page-insight-detail .itti-insight-heading h1 { font-size:34px; line-height:1.18; }
 .page-insight-detail .itti-insight-meta { margin-top:18px; font-size:14px; }
 .page-insight-detail .itti-insight-banner { border-radius:12px; }
 .page-insight-detail .itti-insight-rich { font-size:16px; line-height:1.7; }
 .page-insight-detail .itti-insight-rich h2 { font-size:30px; line-height:1.2; margin-bottom:20px; }
 .page-insight-detail .itti-insight-rich h3 { font-size:22px; }
 .page-insight-detail .itti-insight-rich li { margin-bottom:10px; }
 .page-insight-detail .itti-insight-return { padding-top:28px; }
}

/* Full-width article banner and heading, following the site's hero spacing. */
.page-insight-detail .itti-insight-detail > .itti-insight-banner {
 width:100%; max-width:none; margin:0; border:0; border-radius:0;
}
.page-insight-detail .itti-insight-detail > .itti-insight-heading-section {
 margin:0; border-radius:0;
}
.page-insight-detail .itti-insight-heading .itti-insight-hero-copy {
 max-width:1040px; margin:28px 0 0;
}
@media (max-width:700px) {
 .page-insight-detail .itti-insight-heading .itti-insight-hero-copy { margin-top:24px; }
}

/* Synced article artwork only; existing manual cards retain their presentation. */
.page-home .home-insights img.itti-synced-insight-image,
.page-insights .insights-featured img.itti-synced-insight-image {
 height:auto; aspect-ratio:1880 / 778; object-fit:contain; background:#fff;
}
.page-insights .insights-document-item[data-itti-article-id] .insights-document-photo {
 height:auto; aspect-ratio:1880 / 778; background:#fff;
}
.page-insights .insights-document-item[data-itti-article-id] .insights-document-photo img { object-fit:contain; }
.page-insights .insights-document-item[data-itti-article-id] h3 {
 display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;
 min-height:3lh; max-height:3lh; overflow:hidden;
}
.page-insights .insights-document-item[data-itti-article-id] .insights-document-rich {
 display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;
 min-height:4lh; max-height:4lh; overflow:hidden;
}
@media (max-width:700px) {
 .page-insights .insights-document-item[data-itti-article-id] h3 { display:block; min-height:0; max-height:none; }
}

/* Homepage Insights: consistent landscape artwork without letterboxing. */
.page-home .home-insights .insight-list > article {
 grid-template-columns:clamp(110px, 14vw, 200px) minmax(0, 1fr);
}
.page-home .home-insights .featured-media > .featured-image,
.page-home .home-insights .insight-list > article > img {
 display:block; width:100%; height:auto; min-height:0;
 aspect-ratio:1880 / 778; object-fit:cover; object-position:center;
 align-self:start;
}


/* Align the title, introduction and body to the same content edges. */
.page-insight-detail .itti-insight-detail > .itti-insight-heading-section { padding-inline:20px; }
.page-insight-detail .itti-insight-heading-section > .container,
.page-insight-detail .itti-insight-section > .container { max-width:1120px; }
.page-insight-detail .itti-insight-heading,
.page-insight-detail .itti-insight-rich,
.page-insight-detail .itti-insight-heading .itti-insight-hero-copy { max-width:none; }
@media (max-width:700px) {
 .page-insight-detail .itti-insight-detail > .itti-insight-heading-section { padding-inline:12px; }
}