:root {
    --editorial-measure: 49rem;
    --editorial-wide: 74rem;
}

body[data-page="projects"] main {
    --brand: #6547e8;
    --brand-strong: #4f32bd;
    --mint: #f2b45b;
    --paper-warm: #f7f6fb;
    --project-amber-ink: #8a5a0a;
}

body[data-page="insights"] main {
    --brand: #087a67;
    --brand-strong: #0b1730;
    --mint: #23d4c6;
    --paper: #f8f7f2;
    --paper-warm: #f1eee6;
    --surface: #fffefb;
}

.editorial-main {
    overflow: clip;
}

.editorial-main section[id],
.editorial-main .insight-feature[id],
.editorial-main .article-teaser[id],
.article-body section[id] {
    scroll-margin-top: calc(var(--site-chrome-height) + 1.5rem);
}

.breadcrumbs {
    margin-bottom: clamp(2.5rem, 6vw, 5rem);
}

.breadcrumbs ol {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--muted);
    font-size: 1rem;
    font-weight: 670;
    gap: 0.55rem;
}

.breadcrumbs li {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.breadcrumbs li:not(:last-child)::after {
    color: #a9b2c0;
    content: "/";
}

.breadcrumbs a:hover {
    color: var(--brand);
}

.editorial-hero {
    position: relative;
    padding: calc(var(--site-chrome-height) + clamp(3rem, 6vw, 5.5rem)) 0 clamp(4.5rem, 7vw, 6rem);
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(36, 87, 214, 0.055) 1px, transparent 1px) 0 0 / 8rem 100%,
        linear-gradient(180deg, #fafbfc, var(--paper));
}

.editorial-hero::after {
    position: absolute;
    top: 18%;
    right: -15rem;
    width: 38rem;
    height: 38rem;
    border: 1px solid rgba(36, 87, 214, 0.09);
    border-radius: 50%;
    content: "";
    box-shadow: 0 0 0 6rem rgba(36, 87, 214, 0.018), 0 0 0 12rem rgba(36, 87, 214, 0.012);
}

.editorial-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    align-items: end;
    grid-template-columns: minmax(0, 1fr) minmax(17rem, 0.38fr);
    gap: clamp(3rem, 9vw, 9rem);
}

.editorial-hero-copy h1 {
    max-width: 16ch;
    margin-bottom: 1.5rem;
    font-size: clamp(2.85rem, 3.45vw, 3.75rem);
    font-weight: 790;
    line-height: 1.06;
    letter-spacing: -0.052em;
}

.editorial-hero-copy h1 em {
    color: var(--brand);
    font-style: normal;
}

.editorial-hero-lead {
    max-width: 42rem;
    margin-bottom: 0;
    color: var(--ink-soft);
    font-size: clamp(1rem, 1.35vw, 1.18rem);
}

.editorial-hero-aside {
    padding-top: 1.25rem;
    border-top: 2px solid var(--ink);
}

.editorial-hero-aside > span {
    display: block;
    margin-bottom: 1.25rem;
    color: var(--brand);
    font: 800 1rem ui-monospace, "Cascadia Code", monospace;
    letter-spacing: 0.12em;
}

.editorial-hero-aside dl,
.editorial-hero-aside dd {
    margin: 0;
}

.editorial-hero-aside dl > div {
    display: grid;
    padding: 0.7rem 0;
    border-bottom: 1px solid var(--line);
    grid-template-columns: 5.2rem 1fr;
    gap: 1rem;
}

.editorial-hero-aside dt {
    color: var(--muted);
    font-size: 1rem;
    font-weight: 760;
}

.editorial-hero-aside dd {
    color: var(--ink);
    font-size: 1rem;
    font-weight: 680;
}

/* Projects read as an evidence casebook rather than a generic subpage. */
body[data-page="projects"] .editorial-hero {
    background:
        radial-gradient(circle at 83% 20%, rgba(122, 97, 255, 0.14), transparent 28rem),
        linear-gradient(90deg, rgba(101, 71, 232, 0.05) 1px, transparent 1px) 0 0 / 7rem 100%,
        linear-gradient(155deg, #fcfcff 0%, #f3f1fa 100%);
}

body[data-page="projects"] .editorial-hero::after {
    top: 15%;
    right: -7rem;
    width: 32rem;
    height: 27rem;
    border-color: rgba(101, 71, 232, 0.14);
    border-radius: 2rem;
    box-shadow: 0 0 0 4rem rgba(101, 71, 232, 0.018), 0 0 0 8rem rgba(242, 180, 91, 0.014);
    transform: rotate(-8deg);
}

body[data-page="projects"] .editorial-hero-aside {
    padding: 1.35rem;
    border: 1px solid rgba(101, 71, 232, 0.2);
    border-top: 3px solid var(--brand);
    border-radius: 0.9rem;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 1.5rem 3.5rem rgba(42, 30, 94, 0.1);
}

body[data-page="projects"] .editorial-hero-aside dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
}

body[data-page="projects"] .editorial-hero-aside dl > div {
    display: block;
    min-height: 6.7rem;
    padding: 0.9rem;
    border: 1px solid rgba(101, 71, 232, 0.14);
    background: #fff;
}

body[data-page="projects"] .editorial-hero-aside dl > div:first-child {
    min-height: 5.6rem;
    grid-column: 1 / -1;
}

body[data-page="projects"] .editorial-hero-aside dt {
    margin-bottom: 0.55rem;
    color: var(--brand);
}

/* Insights use a warmer paper rhythm and restrained editorial rules. */
body[data-page="insights"] .editorial-hero {
    background:
        repeating-linear-gradient(180deg, transparent 0 3.95rem, rgba(11, 23, 48, 0.045) 4rem),
        linear-gradient(90deg, rgba(11, 23, 48, 0.035) 1px, transparent 1px) 0 0 / 9rem 100%,
        var(--paper);
}

body[data-page="insights"] .editorial-hero::after {
    top: 12%;
    right: -11rem;
    width: 32rem;
    height: 38rem;
    border-color: rgba(11, 23, 48, 0.09);
    border-radius: 0;
    box-shadow: 3.5rem 3.5rem 0 rgba(35, 212, 198, 0.025);
    transform: rotate(7deg);
}

body[data-page="insights"] .editorial-hero-aside {
    border-top-width: 3px;
}

.outcome-band {
    color: #fff;
    background: var(--navy-deep);
}

body[data-page="projects"] .outcome-band {
    background:
        linear-gradient(120deg, rgba(101, 71, 232, 0.22), transparent 42%),
        linear-gradient(90deg, #130f2c, #081a34 68%);
}

.outcome-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.outcome-card {
    min-height: 14rem;
    padding: clamp(1.6rem, 3.5vw, 3rem);
    border-right: 1px solid var(--line-dark);
}

.outcome-card:first-child {
    border-left: 1px solid var(--line-dark);
}

.outcome-card > span {
    color: var(--mint);
    font: 760 1rem ui-monospace, "Cascadia Code", monospace;
    letter-spacing: 0.12em;
}

.outcome-card h2,
.outcome-card h3 {
    max-width: 16ch;
    min-block-size: 2.5em;
    margin: 2.5rem 0 0.7rem;
    font-size: clamp(1.35rem, 2.2vw, 2rem);
    line-height: 1.25;
}

.outcome-card p {
    max-width: 30rem;
    margin: 0;
    color: rgba(255, 255, 255, 0.56);
    font-size: 1rem;
    line-height: 1.7;
}

.editorial-section {
    padding-block: var(--section-space);
}

.editorial-section--white {
    background: var(--surface);
}

.editorial-section--soft {
    background: var(--paper-warm);
}

.editorial-heading {
    display: grid;
    align-items: end;
    margin-bottom: clamp(2.8rem, 6vw, 5rem);
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.54fr);
    gap: clamp(2rem, 8vw, 8rem);
}

.editorial-heading h2 {
    max-width: 18ch;
    margin-bottom: 0;
    font-size: clamp(2.1rem, 3.2vw, 3.25rem);
    line-height: 1.12;
    letter-spacing: -0.06em;
}

.editorial-heading > p {
    max-width: 35rem;
    margin-bottom: 0.2rem;
    color: var(--muted);
}

/* Keep these introductions in one reading flow before the related content. */
.editorial-heading--flow {
    display: block;
    margin-bottom: clamp(2rem, 3vw, 3rem);
}

.editorial-heading--flow h2:not(.heading-lines) {
    max-width: 28ch;
}

.editorial-heading--flow > p {
    max-width: 52rem;
    margin: 1.4rem 0 0;
}

.project-case-list {
    display: grid;
    border-top: 1px solid var(--ink);
}

.project-case {
    scroll-margin-top: calc(var(--site-chrome-height) + 1.5rem);
    display: grid;
    padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.25rem, 2.5vw, 2.5rem);
    border-bottom: 1px solid var(--line);
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(1.5rem, 3vw, 3rem);
}

