/* Editorial extension of the existing TradeWorks design; no external dependencies. */
.insights-page { background: #f3f2ec; }
.insights-page .content-container, .insight-home, .insight-service-note, .insight-related { width: calc(100% - 48px); max-width: 1200px; margin-inline: auto; }
.insights-page > main > .breadcrumb { background: #171c1b; margin: 0; padding: 28px max(24px,5vw); }
.insights-hero { background: #171c1b; color: #f3f2ec; padding: clamp(44px,7vw,100px) max(24px,5vw); }
.insights-hero h1 { font-size: clamp(42px,6vw,88px); line-height: 1.06; max-width: 1080px; margin: 24px 0; overflow-wrap: break-word; }
.insights-hero h1 > span, .insights-hero .eyebrow { color: #d9f56b; }
.insights-hero > p:not(.eyebrow) { max-width: 740px; line-height: 1.65; }
.insights-hero .insight-date, .insight-byline { color: #aeb8b0; font-size: 14px; }
.insight-index { padding-block: 64px 80px; }
.insight-index > h2, .insight-home > h2, .insight-related > h2 { font-size: clamp(30px,4vw,48px); margin-bottom: 32px; }
.insight-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.insight-card { min-width: 0; border-top: 1px solid #b7beb0; padding-top: 20px; }
.insight-card img { display: block; width: 100%; height: auto; aspect-ratio: 16/9; }
.insight-art-link { display: block; }
.insight-card-copy { padding-block: 24px; }
.insight-card .eyebrow { color: #526b2f; font-size: 12px; }
.insight-date { color: #555e57; font-size: 13px; line-height: 1.5; }
.insight-card h3 { font-size: clamp(23px,2.4vw,30px); line-height: 1.2; margin: 18px 0; }
.insight-card h3 a { text-decoration: none; color: #171c1b; }
.insight-card h3 a:hover { text-decoration: underline; text-underline-offset: 5px; }
.insight-card p { line-height: 1.65; }
.insight-featured { display: grid; grid-template-columns: 1.3fr 1fr; gap: 40px; border-top: none; margin-bottom: 52px; align-items: center; }
.insight-featured .insight-card-copy { padding: 0; }
.insight-featured h3 { font-size: clamp(30px,3.6vw,46px); }
.insight-article { width: calc(100% - 48px); max-width: 820px; margin: 64px auto 80px; }
.insight-article-art { margin: 0 0 40px; }
.insight-article-art img { width: 100%; height: auto; aspect-ratio: 16/9; display: block; }
.insight-prose { font-size: 18px; line-height: 1.8; color: #313b37; }
.insight-prose h2 { font-size: clamp(28px,3vw,38px); line-height: 1.2; color: #171c1b; margin: 48px 0 24px; scroll-margin-top: 100px; }
.insight-prose p { margin: 0 0 24px; }
.insight-prose ul { padding-left: 25px; margin-bottom: 28px; }
.insight-prose li { margin-bottom: 12px; }
.insight-prose a { color: #526b2f; text-decoration: underline; text-underline-offset: 4px; }
.insight-contents { padding: 22px 24px; border: 1px solid #b7beb0; background: #fff; }
.insight-contents summary { font-weight: 600; cursor: pointer; }
.insight-contents ol { padding-left: 22px; margin-top: 22px; }
.insight-contents li { margin-block: 10px; }
.insight-contents a { color: #26342d; text-underline-offset: 4px; }
.insight-cta { background: #26342d; color: #f3f2ec; padding-block: 64px; border-bottom: 2px solid #d9f56b; }
.insight-cta .content-container { width: calc(100% - 48px); max-width: 1200px; margin-inline: auto; }
.insight-cta h2 { font-size: clamp(32px,4vw,54px); max-width: 850px; margin: 0 0 24px; }
.insight-cta p { max-width: 700px; margin-bottom: 28px; }
.insight-cta .text-link { color: #d9f56b; margin-left: 24px; }
.insight-related, .insight-home, .insight-service-note { padding-block: 60px; }
.insight-related .insight-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.insight-service-note h2 { max-width: 850px; margin-block: 20px; font-size: clamp(28px,4vw,42px); }
.insight-service-note .text-link + .text-link { margin-left: 24px; }
.insight-home > .text-link, .insight-related > .text-link { margin-top: 24px; }
.insights-page :is(a,button,summary):focus-visible { outline: 3px solid #526b2f; outline-offset: 5px; }
.insights-page :is(.site-header,.insights-hero,.insight-cta,footer) :is(a,button):focus-visible { outline-color: #d9f56b; }
/* Six navigation links: switch before the desktop row becomes crowded. */
@media(min-width:701px) and (max-width:1100px) {
 .site-header .menu-toggle { display: block; }
 .site-header { position: relative; }
 .site-header nav { display: none; position: absolute; top: 100%; left: 0; right: 0; background: #171c1b; flex-direction: column; align-items: stretch; padding: 24px; gap: 12px; z-index: 30; }
 .site-header nav[data-open] { display: flex; }
 .site-header nav > a { padding: 14px 18px; }
}
@media(max-width:900px) { .insight-grid { grid-template-columns: 1fr 1fr; } .insight-featured { gap: 24px; grid-template-columns: 1fr 1fr; } }
@media(max-width:600px) {
 .insight-grid, .insight-related .insight-grid, .insight-featured { grid-template-columns: 1fr; }
 .insights-hero { padding-block: 42px; }
 .insights-hero h1 { font-size: clamp(36px,10vw,54px); }
 .insight-index, .insight-home, .insight-related { padding-block: 40px; }
 .insight-prose { font-size: 17px; line-height: 1.75; }
 .insight-article { margin-block: 36px 52px; }
 .insight-cta .text-link, .insight-service-note .text-link + .text-link { display: table; margin: 24px 0 0; }
}
@media(prefers-reduced-motion:reduce) { .insights-page { scroll-behavior: auto; } }

/* Focused reading aids, keeping the approved editorial layout. */
.insight-takeaways { margin: 0 0 28px; padding: 28px; background: #26342d; color: #f3f2ec; border-top: 2px solid #d9f56b; }
.insight-takeaways h2 { color: #d9f56b; font-size: 24px; margin: 0 0 16px; line-height: 1.25; }
.insight-takeaways ul { padding-left: 22px; list-style: disc; }
.insight-takeaways li { margin-top: 12px; line-height: 1.65; }
.insight-service-bridge { border-top: 1px solid #b7beb0; margin-top: 40px; padding-top: 24px; }
.insight-service-bridge p { color: #555e57; margin-bottom: 12px; }
.insight-service-bridge a { color: #526b2f; }
.insights-page .footer-legal a[aria-current="page"] { color: #d9f56b; }
@media(max-width:600px) { .insight-takeaways { padding: 22px; } }