.desktop-nav { gap: clamp(16px, 2vw, 32px); }
.desktop-nav a { white-space: nowrap; font-size: 14px; }
a:focus-visible, button:focus-visible { outline: 3px solid #718e00; outline-offset: 5px; }
.desktop-nav a[aria-current="page"] { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 7px; }
.insights-intro { background: var(--ink); color: var(--paper); padding: 76px var(--pad) 88px; }
.insights-intro .eyebrow { color: var(--ink); }
.insights-intro h1 { font-size: clamp(48px,7vw,96px); max-width: 1050px; }
.insights-intro h1 em { color: var(--lime); }
.insights-intro > p:last-child { margin: 32px 0 0; max-width: 590px; font-family: Georgia,serif; font-size: 22px; line-height: 1.5; color: #c8c8c2; }
.insights-list { padding: 64px var(--pad) 100px; max-width: 1500px; margin: auto; }
.insights-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 48px; }
.insight-card { padding: 30px 0; border-top: 1px solid var(--ink); display: flex; flex-direction: column; }
.insight-card.featured { background: var(--lime); border: 0; padding: clamp(26px,4vw,56px); }
.feature-label { font-size: 14px; font-weight: 700; margin-bottom: 28px; }
.insight-meta { display: flex; flex-wrap: wrap; gap: 12px 24px; font-size: 14px; line-height: 1.5; }
.insight-card h2 { font-size: clamp(28px,3vw,44px); line-height: 1.12; letter-spacing: -.035em; margin: 22px 0 20px; }
.featured h2 { max-width: 900px; font-size: clamp(34px,4.7vw,64px); }
.insight-card h2 a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; }
.insight-card > p:not(.feature-label) { max-width: 650px; font-family: Georgia,serif; font-size: 20px; line-height: 1.5; margin-bottom: 32px; }
.card-bottom { margin-top: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; font-size: 14px; }
.card-bottom a { font-weight: 700; border-bottom: 1px solid; padding-bottom: 5px; }
.card-bottom a span { margin-left: 12px; }
.article-heading { background: var(--ink); color: var(--paper); padding: 50px var(--pad) 65px; }
.back-link { display: inline-block; font-size: 15px; text-decoration: underline; text-underline-offset: 5px; }
.article-heading .back-link { color: var(--lime); margin-bottom: 42px; }
.article-heading .insight-meta { color: var(--lime); margin-bottom: 24px; }
.article-heading h1 { font-size: clamp(38px,5.5vw,76px); line-height: 1.04; max-width: 1100px; overflow-wrap: break-word; }
.article-byline { font-size: 14px; line-height: 1.6; margin: 30px 0 0; color: #c8c8c2; }
.article-byline span { margin: 0 10px; }
.article-body { max-width: 780px; padding: 56px 28px 90px; margin: auto; }
.article-body p { font-family: Georgia,'Times New Roman',serif; font-size: 20px; line-height: 1.75; margin-bottom: 23px; }
.article-intro { padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.article-intro p { font-size: 23px; line-height: 1.6; }
.article-body section { margin-top: 44px; }
.article-body h2 { font-size: clamp(25px,3vw,32px); line-height: 1.25; letter-spacing: -.025em; margin-bottom: 22px; }
.article-cta { border-left: 5px solid var(--lime); padding: 24px 28px; background: var(--ink); color: var(--paper); margin: 48px 0 32px; }
.article-cta p { margin-bottom: 16px; }
.article-cta a { color: var(--lime); font-size: 16px; font-weight: 700; text-decoration: underline; text-underline-offset: 5px; }
@media (min-width: 931px) and (max-width: 1100px) { .site-header { padding-left: 24px; padding-right: 24px; } .desktop-nav { gap: 16px; } }
@media (max-width: 650px) { .insights-intro { padding-top: 52px; padding-bottom: 58px; } .insights-grid { grid-template-columns: 1fr; gap: 20px; } .insights-list { padding-top: 32px; padding-bottom: 60px; } .article-heading { padding-top: 32px; padding-bottom: 42px; } .article-body { padding: 36px 22px 60px; } .article-body p { font-size: 19px; } .article-intro p { font-size: 21px; } }