body[data-page="projects"] .project-case {
    background: linear-gradient(90deg, #f3f7fb, #fff 40%);
}

body[data-page="projects"] .project-case:nth-child(even) {
    background: linear-gradient(90deg, #f5f8fa, #fff 40%);
}

.project-case-index {
    display: flex;
    min-height: 0;
    padding: 0.35rem clamp(1.25rem, 2.5vw, 2.25rem) 0 0;
    border-right: 1px solid var(--line);
    flex-direction: column;
    gap: clamp(1.75rem, 3vw, 2.75rem);
}

.project-case-index > span {
    display: grid;
    align-content: start;
    color: var(--brand);
    gap: 0.4rem;
}

.project-case-index small {
    font: 800 var(--type-label-small) ui-monospace, "Cascadia Code", monospace;
    letter-spacing: 0.12em;
}

.project-case-index b {
    color: var(--ink);
    font: 500 clamp(2.7rem, 4vw, 3.8rem)/0.9 ui-monospace, "Cascadia Code", monospace;
    letter-spacing: -0.08em;
}

.project-case-index strong {
    max-width: 10rem;
    padding-top: 1.1rem;
    color: var(--ink-soft);
    border-top: 1px solid var(--line);
    font-size: 1rem;
    line-height: 1.45;
    letter-spacing: -0.025em;
}

.project-result {
    display: grid;
    margin-bottom: clamp(2rem, 4vw, 3.5rem);
    padding-bottom: clamp(2rem, 4vw, 3.5rem);
    border-bottom: 1px solid var(--line);
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(1.5rem, 3vw, 2.75rem);
}

.project-result-label {
    display: flex;
    padding-top: 0.5rem;
    color: var(--jade);
    flex-direction: column;
    gap: 0.35rem;
}

body[data-page="projects"] .project-result-label {
    color: var(--project-amber-ink);
}

.project-result-label small {
    color: var(--brand);
    font: 800 var(--type-label-small) ui-monospace, "Cascadia Code", monospace;
    letter-spacing: 0.1em;
}

.project-result-label b {
    font-size: 1.05rem;
    letter-spacing: -0.025em;
}

.project-result h3 {
    max-width: 22ch;
    margin: 0 0 1rem;
    font-size: clamp(2.15rem, 3.5vw, 3.35rem);
    line-height: 1.13;
}

.project-result p {
    max-width: 43rem;
    margin: 0;
    color: var(--ink-soft);
    font-size: clamp(1rem, 0.25vw + 0.95rem, 1.1rem);
    line-height: 1.75;
}

.case-framework {
    display: grid;
    margin: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem clamp(2rem, 5vw, 5rem);
}

.case-framework > div {
    padding: 1.2rem 0 1.35rem;
    border-top: 1px solid var(--line);
}

.case-framework dt {
    display: flex;
    align-items: center;
    margin-bottom: 0.85rem;
    color: var(--brand-strong);
    gap: 0.7rem;
}

.case-framework dt span {
    font: 800 var(--type-label) ui-monospace, "Cascadia Code", monospace;
    letter-spacing: 0.075em;
}

.case-framework dt em {
    padding-left: 0.7rem;
    color: var(--ink-soft);
    border-left: 1px solid var(--line);
    font-size: var(--type-label);
    font-style: normal;
    font-weight: 800;
}

.case-framework dd p { margin: 0; }
.case-framework dd p + p { margin-top: 0.85rem; }

.case-framework dd {
    margin: 0;
    color: var(--ink-soft);
    font-size: clamp(0.98rem, 0.18vw + 0.94rem, 1.05rem);
    line-height: 1.75;
}

.sector-grid {
    display: grid;
    border-top: 1px solid var(--line);
    border-left: 1px solid var(--line);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sector-card {
    display: grid;
    grid-row: span 6;
    grid-template-rows: subgrid;
    align-items: start;
    min-height: 16rem;
    padding: clamp(1.4rem, 2.5vw, 2.25rem);
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    background: rgba(255, 255, 255, 0.52);
}

.sector-card > span {
    color: var(--brand);
    font: 800 1rem ui-monospace, "Cascadia Code", monospace;
    letter-spacing: 0.09em;
}

.sector-card h3 {
    margin: 3rem 0 0.7rem;
    font-size: 1.35rem;
}

.sector-card p {
    margin-bottom: 1rem;
    color: var(--muted);
    font-size: 1rem;
}

.sector-card ul {
    display: grid;
    grid-row: span 3;
    grid-template-rows: subgrid;
    align-items: start;
    margin: 0;
    padding-left: 1rem;
    color: var(--ink-soft);
    font-size: 1rem;
}

.public-reference-note {
    display: grid;
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border: 1px solid #cdd7e5;
    border-left: 4px solid var(--brand);
    background: #f9fbff;
    grid-template-columns: 9rem 1fr;
    gap: clamp(1rem, 3vw, 3rem);
}

.public-reference-note strong {
    color: var(--brand-strong);
    font-size: 1rem;
}

.public-reference-note p {
    margin: 0;
    color: var(--ink-soft);
    font-size: 1rem;
}

.delivery-principles {
    display: grid;
    color: #fff;
    border-radius: var(--radius-lg);
    background: var(--navy-deep);
    grid-template-columns: minmax(18rem, 0.78fr) minmax(0, 1.22fr);
    overflow: hidden;
}

.delivery-principles > header {
    padding: clamp(2rem, 5vw, 4.5rem) clamp(1.5rem, 4vw, 3.5rem);
    background: radial-gradient(circle at 20% 15%, rgba(78, 215, 189, 0.15), transparent 20rem);
}

.delivery-principles h2 {
    max-width: 12ch;
    margin-bottom: 0;
    font-size: clamp(2rem, 3.5vw, 3.4rem);
    line-height: 1.12;
}

.delivery-principles ol {
    margin: 0;
    padding: 0;
    list-style: none;
    border-left: 1px solid var(--line-dark);
}

.delivery-principles li {
    display: grid;
    min-height: 8.5rem;
    padding: 1.5rem clamp(1.5rem, 3vw, 2.8rem);
    border-bottom: 1px solid var(--line-dark);
    grid-template-columns: 3rem 1fr;
    gap: 1rem;
}

.delivery-principles li:last-child {
    border-bottom: 0;
}

.delivery-principles li > span {
    color: var(--mint);
    font: 760 1.1rem ui-monospace, "Cascadia Code", monospace;
}

.delivery-principles h3 {
    margin-bottom: 0.35rem;
    font-size: 1.1rem;
}

.delivery-principles li p {
    margin: 0;
    color: rgba(255, 255, 255, 0.56);
    font-size: 1rem;
}

.insight-feature {
    display: grid;
    min-height: 28rem;
    padding: clamp(2rem, 5vw, 4.5rem);
    color: #fff;
    border-radius: var(--radius-lg);
    background:
        radial-gradient(circle at 82% 18%, rgba(78, 215, 189, 0.2), transparent 20rem),
        linear-gradient(135deg, #081a36, #102a50);
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.48fr);
    gap: clamp(3rem, 8vw, 8rem);
}

.insight-overview-section {
    background:
        radial-gradient(circle at 88% 12%, rgba(8, 122, 103, 0.07), transparent 24rem),
        #f8f7f2;
}

.insight-overview-index .article-teaser {
    position: relative;
}

.insight-overview-index .article-teaser::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1rem;
    width: 3px;
    background: #087a67;
    content: "";
    opacity: 0;
    transform: scaleY(0.5);
    transition: opacity 180ms ease, transform 180ms ease;
}

.insight-overview-index .article-teaser:hover::before,
.insight-overview-index .article-teaser:focus-visible::before {
    opacity: 1;
    transform: scaleY(1);
}

.insight-overview-index .article-teaser-meta,
.insight-overview-index .article-teaser > i { color: #087a67; }
.insight-overview-index .article-teaser > i { font-weight: 800; }

.insight-topic-section {
    position: relative;
    border-top: 1px solid #e0e4df;
}

.insight-topic-section.editorial-section--soft {
    background:
        linear-gradient(90deg, rgba(8, 122, 103, 0.035) 1px, transparent 1px) 0 0 / 8rem 100%,
        #f1f5f2;
}

body[data-page="insights"] .insight-feature {
    border: 1px solid rgba(11, 23, 48, 0.18);
    border-radius: 0.65rem;
    background:
        linear-gradient(90deg, rgba(35, 212, 198, 0.08) 1px, transparent 1px) 0 0 / 7rem 100%,
        #0b1730;
    box-shadow: 0 1.5rem 3.5rem rgba(11, 23, 48, 0.12);
}

body[data-page="insights"] .insight-feature--human {
    border-color: rgba(8, 122, 103, 0.32);
    background:
        linear-gradient(90deg, rgba(63, 212, 186, 0.08) 1px, transparent 1px) 0 0 / 7rem 100%,
        radial-gradient(circle at 85% 18%, rgba(63, 212, 186, 0.14), transparent 19rem),
        #12343c;
}

body[data-page="insights"] .insight-feature--reproducible {
    border-color: rgba(79, 108, 157, 0.34);
    background:
        linear-gradient(90deg, rgba(123, 155, 205, 0.075) 1px, transparent 1px) 0 0 / 7rem 100%,
        radial-gradient(circle at 84% 18%, rgba(79, 168, 187, 0.16), transparent 20rem),
        #222d45;
}

.insight-feature-copy {
    display: flex;
    flex-direction: column;
}

.insight-feature-copy > span {
    color: var(--mint);
    font: 760 1rem ui-monospace, "Cascadia Code", monospace;
    letter-spacing: 0.1em;
}

.article-teaser-meta,
.article-meta {
    color: var(--brand);
    font: 760 1rem ui-monospace, "Cascadia Code", monospace;
    letter-spacing: 0.1em;
}

.insight-feature h2 {
    max-width: 19ch;
    margin: auto 0 1rem;
    font-size: clamp(2.15rem, 3.2vw, 3.25rem);
    line-height: 1.12;
}

.insight-feature p {
    max-width: 43rem;
    color: rgba(255, 255, 255, 0.62);
}

.insight-feature a {
    display: inline-flex;
    align-items: center;
    min-height: 3rem;
    font-size: 1rem;
    font-weight: 760;
    gap: 0.7rem;
}

body[data-page="insights"] .insight-topic-section .insight-feature-copy > a {
    width: fit-content;
    min-height: 3.25rem;
    margin-top: 0.75rem;
    padding: 0.65rem 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 0.45rem;
    background: rgba(255, 255, 255, 0.07);
    font-size: 1rem;
    transition: border-color 160ms ease, background 160ms ease;
}

body[data-page="insights"] .insight-topic-section .insight-feature-copy > a:hover,
body[data-page="insights"] .insight-topic-section .insight-feature-copy > a:focus-visible {
    border-color: rgba(78, 215, 189, 0.72);
    background: rgba(255, 255, 255, 0.12);
}

.insight-feature-rail {
    display: grid;
    align-content: end;
    gap: 0.7rem;
}

.insight-feature-rail span {
    display: grid;
    min-height: 4.8rem;
    padding: 0.8rem 1rem;
    border: 1px solid var(--line-dark);
    border-radius: 0.65rem;
    background: rgba(255, 255, 255, 0.035);
    grid-template-columns: 3rem 1fr;
    align-items: center;
    font-size: 1rem;
}

body[data-page="insights"] .insight-feature-rail {
    gap: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
}

body[data-page="insights"] .insight-feature-rail span {
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 0;
    background: transparent;
}

.insight-feature-rail i {
    color: var(--mint);
    font: normal 760 1rem ui-monospace, "Cascadia Code", monospace;
}

.article-index {
    display: grid;
    border-top: 1px solid var(--ink);
}

.article-teaser {
    display: grid;
    min-height: 16rem;
    padding: clamp(1.6rem, 3.5vw, 3rem) 0;
    border-bottom: 1px solid var(--line);
    grid-template-columns: 8rem minmax(0, 1fr) minmax(15rem, 0.4fr) 3rem;
    gap: clamp(1rem, 3vw, 3rem);
    align-items: center;
    transition: color 180ms ease, padding 180ms ease;
}

.article-teaser:hover {
    padding-inline: 1rem;
    color: var(--brand);
}

.article-teaser-index {
    color: #59697f;
    font: 500 clamp(2.35rem, 4vw, 3.4rem) ui-monospace, "Cascadia Code", monospace;
}

.article-teaser h2,
.article-teaser h3 {
    max-width: 24ch;
    margin: 0.65rem 0 0;
    font-size: clamp(1.5rem, 2.6vw, 2.35rem);
    line-height: 1.22;
}

.article-teaser p {
    margin: 0;
    color: var(--muted);
    font-size: 1rem;
}

.article-teaser > i {
    font-style: normal;
    font-size: 1.25rem;
}

.editorial-standards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.editorial-standard {
    min-height: 13.5rem;
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border: 1px solid var(--line);
    border-radius: 0.85rem;
    background: var(--surface);
    box-shadow: var(--shadow-soft);
}

body[data-page="insights"] .editorial-standard {
    border-radius: 0.45rem;
    box-shadow: none;
}

.editorial-standard > span {
    color: var(--brand);
    font: 800 1rem ui-monospace, "Cascadia Code", monospace;
}

.editorial-standard h3 {
    margin: 2.6rem 0 0.7rem;
    font-size: 1.3rem;
}

.editorial-standard p {
    margin: 0;
    color: var(--muted);
    font-size: 1rem;
    line-height: 1.7;
}

.article-hero {
    padding-bottom: clamp(3.5rem, 7vw, 6rem);
}

.article-hero .breadcrumbs {
    margin-bottom: clamp(2rem, 5vw, 4rem);
}

.article-hero-grid {
    align-items: start;
    grid-template-columns: minmax(0, 1fr) minmax(15rem, 0.32fr);
}

.article-hero-copy h1 {
    max-width: 18ch;
    font-size: clamp(2.75rem, 3.5vw, 3.75rem);
}

.article-deck {
    max-width: 43rem;
    margin-bottom: 1.4rem;
    color: var(--ink-soft);
    font-size: clamp(1.02rem, 1.4vw, 1.2rem);
}

.article-byline {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--muted);
    font-size: 1rem;
    gap: 0.55rem 1rem;
}

.article-byline li:not(:last-child)::after {
    margin-left: 1rem;
    color: #bbc2cc;
    content: "·";
}

.article-hero-aside {
    border-top-color: var(--brand);
}

.article-hero-aside p {
    margin: 0;
    color: var(--ink-soft);
    font-size: 1rem;
}

.article-summary-band {
    position: relative;
    z-index: 2;
    margin-top: -1px;
    color: #fff;
    background: var(--navy-deep);
}

.article-summary {
    display: grid;
    grid-template-columns: 10rem repeat(3, minmax(0, 1fr));
}

.article-summary > header,
.article-summary > div {
    min-height: 11rem;
    padding: 1.5rem clamp(1rem, 2.4vw, 2rem);
    border-right: 1px solid var(--line-dark);
}

.article-summary > header {
    border-left: 1px solid var(--line-dark);
}

.article-summary > header span {
    color: var(--mint);
    font: 800 1rem ui-monospace, "Cascadia Code", monospace;
    letter-spacing: 0.1em;
}

.article-summary > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.article-summary strong {
    color: var(--mint);
    font: 760 1rem ui-monospace, "Cascadia Code", monospace;
}

.article-summary p {
    margin: 1.5rem 0 0;
    color: rgba(255, 255, 255, 0.76);
    font-size: 1rem;
}

.article-section {
    padding-block: clamp(4.5rem, 8vw, 8rem);
    background: var(--surface);
}

.article-shell {
    width: min(var(--editorial-wide), calc(100% - clamp(2.25rem, 6vw, 7rem)));
    margin-inline: auto;
}

.article-layout {
    display: grid;
    align-items: start;
    grid-template-columns: 14rem minmax(0, var(--editorial-measure));
    justify-content: space-between;
    gap: clamp(3rem, 8vw, 8rem);
}

.article-toc {
    position: sticky;
    top: calc(var(--site-chrome-height) + 2rem);
    padding-top: 1rem;
    border-top: 2px solid var(--ink);
}

.article-toc > strong {
    display: block;
    margin-bottom: 0.9rem;
    font: 800 1rem ui-monospace, "Cascadia Code", monospace;
    letter-spacing: 0.1em;
}

.article-toc ol {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: toc;
}

.article-toc li {
    counter-increment: toc;
}

.article-toc a {
    display: grid;
    min-height: 2.75rem;
    padding: 0.55rem 0;
    color: var(--muted);
    border-bottom: 1px solid var(--line);
    grid-template-columns: 1.7rem 1fr;
    font-size: 1rem;
    line-height: 1.45;
}

.article-toc a::before {
    color: var(--brand);
    content: "0" counter(toc);
    font: 760 1rem ui-monospace, "Cascadia Code", monospace;
}

.article-toc a:hover {
    color: var(--ink);
}

.article-body {
    min-width: 0;
}

.article-body > p:first-child {
    color: var(--ink);
    font-size: clamp(1.15rem, 1.6vw, 1.3rem);
    font-weight: 620;
    line-height: 1.75;
}

.article-body section + section {
    margin-top: clamp(4rem, 8vw, 6.5rem);
    padding-top: clamp(3.5rem, 7vw, 5.5rem);
    border-top: 1px solid var(--line);
}

.article-body h2 {
    max-width: 20ch;
    margin-bottom: 1.5rem;
    font-size: clamp(2rem, 3vw, 2.8rem);
    line-height: 1.2;
    letter-spacing: -0.06em;
}

.article-body h3 {
    margin: 2.7rem 0 0.85rem;
    font-size: clamp(1.25rem, 2vw, 1.55rem);
    line-height: 1.35;
}

.article-body p,
.article-body li,
.article-body dd {
    color: var(--ink-soft);
    font-size: 1rem;
    line-height: 1.9;
}

.article-body p {
    margin-bottom: 1.35rem;
}

.article-body ul,
.article-body ol {
    margin: 1.4rem 0;
    padding-left: 1.35rem;
}

.article-body li + li {
    margin-top: 0.65rem;
}

.article-pullquote {
    margin: 2.5rem 0;
    padding: 1.8rem clamp(1.5rem, 4vw, 3rem);
    color: #fff;
    border-radius: var(--radius-md);
    background: var(--navy-deep);
}

.article-pullquote p {
    margin: 0;
    color: #fff;
    font-size: clamp(1.25rem, 2.3vw, 1.7rem);
    font-weight: 680;
    line-height: 1.55;
}

.article-note {
    margin: 2rem 0;
    padding: 1.3rem 1.5rem;
    border: 1px solid #cfd9e7;
    border-left: 4px solid var(--brand);
    background: #f7faff;
}

.article-note strong {
    display: block;
    margin-bottom: 0.4rem;
    color: var(--brand-strong);
    font-size: 1rem;
}

.article-note p {
    margin: 0;
    font-size: 1rem;
}

.article-flow {
    display: grid;
    margin: 2.5rem 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--line);
}

.article-flow li {
    display: grid;
    margin: 0;
    padding: 1.2rem 0;
    border-bottom: 1px solid var(--line);
    grid-template-columns: 3rem minmax(8rem, 0.35fr) 1fr;
    gap: 1rem;
}

.article-flow li > span {
    color: var(--brand);
    font: 760 1.05rem ui-monospace, "Cascadia Code", monospace;
}

.article-flow li > strong {
    color: var(--ink);
    font-size: 1rem;
}

.article-flow li > p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.7;
}

.article-definition-grid {
    display: grid;
    margin: 2rem 0;
    border-top: 1px solid var(--line);
    border-left: 1px solid var(--line);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.article-definition-grid > div {
    min-height: 9rem;
    padding: 1.25rem;
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.article-definition-grid dt {
    margin-bottom: 0.55rem;
    color: var(--brand-strong);
    font-size: 1rem;
    font-weight: 780;
}

.article-definition-grid dd {
    margin: 0;
    font-size: 1rem;
    line-height: 1.7;
}

.article-checklist {
    margin: 2rem 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--ink);
}

.article-checklist li {
    position: relative;
    margin: 0;
    padding: 1rem 1rem 1rem 2.5rem;
    border-bottom: 1px solid var(--line);
}

.article-checklist li::before {
    position: absolute;
    top: 1.4rem;
    left: 0.35rem;
    width: 0.75rem;
    height: 0.75rem;
    border: 1px solid var(--brand);
    content: "";
}

.article-conclusion {
    margin-top: clamp(4rem, 8vw, 7rem);
    padding: clamp(2rem, 5vw, 4rem);
    color: #fff;
    border-radius: var(--radius-lg);
    background: var(--navy-deep);
}

.article-conclusion h2 {
    color: #fff;
}

.article-conclusion p {
    color: rgba(255, 255, 255, 0.68);
}

.article-conclusion .button {
    margin-top: 0.6rem;
}

.related-section {
    padding-block: clamp(4rem, 7vw, 7rem);
    background: var(--paper-warm);
}

.related-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 2rem;
    gap: 2rem;
}

.related-heading h2 {
    margin: 0;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
}

.related-heading > a:not(.detail-link) {
    color: var(--brand);
}

.related-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.related-card {
    display: flex;
    min-height: 14rem;
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    background: var(--surface);
    flex-direction: column;
    transition: border-color 180ms ease, transform 180ms ease;
}

.related-card:hover {
    border-color: #aab8ca;
    transform: translateY(-3px);
}

.related-card > span:not(.detail-link-indicator) {
    color: var(--brand);
    font: 760 1rem ui-monospace, "Cascadia Code", monospace;
    letter-spacing: 0.09em;
}

.related-card h3 {
    max-width: 23ch;
    margin: auto 0 0;
    font-size: 1.35rem;
    line-height: 1.35;
}

.related-card > .detail-link-indicator {
    align-self: flex-end;
    margin-top: 1.5rem;
}

/* Insight journal: editorial hierarchy stays isolated from projects and article details. */
body[data-page="insights"] .insight-journal-hero {
    --journal-accent: #087a67;
    min-height: clamp(36rem, 72svh, 44rem) !important;
    color: #14231f;
    border-bottom: 1px solid rgba(49, 78, 67, 0.16);
    background: #f7f3ea;
}

body[data-page="insights"] .insight-journal-hero::before {
    z-index: -2;
    opacity: 0.72;
    background:
        linear-gradient(rgba(8, 122, 103, 0.055) 1px, transparent 1px) 0 0 / 4.5rem 4.5rem,
        linear-gradient(90deg, rgba(8, 122, 103, 0.055) 1px, transparent 1px) 0 0 / 4.5rem 4.5rem,
        radial-gradient(circle at 78% 43%, rgba(35, 212, 198, 0.18), transparent 17rem),
        linear-gradient(120deg, #fbf8f1 0%, #f5f1e7 58%, #edf4ed 100%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.32) 44%, #000 100%);
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.32) 44%, #000 100%);
}

body[data-page="insights"] .insight-journal-hero::after {
    z-index: -1;
    inset: auto -8rem -15rem auto;
    width: 40rem;
    height: 40rem;
    border: 1px solid rgba(8, 122, 103, 0.12);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.68), rgba(35, 212, 198, 0.04) 49%, transparent 70%);
    box-shadow: 0 0 0 5rem rgba(8, 122, 103, 0.018), 0 0 0 10rem rgba(8, 122, 103, 0.012);
}

body[data-page="insights"] .insight-journal-hero-inner {
    position: relative;
    z-index: 1;
    display: grid;
    min-height: inherit;
    align-items: center;
    padding-block: calc(var(--site-chrome-height) + clamp(3rem, 5vw, 4.5rem)) clamp(4rem, 6vw, 5.5rem);
    grid-template-columns: minmax(0, 1.05fr) minmax(18rem, 0.65fr);
    gap: clamp(2rem, 7vw, 7rem);
}

body[data-page="insights"] .insight-journal-hero-copy {
    position: relative;
    z-index: 2;
    width: 100%;
}

body[data-page="insights"] .insight-journal-hero .eyebrow,
body[data-page="insights"] .insight-featured-copy .eyebrow,
body[data-page="insights"] .insight-practice-cta .eyebrow {
    font-size: 1rem;
    letter-spacing: 0.08em;
}

body[data-page="insights"] .insight-journal-hero h1 {
    max-width: 14ch;
    margin-bottom: 1.6rem;
    font-family: var(--font-sans);
    font-size: clamp(2.65rem, 4.1vw, 3.3rem);
    font-weight: 790;
    line-height: 1.08;
    letter-spacing: -0.052em;
}

body[data-page="insights"] .insight-journal-taxonomy {
    margin-bottom: 1rem !important;
    color: #087a67 !important;
    font-size: 1rem !important;
    font-weight: 780;
    line-height: 1.6 !important;
    letter-spacing: 0.025em;
}

body[data-page="insights"] .insight-journal-hero .editorial-hero-lead {
    max-width: 39rem;
    margin: 0;
    color: #4f5f58;
    font-size: clamp(1rem, 1.25vw, 1.14rem);
    line-height: 1.82;
}

.insight-journal-hero-visual {
    position: relative;
    width: min(30vw, 25rem);
    aspect-ratio: 1;
    justify-self: end;
    border: 1px solid rgba(8, 122, 103, 0.18);
    border-radius: 50%;
    background:
        radial-gradient(circle at center, rgba(255, 255, 255, 0.95) 0 7%, transparent 7.5%),
        radial-gradient(circle at center, rgba(8, 122, 103, 0.07), transparent 64%),
        radial-gradient(rgba(8, 122, 103, 0.25) 1px, transparent 1.5px) 0 0 / 1.65rem 1.65rem;
    box-shadow: inset 0 0 0 3rem rgba(255, 255, 255, 0.18);
}

.insight-journal-orbit,
.insight-journal-node {
    position: absolute;
    display: block;
}

.insight-journal-orbit {
    inset: 15%;
    border: 1px solid rgba(8, 122, 103, 0.25);
    border-radius: 50%;
}

.insight-journal-orbit--inner {
    inset: 31%;
    border-style: dashed;
    transform: rotate(-24deg);
}

.insight-journal-node {
    width: 1rem;
    height: 1rem;
    border: 3px solid #f7f3ea;
    border-radius: 50%;
    background: #087a67;
    box-shadow: 0 0 0 0.45rem rgba(8, 122, 103, 0.12);
}

.insight-journal-node--one { top: 14%; left: 45%; }
.insight-journal-node--two { top: 48%; right: 13%; background: #2457d6; }
.insight-journal-node--three { bottom: 13%; left: 37%; background: #23a999; }
.insight-journal-node--four { top: 42%; left: 17%; background: #c48a37; }

.insight-category-nav {
    position: relative;
    z-index: 2;
    color: #183029;
    border-bottom: 1px solid rgba(49, 78, 67, 0.18);
    background: #fffdfa;
}

.insight-category-nav-inner {
    display: grid;
    min-height: 6.25rem;
    align-items: stretch;
    grid-template-columns: minmax(10rem, 0.24fr) minmax(0, 1fr);
}

.insight-category-nav-label {
    display: flex;
    align-items: center;
    padding-right: 1.5rem;
    color: #65736d;
    border-right: 1px solid rgba(49, 78, 67, 0.16);
    font-size: 1rem;
    font-weight: 790;
    letter-spacing: 0.08em;
}

.insight-category-nav ol {
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.insight-category-nav li {
    min-width: 0;
    border-right: 1px solid rgba(49, 78, 67, 0.12);
}

.insight-category-nav li:last-child { border-right: 0; }

.insight-category-nav a {
    display: flex;
    height: 100%;
    min-height: 6.25rem;
    align-items: center;
    padding: 1rem clamp(1rem, 2vw, 1.8rem);
    color: #233a33;
    font-size: 1rem;
    font-weight: 740;
    line-height: 1.35;
    gap: 0.75rem;
    transition: color 180ms ease, background 180ms ease;
}

.insight-category-nav a span {
    color: #087a67;
    font-size: 1rem;
    font-weight: 820;
}

.insight-category-nav a:hover {
    color: #087a67;
    background: #f1f5ef;
}

.insight-featured-editorial {
    padding-block: clamp(5rem, 8vw, 8rem);
    background: #f3efe7;
}

.insight-featured-editorial-inner {
    position: relative;
    display: grid;
    min-height: 34rem;
    overflow: hidden;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 0.55rem;
    background:
        radial-gradient(circle at 82% 18%, rgba(35, 212, 198, 0.22), transparent 20rem),
        linear-gradient(128deg, #09172d 0%, #102945 58%, #123b42 100%);
    box-shadow: 0 2rem 4.5rem rgba(19, 35, 50, 0.15);
    grid-template-columns: minmax(0, 1.08fr) minmax(20rem, 0.72fr);
}

.insight-featured-copy {
    position: relative;
    z-index: 2;
    display: flex;
    padding: clamp(2.5rem, 5vw, 5rem);
    flex-direction: column;
    align-items: flex-start;
}

.insight-featured-copy .eyebrow {
    margin-bottom: clamp(3rem, 6vw, 5rem);
    color: #6ee2d6;
}

.insight-featured-category {
    color: #6ee2d6;
    font-size: 1rem;
    font-weight: 780;
    letter-spacing: 0.07em;
}

.insight-featured-copy h2 {
    max-width: 19ch;
    margin: 1rem 0 1.25rem;
    color: #fff;
    font-size: clamp(2.25rem, 3.5vw, 3.3rem);
    line-height: 1.12;
    letter-spacing: -0.045em;
    word-break: keep-all;
}

.insight-featured-copy > p:not(.eyebrow) {
    max-width: 39rem;
    margin-bottom: 2rem;
    color: rgba(255, 255, 255, 0.72);
    font-size: 1.05rem;
    line-height: 1.78;
}

.insight-featured-link {
    align-self: flex-end;
    margin-top: auto;
    color: #94a0ad;
}

.insight-featured-link:hover {
    color: #c4cbd2;
}

.insight-featured-visual {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border-left: 1px solid rgba(255, 255, 255, 0.11);
    background:
        linear-gradient(rgba(110, 226, 214, 0.09) 1px, transparent 1px) 0 0 / 3.5rem 3.5rem,
        linear-gradient(90deg, rgba(110, 226, 214, 0.09) 1px, transparent 1px) 0 0 / 3.5rem 3.5rem,
        radial-gradient(circle at 56% 45%, rgba(70, 189, 209, 0.26), transparent 16rem);
}

.insight-featured-flow {
    position: absolute;
    inset: 18% 12%;
    display: grid;
    padding: 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    transform: rotate(-6deg);
}

.insight-featured-flow i {
    position: relative;
    display: block;
    min-height: 7rem;
    border: 1px solid rgba(110, 226, 214, 0.32);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.1), rgba(35, 212, 198, 0.04));
}

.insight-featured-flow i::before,
.insight-featured-flow i::after {
    position: absolute;
    left: 17%;
    height: 2px;
    background: rgba(110, 226, 214, 0.64);
    content: "";
}

.insight-featured-flow i::before { top: 38%; width: 56%; }
.insight-featured-flow i::after { top: 55%; width: 36%; }

.insight-featured-axis {
    position: absolute;
    display: block;
    background: rgba(110, 226, 214, 0.34);
}

.insight-featured-axis--x { right: 8%; bottom: 11%; left: 8%; height: 1px; }
.insight-featured-axis--y { top: 8%; bottom: 8%; left: 11%; width: 1px; }

.insight-journal-section {
    --journal-section-accent: #087a67;
    --journal-section-line: rgba(8, 122, 103, 0.19);
    position: relative;
    padding-block: clamp(5.5rem, 9vw, 9rem);
    overflow: hidden;
    border-top: 1px solid var(--journal-section-line);
    isolation: isolate;
    scroll-margin-top: calc(var(--site-chrome-height) + 1rem);
}

.insight-journal-section::before,
.insight-journal-section::after {
    position: absolute;
    z-index: -1;
    pointer-events: none;
    content: "";
}

.insight-journal-section::before {
    inset: 0;
    opacity: 0.68;
}

.insight-journal-section::after {
    top: 7rem;
    right: -8rem;
    width: 26rem;
    height: 26rem;
    border: 1px solid var(--journal-section-line);
    border-radius: 50%;
}

.insight-journal-section--technology {
    --journal-section-accent: #087a67;
    --journal-section-line: rgba(8, 122, 103, 0.18);
    background: #f8f4eb;
}

.insight-journal-section--technology::before {
    background:
        radial-gradient(rgba(8, 122, 103, 0.2) 1px, transparent 1.5px) calc(100% - 7rem) 6rem / 1.75rem 1.75rem,
        radial-gradient(circle at 88% 18%, rgba(35, 212, 198, 0.12), transparent 22rem);
    -webkit-mask-image: linear-gradient(90deg, transparent 52%, #000 100%);
    mask-image: linear-gradient(90deg, transparent 52%, #000 100%);
}

.insight-journal-section--data {
    --journal-section-accent: #276d59;
    --journal-section-line: rgba(39, 109, 89, 0.19);
    background: #eef3ed;
}

.insight-journal-section--data::before {
    background:
        linear-gradient(90deg, transparent 0 67%, rgba(39, 109, 89, 0.075) 67% 67.1%, transparent 67.1%),
        repeating-linear-gradient(180deg, transparent 0 4.25rem, rgba(39, 109, 89, 0.055) 4.25rem 4.3rem);
    -webkit-mask-image: linear-gradient(90deg, transparent 42%, #000 100%);
    mask-image: linear-gradient(90deg, transparent 42%, #000 100%);
}

.insight-journal-section--data::after {
    top: auto;
    right: 7%;
    bottom: 6rem;
    width: 18rem;
    height: 9rem;
    border-radius: 0;
    transform: skewX(-18deg);
}

.insight-journal-section--research {
    --journal-section-accent: #3c648f;
    --journal-section-line: rgba(60, 100, 143, 0.2);
    background: #f0f2f5;
}

.insight-journal-section--research::before {
    background:
        linear-gradient(135deg, rgba(60, 100, 143, 0.055) 25%, transparent 25%) 0 0 / 4.5rem 4.5rem,
        linear-gradient(315deg, rgba(60, 100, 143, 0.04) 25%, transparent 25%) 0 0 / 4.5rem 4.5rem,
        radial-gradient(circle at 87% 23%, rgba(76, 130, 176, 0.12), transparent 22rem);
    -webkit-mask-image: linear-gradient(90deg, transparent 48%, #000 100%);
    mask-image: linear-gradient(90deg, transparent 48%, #000 100%);
}

.insight-journal-section--research::after {
    border-style: dashed;
    border-radius: 26% 74% 62% 38%;
    transform: rotate(16deg);
}

.insight-journal-section--applied {
    --journal-section-accent: #8a6631;
    --journal-section-line: rgba(138, 102, 49, 0.2);
    background: #f4efe6;
}

.insight-journal-section--applied::before {
    background:
        linear-gradient(90deg, transparent 0 68%, rgba(138, 102, 49, 0.07) 68% 81%, transparent 81%),
        linear-gradient(90deg, transparent 0 75%, rgba(8, 122, 103, 0.055) 75% 91%, transparent 91%),
        repeating-linear-gradient(180deg, transparent 0 5.5rem, rgba(138, 102, 49, 0.05) 5.5rem 5.55rem);
    -webkit-mask-image: linear-gradient(90deg, transparent 45%, #000 100%);
    mask-image: linear-gradient(90deg, transparent 45%, #000 100%);
}

.insight-journal-section--applied::after {
    top: 9rem;
    width: 22rem;
    height: 11rem;
    border-radius: 50% 0 0 50%;
}

.insight-journal-section > .shell {
    position: relative;
    z-index: 1;
}

.insight-journal-heading {
    display: grid;
    align-items: end;
    margin-bottom: clamp(3.5rem, 6vw, 6rem);
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.58fr);
    gap: clamp(3rem, 8vw, 8rem);
}

.insight-journal-index {
    margin-bottom: 1.35rem;
    color: var(--journal-section-accent);
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.insight-journal-index span {
    display: inline-flex;
    min-width: 3.25rem;
    margin-right: 0.75rem;
    padding-right: 0.75rem;
    justify-content: flex-end;
    border-right: 1px solid currentColor;
    font-size: 1rem;
}

.insight-journal-heading h2 {
    max-width: 17ch;
    margin: 0;
    color: #13211d;
    font-size: clamp(2.25rem, 3.7vw, 3.15rem);
    line-height: 1.13;
    letter-spacing: -0.045em;
    word-break: keep-all;
}

.insight-journal-heading > p {
    max-width: 39rem;
    margin: 0;
    color: #52615b;
    font-size: 1.05rem;
    line-height: 1.8;
}

.insight-topic-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-rows: minmax(8rem, auto);
    gap: 1.1rem clamp(1.1rem, 2vw, 1.8rem);
}

.insight-topic-card {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 16.75rem;
    padding: 1.25rem 0;
    overflow: hidden;
    color: #182721;
    border-top: 1px solid var(--journal-section-line);
    border-bottom: 1px solid var(--journal-section-line);
    background: rgba(255, 255, 255, 0.2);
    grid-column: 8 / span 5;
    grid-template-columns: minmax(6.5rem, 0.32fr) minmax(0, 1fr);
}

.insight-topic-card--wide {
    min-height: 34.6rem;
    padding: 0;
    border: 1px solid var(--journal-section-line);
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 1.5rem 3rem rgba(34, 50, 43, 0.06);
    grid-column: 1 / span 7;
    grid-row: 1 / span 2;
    grid-template-columns: 1fr;
    grid-template-rows: minmax(15rem, 1fr) auto;
}

.insight-topic-grid--reverse .insight-topic-card:not(.insight-topic-card--wide) {
    grid-column: 1 / span 5;
}

.insight-topic-grid--reverse .insight-topic-card--wide {
    grid-column: 6 / span 7;
}

.insight-topic-card--link {
    padding: 0;
    border: 1px solid var(--journal-section-line);
    background: rgba(255, 255, 255, 0.72);
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.insight-topic-card--link:hover {
    border-color: var(--journal-section-accent);
    box-shadow: 0 1.2rem 2.6rem rgba(34, 50, 43, 0.1);
    transform: translateY(-0.25rem);
}

.insight-topic-card-inner {
    display: grid;
    width: 100%;
    min-width: 0;
    min-height: 100%;
    padding: 1.25rem 0;
    color: inherit;
    grid-column: 1 / -1;
    grid-template-columns: minmax(6.5rem, 0.32fr) minmax(0, 1fr);
}

.insight-topic-visual {
    position: relative;
    min-width: 0;
    min-height: 100%;
    overflow: hidden;
    border-right: 1px solid var(--journal-section-line);
    background-color: rgba(255, 255, 255, 0.5);
    isolation: isolate;
}

.insight-topic-card--wide .insight-topic-visual {
    min-height: 15rem;
    border-right: 0;
    border-bottom: 1px solid var(--journal-section-line);
}

.insight-topic-visual::before,
.insight-topic-visual::after {
    position: absolute;
    display: block;
    box-sizing: border-box;
    content: "";
}

/* Each topic uses its own visual grammar instead of the former shared orbit-and-dot motif. */
.insight-topic-visual--graph {
    background:
        radial-gradient(circle at 18% 70%, color-mix(in srgb, var(--journal-section-accent) 10%, transparent), transparent 24%),
        linear-gradient(145deg, #fbfdfa, #edf5f0);
}

.insight-topic-visual--graph::before {
    inset: 15% 11%;
    border: 1px solid var(--journal-section-line);
    background:
        radial-gradient(circle at 17% 28%, var(--journal-section-accent) 0 0.38rem, transparent 0.42rem),
        radial-gradient(circle at 48% 17%, #29a997 0 0.32rem, transparent 0.36rem),
        radial-gradient(circle at 76% 39%, #316c92 0 0.42rem, transparent 0.46rem),
        radial-gradient(circle at 34% 70%, #8cae58 0 0.34rem, transparent 0.38rem),
        radial-gradient(circle at 73% 77%, #c08a45 0 0.36rem, transparent 0.4rem),
        linear-gradient(27deg, transparent 49.6%, var(--journal-section-line) 49.8% 50.2%, transparent 50.4%),
        linear-gradient(145deg, transparent 49.6%, var(--journal-section-line) 49.8% 50.2%, transparent 50.4%);
    clip-path: polygon(0 7%, 100% 0, 94% 100%, 5% 92%);
}

.insight-topic-visual--graph::after {
    top: 38%;
    left: 42%;
    width: 16%;
    aspect-ratio: 1;
    border: 2px solid var(--journal-section-accent);
    background: rgba(255, 255, 255, 0.9);
    transform: rotate(45deg);
    box-shadow: 0 0 0 0.65rem color-mix(in srgb, var(--journal-section-accent) 9%, transparent);
}

.insight-topic-visual--generative {
    background: repeating-linear-gradient(135deg, #fbfdfc 0 1.5rem, #edf6f2 1.5rem 1.55rem);
}

.insight-topic-visual--generative::before {
    inset: 15% 12%;
    border: 1px solid var(--journal-section-line);
    border-radius: 0.65rem;
    background:
        linear-gradient(var(--journal-section-accent), var(--journal-section-accent)) 10% 18% / 1.35rem 0.34rem no-repeat,
        linear-gradient(#91b9ae, #91b9ae) 10% 36% / 62% 0.28rem no-repeat,
        linear-gradient(#bfd2cc, #bfd2cc) 10% 50% / 78% 0.28rem no-repeat,
        linear-gradient(#bfd2cc, #bfd2cc) 10% 64% / 48% 0.28rem no-repeat,
        rgba(255, 255, 255, 0.88);
    box-shadow: 0.55rem 0.55rem 0 color-mix(in srgb, var(--journal-section-accent) 10%, white);
}

.insight-topic-visual--generative::after {
    top: 11%;
    right: 9%;
    width: 2.6rem;
    aspect-ratio: 1;
    background: var(--journal-section-accent);
    clip-path: polygon(50% 0, 61% 38%, 100% 50%, 61% 62%, 50% 100%, 39% 62%, 0 50%, 39% 38%);
}

.insight-topic-visual--database {
    background:
        linear-gradient(90deg, transparent 49.5%, var(--journal-section-line) 49.5% 50.5%, transparent 50.5%),
        linear-gradient(180deg, #f9fcfa, #edf4f1);
}

.insight-topic-visual--database::before {
    inset: 16% 24%;
    border: 2px solid color-mix(in srgb, var(--journal-section-accent) 70%, white);
    border-radius: 50% / 12%;
    background:
        linear-gradient(180deg, transparent 31%, var(--journal-section-line) 31% 32%, transparent 32% 64%, var(--journal-section-line) 64% 65%, transparent 65%),
        rgba(255, 255, 255, 0.68);
    box-shadow: 0 0.7rem 0 -0.15rem color-mix(in srgb, var(--journal-section-accent) 12%, white);
}

.insight-topic-visual--database::after {
    top: 25%;
    left: 36%;
    width: 28%;
    height: 1px;
    background: var(--journal-section-accent);
    box-shadow: 0 3.2rem 0 var(--journal-section-accent), 0 6.4rem 0 var(--journal-section-accent);
}

.insight-topic-visual--editing {
    background:
        linear-gradient(var(--journal-section-line) 1px, transparent 1px) 0 0 / 100% 2.15rem,
        linear-gradient(90deg, var(--journal-section-line) 1px, transparent 1px) 0 0 / 2.15rem 100%,
        #f8fbf9;
}

.insight-topic-visual--editing::before {
    top: 22%;
    left: 20%;
    width: 52%;
    height: 2.15rem;
    border: 2px solid var(--journal-section-accent);
    background: color-mix(in srgb, var(--journal-section-accent) 12%, white);
    box-shadow: 2.15rem 4.3rem 0 -2px color-mix(in srgb, var(--journal-section-accent) 22%, white);
}

.insight-topic-visual--editing::after {
    right: 16%;
    bottom: 19%;
    width: 2.3rem;
    height: 0.7rem;
    border-radius: 999px;
    background: var(--journal-section-accent);
    transform: rotate(-38deg);
    transform-origin: right center;
}

.insight-topic-visual--sampling {
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.76) 0 24%, transparent 24% 26%, rgba(39, 109, 89, 0.08) 26% 49%, transparent 49% 51%, rgba(39, 109, 89, 0.15) 51% 74%, transparent 74% 76%, rgba(39, 109, 89, 0.23) 76%),
        #f7faf8;
}

.insight-topic-visual--sampling::before {
    inset: 16% 12%;
    border: 1px dashed color-mix(in srgb, var(--journal-section-accent) 65%, white);
    background:
        radial-gradient(circle at 12% 32%, var(--journal-section-accent) 0 0.28rem, transparent 0.32rem),
        radial-gradient(circle at 38% 67%, #71a290 0 0.34rem, transparent 0.38rem),
        radial-gradient(circle at 62% 27%, #3c816b 0 0.26rem, transparent 0.3rem),
        radial-gradient(circle at 84% 72%, #a1b9af 0 0.36rem, transparent 0.4rem);
}

.insight-topic-visual--sampling::after {
    top: 11%;
    left: 48%;
    width: 1px;
    height: 78%;
    background: var(--journal-section-accent);
    box-shadow: -3.4rem 0 0 var(--journal-section-line), 3.4rem 0 0 var(--journal-section-line);
}

.insight-topic-visual--profiling {
    background:
        linear-gradient(var(--journal-section-line) 1px, transparent 1px) 0 0 / 100% 25%,
        linear-gradient(90deg, #fbfcfb, #edf4f0);
}

.insight-topic-visual--profiling::before {
    right: 10%;
    bottom: 17%;
    left: 10%;
    height: 62%;
    background:
        linear-gradient(90deg,
            transparent 0 5%, color-mix(in srgb, var(--journal-section-accent) 30%, white) 5% 15%,
            transparent 15% 21%, color-mix(in srgb, var(--journal-section-accent) 45%, white) 21% 34%,
            transparent 34% 40%, color-mix(in srgb, var(--journal-section-accent) 75%, white) 40% 56%,
            transparent 56% 62%, color-mix(in srgb, var(--journal-section-accent) 52%, white) 62% 74%,
            transparent 74% 80%, color-mix(in srgb, var(--journal-section-accent) 24%, white) 80% 91%, transparent 91%);
    clip-path: polygon(0 79%, 15% 79%, 15% 58%, 34% 58%, 34% 15%, 56% 15%, 56% 39%, 74% 39%, 74% 66%, 91% 66%, 91% 100%, 0 100%);
}

.insight-topic-visual--profiling::after {
    right: 8%;
    bottom: 17%;
    left: 8%;
    height: 2px;
    background: var(--journal-section-accent);
}

.insight-topic-visual--validation {
    background: linear-gradient(90deg, #f7f9fc 0 49.8%, var(--journal-section-line) 49.8% 50.2%, #eef3f8 50.2%);
}

.insight-topic-visual--validation::before {
    inset: 16% 8%;
    border: 1px solid var(--journal-section-line);
    background:
        linear-gradient(#3c648f, #3c648f) 9% 18% / 24% 0.42rem no-repeat,
        repeating-linear-gradient(180deg, transparent 0 1.55rem, rgba(60, 100, 143, 0.15) 1.55rem 1.62rem) 9% 38% / 32% 50% no-repeat,
        linear-gradient(#6e91b5, #6e91b5) 91% 18% / 24% 0.42rem no-repeat,
        repeating-linear-gradient(180deg, transparent 0 1.55rem, rgba(60, 100, 143, 0.15) 1.55rem 1.62rem) 91% 38% / 32% 50% no-repeat,
        rgba(255, 255, 255, 0.5);
}

.insight-topic-visual--validation::after {
    top: 40%;
    left: calc(50% - 1.8rem);
    width: 3.6rem;
    aspect-ratio: 1;
    border: 2px solid var(--journal-section-accent);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: inset 0 0 0 0.55rem color-mix(in srgb, var(--journal-section-accent) 10%, white);
}

.insight-topic-visual--anomaly {
    background:
        linear-gradient(var(--journal-section-line) 1px, transparent 1px) 0 0 / 100% 25%,
        #f7f9fc;
}

.insight-topic-visual--anomaly::before {
    inset: 18% 10%;
    background: var(--journal-section-accent);
    clip-path: polygon(0 68%, 12% 62%, 24% 66%, 35% 45%, 46% 53%, 57% 50%, 68% 18%, 78% 55%, 89% 49%, 100% 58%, 100% 61%, 89% 52%, 78% 59%, 68% 23%, 57% 54%, 46% 57%, 35% 49%, 24% 70%, 12% 66%, 0 72%);
}

.insight-topic-visual--anomaly::after {
    top: 23%;
    left: 65%;
    width: 1.2rem;
    aspect-ratio: 1;
    border: 0.25rem solid rgba(255, 255, 255, 0.88);
    border-radius: 50%;
    background: #d66c54;
    box-shadow: 0 0 0 0.5rem rgba(214, 108, 84, 0.14);
}

.insight-topic-visual--human {
    background:
        linear-gradient(90deg, transparent 0 49.7%, var(--journal-section-line) 49.7% 50.3%, transparent 50.3%),
        linear-gradient(180deg, #f8fafc, #eaf0f6);
}

.insight-topic-visual--human::before {
    inset: 13% 10%;
    background:
        linear-gradient(#fff, #fff) 0 10% / 34% 26% no-repeat,
        linear-gradient(#fff, #fff) 100% 10% / 34% 26% no-repeat,
        linear-gradient(#fff, #fff) 50% 90% / 42% 27% no-repeat,
        linear-gradient(31deg, transparent 49%, var(--journal-section-accent) 49.5% 50.5%, transparent 51%),
        linear-gradient(-31deg, transparent 49%, var(--journal-section-accent) 49.5% 50.5%, transparent 51%);
    border: 1px solid transparent;
    filter: drop-shadow(0 0 0.35rem rgba(31, 66, 104, 0.08));
}

.insight-topic-visual--human::after {
    top: 39%;
    left: calc(50% - 1.6rem);
    width: 3.2rem;
    aspect-ratio: 1;
    border: 2px solid var(--journal-section-accent);
    background: rgba(255, 255, 255, 0.96);
    transform: rotate(45deg);
}

.insight-topic-visual--platform {
    background: linear-gradient(155deg, #faf7f0 15%, #e8dfd0);
}

.insight-topic-visual--platform::before {
    top: 18%;
    left: 20%;
    width: 60%;
    height: 32%;
    border: 1px solid var(--journal-section-accent);
    background: rgba(255, 255, 255, 0.82);
    box-shadow:
        0.7rem 0.75rem 0 color-mix(in srgb, var(--journal-section-accent) 13%, white),
        1.4rem 1.5rem 0 color-mix(in srgb, var(--journal-section-accent) 23%, white),
        2.1rem 2.25rem 0 color-mix(in srgb, var(--journal-section-accent) 36%, white);
    transform: skewY(-5deg);
}

.insight-topic-visual--platform::after {
    right: 17%;
    bottom: 17%;
    width: 2.5rem;
    aspect-ratio: 1;
    border: 2px solid rgba(255, 255, 255, 0.88);
    background: var(--journal-section-accent);
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}

.insight-topic-visual--reproducible {
    background:
        linear-gradient(90deg, transparent 0 29%, var(--journal-section-line) 29% 29.5%, transparent 29.5%),
        #fbf8f2;
}

.insight-topic-visual--reproducible::before {
    top: 14%;
    bottom: 14%;
    left: 29%;
    width: 2px;
    background: var(--journal-section-accent);
    box-shadow: 0 0 0 0.45rem color-mix(in srgb, var(--journal-section-accent) 8%, transparent);
}

.insight-topic-visual--reproducible::after {
    top: 17%;
    left: calc(29% - 0.42rem);
    width: 0.9rem;
    aspect-ratio: 1;
    border: 3px solid #fbf8f2;
    border-radius: 50%;
    background: var(--journal-section-accent);
    box-shadow:
        0 3.5rem 0 -0.05rem color-mix(in srgb, var(--journal-section-accent) 82%, white),
        0 7rem 0 -0.05rem color-mix(in srgb, var(--journal-section-accent) 60%, white),
        3rem 0.4rem 0 -0.24rem var(--journal-section-line),
        3rem 3.9rem 0 -0.24rem var(--journal-section-line),
        3rem 7.4rem 0 -0.24rem var(--journal-section-line);
}

.insight-topic-visual--workflow {
    background:
        linear-gradient(var(--journal-section-line) 1px, transparent 1px) 0 0 / 100% 3.25rem,
        linear-gradient(180deg, #fbf9f4, #eee7db);
}

.insight-topic-visual--workflow::before {
    top: calc(50% - 2rem);
    right: 8%;
    left: 8%;
    height: 4rem;
    background:
        linear-gradient(90deg,
            var(--journal-section-accent) 0 21%, transparent 21% 26%,
            color-mix(in srgb, var(--journal-section-accent) 72%, white) 26% 47%, transparent 47% 52%,
            color-mix(in srgb, var(--journal-section-accent) 48%, white) 52% 73%, transparent 73% 78%,
            color-mix(in srgb, var(--journal-section-accent) 26%, white) 78% 100%);
    clip-path: polygon(0 0, 88% 0, 100% 50%, 88% 100%, 0 100%, 9% 50%);
}

.insight-topic-visual--workflow::after {
    top: calc(50% - 0.28rem);
    left: 13%;
    width: 0.56rem;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #fff;
    box-shadow: 5.25rem 0 0 #fff, 10.5rem 0 0 #fff, 15.75rem 0 0 #fff;
}

/* The four journals do not repeat one card composition: research reads as a
   horizontal lab dossier, while applied insight reads as three field briefs. */
@media (min-width: 50.0625rem) {
    .insight-topic-grid--data-method {
        grid-auto-rows: auto;
        row-gap: clamp(1.5rem, 3vw, 2.75rem);
    }

    .insight-topic-grid--data-method > .insight-topic-card {
        min-height: 22rem;
        padding: 0;
        border: 1px solid var(--journal-section-line);
        background: rgba(255, 255, 255, 0.7);
        box-shadow: 0 1.25rem 2.7rem rgba(34, 50, 43, 0.055);
        grid-row: auto;
        grid-template-rows: minmax(0, 1fr);
    }

    .insight-topic-grid--data-method > .insight-topic-card--editing-method,
    .insight-topic-grid--data-method > .insight-topic-card--validation-method {
        grid-column: span 6;
        grid-template-columns: minmax(10rem, 0.62fr) minmax(0, 1.38fr);
    }

    .insight-topic-grid--data-method > .insight-topic-card--editing-method .insight-topic-card-inner,
    .insight-topic-grid--data-method > .insight-topic-card--validation-method .insight-topic-card-inner {
        padding: 0;
        grid-template-columns: minmax(10rem, 0.62fr) minmax(0, 1.38fr);
    }

    .insight-topic-grid--data-method > .insight-topic-card--profiling-method,
    .insight-topic-grid--data-method > .insight-topic-card--sampling-method {
        min-height: 20rem;
        grid-column: 1 / -1;
        grid-template-columns: minmax(20rem, 0.7fr) minmax(0, 1.3fr);
    }

    .insight-topic-grid--data-method > .insight-topic-card--profiling-method .insight-topic-card-inner {
        padding: 0;
        grid-template-columns: minmax(20rem, 0.7fr) minmax(0, 1.3fr);
    }

    .insight-topic-grid--data-method > .insight-topic-card--sampling-method {
        border-color: color-mix(in srgb, var(--journal-section-accent) 42%, white);
        background: linear-gradient(105deg, rgba(255, 255, 255, 0.82), rgba(226, 238, 232, 0.78));
        box-shadow: inset 0 0.25rem 0 color-mix(in srgb, var(--journal-section-accent) 72%, white), 0 1.25rem 2.7rem rgba(34, 50, 43, 0.055);
        grid-template-columns: minmax(0, 1.3fr) minmax(20rem, 0.7fr);
    }

    .insight-topic-grid--data-method > .insight-topic-card--sampling-method .insight-topic-card-inner {
        padding: 0;
        grid-template-columns: minmax(0, 1.3fr) minmax(20rem, 0.7fr);
    }

    .insight-topic-grid--data-method .insight-topic-visual {
        min-height: 100%;
        border-right: 1px solid var(--journal-section-line);
        border-bottom: 0;
    }

    .insight-topic-grid--data-method .insight-topic-card-body {
        min-height: 100%;
        padding: clamp(1.6rem, 2.6vw, 2.5rem);
    }

    .insight-topic-grid--data-method > .insight-topic-card--sampling-method .insight-topic-visual {
        border-right: 0;
        border-left: 1px solid var(--journal-section-line);
        grid-column: 2;
        grid-row: 1;
    }

    .insight-topic-grid--data-method > .insight-topic-card--sampling-method .insight-topic-card-inner .insight-topic-visual {
        grid-column: 2;
        grid-row: 1;
    }

    .insight-topic-grid--data-method > .insight-topic-card--sampling-method .insight-topic-card-body {
        grid-column: 1;
        grid-row: 1;
    }

    .insight-topic-grid--data-method > .insight-topic-card--sampling-method .insight-topic-card-inner .insight-topic-card-body {
        grid-column: 1;
        grid-row: 1;
    }

    .insight-journal-section--research .insight-topic-card--wide {
        min-height: 24rem;
        grid-column: 1 / -1;
        grid-row: 1;
        grid-template-columns: minmax(19rem, 0.82fr) minmax(0, 1.18fr);
        grid-template-rows: 1fr;
    }

    .insight-journal-section--research .insight-topic-card--wide .insight-topic-visual {
        min-height: 100%;
        border-right: 1px solid var(--journal-section-line);
        border-bottom: 0;
    }

    .insight-journal-section--research .insight-topic-card--wide .insight-topic-card-body {
        justify-content: center;
    }

    .insight-journal-section--research .insight-topic-card:not(.insight-topic-card--wide) {
        min-height: 20rem;
        grid-column: 1 / span 6;
        grid-row: 1;
    }

    .insight-journal-section--research .insight-topic-grid > .insight-topic-card--link {
        grid-column: 7 / span 6;
    }

    .insight-journal-section--applied .insight-topic-grid {
        grid-auto-rows: 1fr;
    }

    .insight-journal-section--applied .insight-topic-grid--reverse > .insight-topic-card,
    .insight-journal-section--applied .insight-topic-grid--reverse > .insight-topic-card--wide {
        min-height: 33rem;
        padding: 0;
        border: 1px solid var(--journal-section-line);
        background: rgba(255, 255, 255, 0.68);
        box-shadow: 0 1.25rem 2.5rem rgba(68, 53, 30, 0.045);
        grid-column: span 4;
        grid-row: 1;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: 12.5rem minmax(0, 1fr);
    }

    .insight-journal-section--applied .insight-topic-grid--reverse > .insight-topic-card--link {
        grid-template-rows: minmax(0, 1fr);
    }

    .insight-journal-section--applied .insight-topic-card-inner {
        padding: 0;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: 12.5rem minmax(0, 1fr);
    }

    .insight-journal-section--applied .insight-topic-visual,
    .insight-journal-section--applied .insight-topic-card--wide .insight-topic-visual {
        min-height: 12.5rem;
        border-right: 0;
        border-bottom: 1px solid var(--journal-section-line);
    }

    .insight-journal-section--applied .insight-topic-card-body,
    .insight-journal-section--applied .insight-topic-card--wide .insight-topic-card-body {
        min-height: 0;
        padding: clamp(1.4rem, 2vw, 2rem);
    }

    .insight-journal-section--applied .insight-topic-card h3,
    .insight-journal-section--applied .insight-topic-card--wide h3 {
        max-width: 18ch;
        font-size: clamp(1.45rem, 2vw, 1.85rem);
    }
}

.insight-topic-card--wide.insight-topic-card--link .insight-topic-card-inner {
    padding: 0;
    grid-template-columns: 1fr;
    grid-template-rows: minmax(15rem, 1fr) auto;
}

.insight-section-footer {
    display: flex;
    margin-top: clamp(2rem, 4vw, 3.5rem);
    justify-content: flex-end;
}

.insight-section-archive:not(.detail-link) {
    color: var(--journal-section-accent, var(--brand));
}

.insight-report-code {
    margin: 0 0 1rem;
    color: var(--brand);
    font-family: var(--font-sans);
    font-size: 0.88rem;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 0.07em;
}

.insight-report-hero .article-hero-copy h1 {
    max-width: 20ch;
}

.insight-archive-hero {
    padding-block: calc(var(--site-chrome-height) + clamp(4rem, 8vw, 7rem)) clamp(4.5rem, 8vw, 7rem);
}

.insight-archive-hero-inner {
    position: relative;
    z-index: 1;
    display: grid;
    align-items: end;
    grid-template-columns: minmax(0, 1fr) minmax(16rem, 0.34fr);
    gap: clamp(3rem, 9vw, 9rem);
}

.insight-archive-hero h1 {
    max-width: 16ch;
    margin-bottom: 1.5rem;
    font-size: clamp(3rem, 4.4vw, 4.45rem);
    line-height: 1.06;
    letter-spacing: -0.065em;
}

.insight-archive-hero h1 em {
    color: var(--brand);
    font-style: normal;
}

.insight-archive-section {
    background:
        linear-gradient(90deg, rgba(8, 122, 103, 0.04) 1px, transparent 1px) 0 0 / 8rem 100%,
        var(--surface);
}

.insight-archive-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-bottom: clamp(3rem, 6vw, 5rem);
    gap: 2rem;
}

.insight-archive-heading h2 {
    margin: 0;
    color: #13211d;
    font-size: clamp(2.1rem, 3.7vw, 3.2rem);
    line-height: 1.13;
    letter-spacing: -0.05em;
}

.insight-archive-heading .insight-section-archive {
    --journal-section-accent: #087a67;
    flex: 0 0 auto;
}

.insight-report-list {
    border-top: 1px solid rgba(8, 122, 103, 0.32);
}

.insight-report-list-item {
    border-bottom: 1px solid rgba(8, 122, 103, 0.2);
}

.insight-report-list-item > a {
    position: relative;
    display: grid;
    min-height: 15.5rem;
    padding: clamp(1.5rem, 3vw, 2.75rem) clamp(3rem, 6vw, 6rem) clamp(1.5rem, 3vw, 2.75rem) 0;
    color: #13211d;
    grid-template-columns: minmax(11rem, 0.32fr) minmax(0, 1.68fr);
    grid-template-rows: auto auto auto auto;
    column-gap: clamp(1.4rem, 3vw, 3rem);
    transition: background-color 180ms ease;
}

.insight-report-list-item > a:hover,
.insight-report-list-item > a:focus-visible {
    background: rgba(8, 122, 103, 0.055);
}

.insight-report-list-code,
.insight-report-list-kicker {
    font-family: var(--font-sans);
    font-size: 0.88rem;
    line-height: 1.4;
    letter-spacing: 0.04em;
}

.insight-report-list-code { color: #087a67; font-weight: 600; }
.insight-report-list-kicker { color: #52615b; font-weight: 500; grid-column: 2; grid-row: 1; }

.insight-report-list-code {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.insight-report-list-item h3 {
    max-width: none;
    margin: 0.75rem 0;
    grid-column: 2;
    grid-row: 2;
    font-size: clamp(1.45rem, 1.8vw, 1.9rem);
    line-height: 1.24;
    letter-spacing: -0.04em;
    word-break: keep-all;
}

.insight-report-list-item p {
    max-width: 62rem;
    margin: 0.1rem 0 0;
    color: #52615b;
    grid-column: 2;
    grid-row: 3;
    font-size: 1rem;
    line-height: 1.75;
}

.insight-report-list-meta {
    display: inline-flex;
    align-items: center;
    color: #52615b;
    font-family: var(--font-sans);
    font-size: 0.9rem;
    font-weight: 550;
    line-height: 1.5;
    letter-spacing: 0.01em;
    font-variant-numeric: tabular-nums;
    grid-column: 2;
    grid-row: 4;
    margin-top: 1.15rem;
    gap: 0.6rem;
}

@media (min-width: 90rem) {
    .insight-report-list-item h3 {
        white-space: nowrap;
    }
}

.insight-report-list-meta i {
    width: 0.22rem;
    height: 0.22rem;
    border-radius: 50%;
    background: currentColor;
}

.insight-report-list-meta .detail-link-indicator {
    position: absolute;
    top: 50%;
    right: clamp(0rem, 1vw, 1rem);
    transform: translateY(-50%);
}

.insight-topic-card-body {
    display: flex;
    min-width: 0;
    padding: 0 clamp(1rem, 2vw, 1.65rem);
    flex-direction: column;
}

.insight-topic-card--wide .insight-topic-card-body {
    min-height: 16rem;
    padding: clamp(1.7rem, 3vw, 2.75rem);
}

.insight-topic-kicker,
.insight-topic-type,
.insight-topic-action {
    font-size: 1rem;
    font-weight: 780;
    letter-spacing: 0.055em;
}

.insight-topic-kicker { color: var(--journal-section-accent); }

.insight-topic-card h3 {
    max-width: 25ch;
    margin: 0.85rem 0 0.75rem;
    color: #13211d;
    font-size: clamp(1.4rem, 2vw, 1.95rem);
    line-height: 1.28;
    letter-spacing: -0.028em;
    word-break: keep-all;
}

.insight-topic-card--wide h3 {
    max-width: 22ch;
    font-size: clamp(1.8rem, 2.8vw, 2.5rem);
}

.insight-topic-card p {
    max-width: 43rem;
    margin: 0 0 1.5rem;
    color: #57645f;
    font-size: 1rem;
    line-height: 1.72;
}

.insight-topic-type {
    display: inline-flex;
    align-items: center;
    margin-top: auto;
    padding-top: 1rem;
    color: #68756f;
    border-top: 1px solid var(--journal-section-line);
}

.insight-topic-action {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: auto;
    color: var(--journal-section-accent);
}

.insight-practice-cta {
    position: relative;
    overflow: hidden;
    color: #12241e;
    border-top: 1px solid rgba(8, 122, 103, 0.2);
    border-bottom: 1px solid rgba(8, 122, 103, 0.18);
    background:
        radial-gradient(circle at 12% 24%, rgba(35, 212, 198, 0.18), transparent 22rem),
        linear-gradient(120deg, #e6eee7 0%, #edf3ec 52%, #e0ebe5 100%);
}

.insight-practice-cta::before {
    position: absolute;
    inset: 0;
    opacity: 0.55;
    pointer-events: none;
    background:
        linear-gradient(rgba(8, 122, 103, 0.07) 1px, transparent 1px) 0 0 / 5rem 5rem,
        linear-gradient(90deg, rgba(8, 122, 103, 0.07) 1px, transparent 1px) 0 0 / 5rem 5rem;
    content: "";
    -webkit-mask-image: linear-gradient(90deg, transparent 42%, #000 100%);
    mask-image: linear-gradient(90deg, transparent 42%, #000 100%);
}

.insight-practice-cta .contact-cta-inner {
    position: relative;
    z-index: 1;
    min-height: 27rem;
}

.insight-practice-cta .eyebrow-light,
.insight-practice-cta .eyebrow-light i { color: #087a67; }

body[data-page="insights"] .insight-practice-cta h2 {
    max-width: 18ch;
    color: #12241e;
    font-size: clamp(2.2rem, 3.7vw, 3.2rem);
    line-height: 1.14;
}

.insight-practice-cta .contact-cta-inner > div:last-child p {
    color: #4d6159;
    font-size: 1.05rem;
    line-height: 1.78;
}

.insight-practice-cta .button-light {
    color: #fff;
    border: 1px solid #0b1730;
    background: #0b1730;
    box-shadow: 0 0.8rem 1.8rem rgba(11, 23, 48, 0.14);
    font-size: 1rem;
}

.insight-practice-cta .button-light:hover {
    color: #0b1730;
    background: #fff;
}

.insight-category-nav a:focus-visible,
.insight-featured-link:focus-visible,
.insight-topic-card-inner:focus-visible,
.insight-practice-cta .button:focus-visible {
    outline: 3px solid #23a999;
    outline-offset: 4px;
}

.insight-featured-link:focus-visible {
    outline-color: #6ee2d6;
}

@media (max-width: 72rem) {
    .sector-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .article-teaser {
        grid-template-columns: 5rem minmax(0, 1fr) minmax(13rem, 0.42fr) 2rem;
    }

    .article-layout {
        grid-template-columns: 12rem minmax(0, var(--editorial-measure));
        gap: 3rem;
    }

    .article-summary {
        grid-template-columns: 7rem repeat(3, minmax(0, 1fr));
    }

    body[data-page="insights"] .insight-journal-hero-inner {
        grid-template-columns: minmax(0, 1fr) minmax(16rem, 0.52fr);
        gap: clamp(1.5rem, 4vw, 3.5rem);
    }

    .insight-journal-hero-visual {
        width: min(31vw, 21rem);
    }

    .insight-category-nav-inner {
        grid-template-columns: 9rem minmax(0, 1fr);
    }

    .insight-category-nav a {
        padding-inline: 1rem;
        gap: 0.55rem;
    }

    .insight-featured-editorial-inner {
        grid-template-columns: minmax(0, 1fr) minmax(17rem, 0.62fr);
    }

    .insight-journal-heading {
        grid-template-columns: minmax(0, 1fr) minmax(17rem, 0.62fr);
        gap: 3rem;
    }

    .insight-topic-card:not(.insight-topic-card--wide):not(.insight-topic-card--link),
    .insight-topic-card-inner {
        grid-template-columns: minmax(5.75rem, 0.28fr) minmax(0, 1fr);
    }
}

@media (max-width: 56rem) {
    .editorial-hero-grid,
    .article-hero-grid,
    .editorial-heading,
    .insight-feature,
    .delivery-principles {
        grid-template-columns: 1fr;
    }

    .editorial-hero-aside {
        max-width: 32rem;
    }

    .outcome-card {
        min-height: 13rem;
    }

    .project-case {
        grid-template-columns: minmax(0, 1fr);
        gap: 2.5rem;
    }

    .delivery-principles ol {
        border-top: 1px solid var(--line-dark);
        border-left: 0;
    }

    .insight-feature {
        min-height: 0;
    }

    .insight-feature h2 {
        margin-top: 4rem;
    }

    .article-teaser {
        grid-template-columns: 4rem minmax(0, 1fr) 2rem;
    }

    .article-teaser > p {
        margin: 0;
        grid-column: 2;
    }

    .article-teaser > i {
        grid-column: 3;
        grid-row: 1 / span 2;
    }

    .article-summary {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .article-summary > header {
        display: none;
    }

    .article-summary > div:first-of-type {
        border-left: 1px solid var(--line-dark);
    }

    .article-layout {
        grid-template-columns: 1fr;
    }

    .article-toc {
        position: static;
        padding: 1rem;
        border: 1px solid var(--line);
        background: var(--paper);
    }

    .article-toc ol {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 1rem;
    }
}

@media (max-width: 50rem) {
    .editorial-hero {
        padding: calc(var(--site-chrome-height) + 2.5rem) 0 4rem;
        background: linear-gradient(180deg, #fafbfc, var(--paper));
    }

    .editorial-hero::after {
        display: none;
    }

    .breadcrumbs {
        margin-bottom: 2.5rem;
        flex-wrap: wrap;
    }

    .editorial-hero-grid,
    .article-hero-grid {
        gap: 2.5rem;
    }

    .editorial-hero-copy h1,
    .article-hero-copy h1 {
        max-width: none;
        margin-bottom: 1.2rem;
        font-size: clamp(2.35rem, 9.5vw, 2.85rem);
        line-height: 1.08;
    }

    .editorial-hero-lead,
    .article-deck {
        font-size: 1rem;
    }

    .editorial-hero-aside {
        max-width: none;
    }

    .outcome-grid {
        display: grid;
        width: 100%;
        padding: 0.8rem 1rem;
        grid-template-columns: 1fr;
        gap: 0.7rem;
    }

    .outcome-card,
    .outcome-card:first-child {
        min-height: 0;
        padding: 1.4rem;
        border: 1px solid var(--line-dark);
        border-radius: 0.8rem;
        background: rgba(255, 255, 255, 0.035);
    }

    .outcome-card h2,
    .outcome-card h3 {
        min-block-size: 0;
        margin-top: 3rem;
        font-size: 1.55rem;
    }

    .editorial-heading {
        display: block;
        margin-bottom: 2.5rem;
    }

    #sectorsTitle > .heading-line { display: inline; }

    .editorial-heading h2 {
        max-width: none;
        font-size: clamp(2rem, 8.5vw, 2.55rem);
    }

    .editorial-heading > p {
        margin-top: 1.2rem;
        font-size: 1rem;
    }

    .project-case {
        display: block;
        padding-block: 3rem;
    }

    .project-case-index {
        display: grid;
        align-items: end;
        min-height: 0;
        margin-bottom: 2rem;
        padding: 0 0 1.25rem;
        border-right: 0;
        border-bottom: 1px solid var(--line);
        grid-template-columns: auto minmax(0, 1fr);
        gap: 1.25rem;
    }

    .project-case-index > span {
        display: flex;
        align-items: baseline;
        gap: 0.55rem;
    }

    .project-case-index b {
        font-size: 2.65rem;
    }

    .project-case-index strong {
        max-width: none;
        margin-bottom: 0.15rem;
        padding-top: 0;
        border-top: 0;
        text-align: right;
    }

    .project-result {
        display: block;
    }

    .project-result-label {
        align-items: center;
        margin-bottom: 1.1rem;
        padding-top: 0;
        flex-direction: row;
        gap: 0.75rem;
    }

    .project-result-label b {
        padding-left: 0.75rem;
        border-left: 1px solid var(--line);
    }

    .project-result h3 {
        max-width: none;
        font-size: clamp(1.8rem, 8.6vw, 2.55rem);
    }

    .case-framework {
        grid-template-columns: 1fr;
        gap: 1.2rem;
    }

    .sector-grid {
        display: grid;
        width: 100%;
        grid-template-columns: 1fr;
        border: 0;
        gap: 0.75rem;
    }

    .sector-card {
        display: block;
        grid-row: auto;
        min-height: 0;
        border: 1px solid var(--line);
        border-radius: 0.8rem;
    }

    .sector-card ul {
        display: block;
        grid-row: auto;
    }

    .public-reference-note {
        grid-template-columns: 1fr;
    }

    .delivery-principles {
        border-radius: 0.9rem;
    }

    .delivery-principles > header {
        padding: 2rem 1.5rem 3rem;
    }

    .delivery-principles h2 {
        max-width: none;
        font-size: 2.3rem;
    }

    .delivery-principles li {
        min-height: 0;
        padding: 1.4rem;
    }

    .insight-feature {
        padding: 1.5rem;
        border-radius: 0.9rem;
        gap: 2rem;
    }

    .insight-feature h2 {
        max-width: none;
        margin-top: 4rem;
        font-size: clamp(2rem, 8.5vw, 2.55rem);
    }

    .article-teaser {
        display: grid;
        min-height: 0;
        padding: 2rem 0;
        grid-template-columns: 2.7rem minmax(0, 1fr) 1.5rem;
        gap: 0.75rem;
    }

    .article-teaser:hover {
        padding-inline: 0;
    }

    .article-teaser-index {
        font-size: 1.4rem;
    }

    .article-teaser h2,
    .article-teaser h3 {
        font-size: 1.35rem;
    }

    .article-teaser > p {
        font-size: 1rem;
    }

    .editorial-standards {
        grid-template-columns: 1fr;
    }

    .editorial-standard {
        min-height: 12rem;
    }

    .article-byline {
        display: grid;
        gap: 0.3rem;
    }

    .article-byline li::after {
        display: none;
    }

    .article-summary {
        display: grid;
        padding: 0.8rem 1rem;
        grid-template-columns: 1fr;
        gap: 0.7rem;
    }

    .article-summary > div,
    .article-summary > div:first-of-type {
        min-height: 0;
        padding: 1.25rem;
        border: 1px solid var(--line-dark);
        border-radius: 0.75rem;
        background: rgba(255, 255, 255, 0.035);
    }

    .article-shell {
        width: calc(100% - 2rem);
    }

    .article-section {
        padding-block: 4.5rem;
    }

    .article-layout {
        gap: 3.5rem;
    }

    .article-toc ol {
        grid-template-columns: 1fr;
    }

    .article-body > p:first-child {
        font-size: 1.08rem;
    }

    .article-body section + section {
        margin-top: 4rem;
        padding-top: 3.5rem;
    }

    .article-body h2 {
        max-width: none;
        font-size: clamp(1.9rem, 8vw, 2.4rem);
    }

    .article-body p,
    .article-body li,
    .article-body dd {
        font-size: 1rem;
        line-height: 1.82;
    }

    .article-pullquote {
        margin-inline: -0.3rem;
        padding: 1.5rem;
    }

    .article-flow li {
        grid-template-columns: 2.3rem 1fr;
    }

    .article-flow li > p {
        margin-top: 0.35rem;
        grid-column: 2;
    }

    .article-definition-grid {
        grid-template-columns: 1fr;
    }

    .article-definition-grid > div {
        min-height: 0;
    }

    .article-conclusion {
        padding: 1.5rem;
        border-radius: 0.9rem;
    }

    .related-heading {
        display: block;
    }

    .related-heading > a {
        display: inline-flex;
        margin-top: 0.7rem;
    }

    .related-grid {
        grid-template-columns: 1fr;
    }

    .related-card {
        min-height: 12rem;
    }

    body[data-page="insights"] .insight-journal-hero {
        min-height: 38rem !important;
    }

    body[data-page="insights"] .insight-journal-hero::before {
        background:
            radial-gradient(rgba(8, 122, 103, 0.2) 1px, transparent 1.5px) 0 0 / 1.5rem 1.5rem,
            radial-gradient(circle at 86% 74%, rgba(35, 212, 198, 0.18), transparent 14rem),
            linear-gradient(145deg, #fbf8f1, #eef4ed);
        -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.22) 54%, #000 100%);
        mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.22) 54%, #000 100%);
    }

    body[data-page="insights"] .insight-journal-hero::after {
        right: -11rem;
        bottom: -14rem;
        width: 28rem;
        height: 28rem;
    }

    body[data-page="insights"] .insight-journal-hero-inner {
        display: block;
        min-height: inherit;
        padding: calc(var(--site-chrome-height) + 2.5rem) 0 5rem;
    }

    body[data-page="insights"] .insight-journal-hero-copy {
        max-width: 33rem;
    }

    body[data-page="insights"] .insight-journal-hero h1 {
        max-width: 12ch;
        font-size: clamp(2.35rem, 10vw, 3rem);
    }

    body[data-page="insights"] .insight-journal-taxonomy {
        max-width: 26rem;
        letter-spacing: 0;
    }

    .insight-journal-hero-visual {
        position: absolute;
        right: -7rem;
        bottom: -7rem;
        width: 19rem;
        opacity: 0.46;
    }

    .insight-category-nav-inner {
        display: block;
        min-height: 0;
        padding-block: 1rem;
        overflow: hidden;
    }

    .insight-category-nav-label {
        min-height: 2.75rem;
        margin-bottom: 0.4rem;
        padding: 0;
        border-right: 0;
    }

    .insight-category-nav ol {
        display: flex;
        width: 100%;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
    }

    .insight-category-nav ol::-webkit-scrollbar { display: none; }

    .insight-category-nav li {
        flex: 0 0 auto;
    }

    .insight-category-nav a {
        min-width: 11.5rem;
        min-height: 3.75rem;
        padding: 0.75rem 1rem;
    }

    .insight-featured-editorial {
        padding-block: 4rem;
    }

    .insight-featured-editorial-inner {
        min-height: 0;
        grid-template-columns: 1fr;
    }

    .insight-featured-copy {
        padding: 2rem;
    }

    .insight-featured-copy .eyebrow {
        margin-bottom: 2.75rem;
    }

    .insight-featured-copy h2 {
        max-width: none;
        font-size: clamp(2.1rem, 9vw, 2.75rem);
    }

    .insight-featured-copy > p:not(.eyebrow) {
        font-size: 1rem;
    }

    .insight-featured-link {
        margin-top: 0;
    }

    .insight-featured-visual {
        min-height: 15rem;
        border-top: 1px solid rgba(255, 255, 255, 0.11);
        border-left: 0;
    }

    .insight-featured-flow {
        inset: 15% 9%;
    }

    .insight-featured-flow i {
        min-height: 4.6rem;
    }

    .insight-journal-section {
        padding-block: 4.75rem;
    }

    .insight-journal-section::after {
        top: 5rem;
        right: -10rem;
        width: 19rem;
        height: 19rem;
        opacity: 0.7;
    }

    .insight-journal-heading {
        grid-template-columns: 1fr;
        margin-bottom: 3rem;
        gap: 1.5rem;
    }

    .insight-journal-heading h2 {
        max-width: 16ch;
        font-size: clamp(2.05rem, 9vw, 2.65rem);
    }

    .insight-journal-heading > p {
        font-size: 1rem;
    }

    .insight-topic-grid,
    .insight-topic-grid--reverse {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
        gap: 1rem;
    }

    body[data-page="insights"] .insight-topic-grid > .insight-topic-card {
        min-height: 0;
        grid-column: 1;
        grid-row: auto;
    }

    .insight-topic-card:not(.insight-topic-card--wide):not(.insight-topic-card--link),
    .insight-topic-card-inner {
        padding: 0;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: 9.5rem minmax(0, 1fr);
    }

    .insight-topic-card--link {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto;
    }

    .insight-topic-card--wide:not(.insight-topic-card--link) {
        grid-template-columns: 1fr;
        grid-template-rows: 11rem auto;
    }

    .insight-topic-card--wide .insight-topic-visual {
        min-height: 11rem;
    }

    .insight-topic-card:not(.insight-topic-card--wide) .insight-topic-visual {
        min-height: 9.5rem;
        border-right: 0;
        border-bottom: 1px solid var(--journal-section-line);
    }

    .insight-topic-card-body {
        padding: 1.35rem;
    }

    .insight-topic-card--wide .insight-topic-card-body {
        min-height: 0;
        padding: 1.5rem;
    }

    .insight-topic-card h3,
    .insight-topic-card--wide h3 {
        max-width: none;
        font-size: clamp(1.4rem, 6.5vw, 1.8rem);
    }

    .insight-topic-card p {
        font-size: 1rem;
    }

    .insight-practice-cta .contact-cta-inner {
        display: block;
        min-height: 0;
        padding-block: 4.75rem;
    }

    body[data-page="insights"] .insight-practice-cta h2 {
        max-width: 17ch;
        font-size: clamp(2.05rem, 9vw, 2.7rem);
    }

    .insight-practice-cta .contact-cta-inner > div:last-child {
        margin-top: 2rem;
    }

    .insight-practice-cta .contact-cta-inner > div:last-child p {
        font-size: 1rem;
    }
}

@media (hover: none) {
    .article-teaser:hover {
        padding-inline: 0;
        color: inherit;
    }

    .related-card:hover {
        transform: none;
    }

    .insight-topic-card--link:hover {
        box-shadow: none;
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .article-teaser,
    .related-card,
    .insight-category-nav a,
    .insight-featured-link,
    .insight-topic-card--link,
    .insight-section-archive,
    .insight-report-list-item > a {
        transition: none;
    }
}

@media (min-width: 50.0625rem) and (max-width: 72rem) {
    .insight-topic-card--wide.insight-topic-card--link .insight-topic-card-inner {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(15rem, 1fr) auto;
    }

    .insight-topic-grid--data-method > .insight-topic-card--editing-method .insight-topic-card-inner,
    .insight-topic-grid--data-method > .insight-topic-card--validation-method .insight-topic-card-inner {
        grid-template-columns: minmax(8rem, 0.52fr) minmax(0, 1.48fr);
    }

    .insight-topic-grid--data-method > .insight-topic-card--profiling-method .insight-topic-card-inner {
        grid-template-columns: minmax(15rem, 0.64fr) minmax(0, 1.36fr);
    }

    .insight-topic-grid--data-method > .insight-topic-card--sampling-method .insight-topic-card-inner {
        grid-template-columns: minmax(0, 1.36fr) minmax(15rem, 0.64fr);
    }
}

@media (max-width: 56rem) {
    .insight-archive-hero-inner {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .insight-archive-heading {
        align-items: start;
        flex-direction: column;
    }

    .insight-report-list-item > a {
        min-height: 0;
        padding-right: 3.5rem;
        grid-template-columns: minmax(7.5rem, 0.48fr) minmax(0, 1.52fr);
        grid-template-rows: auto auto auto auto;
    }

    .insight-report-list-item p {
        margin-top: 1rem;
        grid-column: 2;
        grid-row: 3;
    }

    .insight-report-list-meta {
        margin-top: 1.25rem;
        grid-column: 2;
        grid-row: 4;
    }
}

@media (max-width: 42rem) {
    .insight-topic-card--wide.insight-topic-card--link .insight-topic-card-inner {
        grid-template-columns: 1fr;
        grid-template-rows: 11rem auto;
    }

    .insight-archive-hero h1 {
        font-size: clamp(2.55rem, 12vw, 3.3rem);
    }

    .insight-report-list-item > a {
        display: block;
        padding: 1.5rem 3.5rem 1.5rem 0;
    }

    .insight-report-list-kicker,
    .insight-report-list-item h3,
    .insight-report-list-item p,
    .insight-report-list-meta {
        display: block;
        margin-left: 0;
    }

    .insight-report-list-item h3 {
        margin-block: 0.8rem;
    }

    .insight-report-list-meta {
        display: flex;
        margin-top: 1.25rem;
    }
}

/* Editorial pages: metadata remains secondary without becoming fine print. */
.breadcrumbs ol,
.editorial-hero-aside > span,
.editorial-hero-aside dt,
.outcome-card > span,
.sector-card > span,
.public-reference-note strong,
.article-meta,
.insight-feature-copy > span,
.article-teaser-meta,
.editorial-standard > span,
.article-summary > header span,
.article-summary strong,
.article-toc > strong,
.related-card > span:not(.detail-link-indicator) {
    font-size: var(--type-label);
    letter-spacing: 0.075em;
}

.article-toc a,
.article-toc a::before,
.article-byline,
.editorial-hero-aside dd {
    font-size: var(--type-support);
}

/* Editorial labels follow the corporate sans-serif system, not a code-editor face. */
.editorial-hero-aside > span,
.outcome-card > span,
.project-case-index small,
.project-case-index b,
.project-result-label small,
.case-framework dt span,
.sector-card > span,
.delivery-principles li > span,
.article-meta,
.insight-feature-rail i,
.article-teaser-index,
.editorial-standard > span,
.article-summary > header span,
.article-summary strong,
.article-toc > strong,
.article-toc a::before,
.article-flow li > span,
.related-card > span:not(.detail-link-indicator) {
    font-family: var(--font-sans);
}

@media print {
    .breadcrumbs,
    .article-toc,
    .related-section,
    .outcome-band,
    .article-summary-band {
        display: none !important;
    }

    .editorial-hero,
    .article-hero {
        padding: 1.5rem 0;
        background: #fff;
    }

    .article-layout {
        display: block;
    }

    .article-body {
        max-width: none;
    }
}