:root {
  --blog-bg: #081711;
  --blog-panel: #10241c;
  --blog-panel-2: #132a21;
  --blog-line: #345045;
  --blog-text: #f4f7f4;
  --blog-soft: #b7c7bf;
}

.blog-page { color: var(--blog-text); background: var(--blog-bg); }
.blog-page h1, .blog-page h2, .blog-page h3 { overflow-wrap: anywhere; }
.language-current-static { min-width: 58px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; color: rgb(255 255 255 / 88%); border: 1px solid rgb(255 255 255 / 32%); border-radius: 999px; font-size: .76rem; font-weight: 850; }
.blog-hero { min-height: 720px; position: relative; overflow: hidden; color: #fff; background: radial-gradient(circle at 76% 40%, rgb(69 187 136 / 19%), transparent 31%), linear-gradient(125deg, #0e1e18, #132820 55%, #0d2119); }
.blog-hero__inner { min-height: 720px; padding-block: 78px; position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(360px, .82fr); align-items: center; gap: 80px; }
.blog-back { width: max-content; margin-bottom: 38px; display: inline-flex; align-items: center; gap: 10px; color: rgb(255 255 255 / 68%); font-size: .76rem; font-weight: 780; }
.blog-back:hover, .blog-back:focus-visible { color: var(--eds-mint); }
.blog-hero h1 { max-width: 840px; margin-top: 24px; font-size: clamp(3.8rem, 6.2vw, 6.7rem); line-height: .92; letter-spacing: -.066em; font-weight: 590; text-wrap: balance; }
.blog-hero__copy > p:not(.eyebrow) { max-width: 720px; margin-top: 30px; color: rgb(255 255 255 / 72%); font-size: 1.08rem; line-height: 1.72; }
.blog-hero__actions { margin-top: 36px; display: flex; align-items: center; gap: 25px; }
.blog-hero__panel { padding: 30px; border: 1px solid rgb(168 228 200 / 28%); border-radius: 24px; background: rgb(9 30 22 / 78%); box-shadow: 0 28px 70px rgb(0 0 0 / 28%); backdrop-filter: blur(16px); }
.blog-hero__panel > span { color: var(--eds-mint); font-size: .68rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.blog-hero__panel > strong { max-width: 420px; margin-top: 22px; display: block; font-size: clamp(1.65rem, 2.6vw, 2.55rem); line-height: 1.08; font-weight: 640; }
.blog-hero__panel ol { margin-top: 34px; border-top: 1px solid rgb(255 255 255 / 15%); }
.blog-hero__panel li { min-height: 48px; padding-block: 12px; display: grid; grid-template-columns: 32px 1fr; align-items: center; gap: 10px; color: #d9e5df; border-bottom: 1px solid rgb(255 255 255 / 15%); font-size: .82rem; font-weight: 720; }
.blog-hero__panel i { color: var(--eds-mint); font-style: normal; font-size: .64rem; font-weight: 900; }
.blog-hero__panel small { margin-top: 22px; display: block; color: #94a99f; line-height: 1.5; }

.blog-toc { min-height: 58px; position: sticky; z-index: 70; top: 136px; display: flex; align-items: center; color: #d5e2db; background: rgb(8 23 17 / 94%); border-block: 1px solid var(--blog-line); backdrop-filter: blur(14px); }
.blog-toc > div { display: flex; align-items: center; gap: 30px; overflow-x: auto; scrollbar-width: none; }
.blog-toc > div::-webkit-scrollbar { display: none; }
.blog-toc a { flex: 0 0 auto; padding-block: 17px; font-size: .72rem; font-weight: 780; }
.blog-toc a:hover, .blog-toc a:focus-visible { color: var(--eds-mint); }

.blog-intro, .connections-section, .decision-section, .sources-section { background: var(--blog-bg); }
.blog-page .blog-intro { display: block; grid-template-columns: none; gap: 0; border-bottom: 0; }
.audience-section, .inventory-section, .limits-section { background: var(--blog-panel); }
.blog-reading-grid { display: grid; grid-template-columns: minmax(220px, .45fr) minmax(0, 1.55fr); gap: 90px; align-items: start; }
.blog-reading-grid > aside { position: sticky; top: 220px; }
.blog-reading-grid > aside strong { max-width: 310px; margin-top: 28px; display: block; color: #dce9e2; font-size: 1.25rem; line-height: 1.45; }
.blog-prose .blog-lead { color: var(--eds-mint); font-size: clamp(1.45rem, 2.4vw, 2.15rem); line-height: 1.35; }
.blog-prose h2 { max-width: 900px; margin-top: 48px; font-size: clamp(2.8rem, 5vw, 5.2rem); line-height: .98; letter-spacing: -.058em; font-weight: 590; text-wrap: balance; }
.blog-prose > p:last-child { max-width: 820px; margin-top: 30px; color: var(--blog-soft); font-size: 1.05rem; line-height: 1.8; }
.value-chain { width: var(--shell); margin: 72px auto 0; padding: 18px; display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr; align-items: center; gap: 12px; border: 1px solid var(--blog-line); border-radius: 20px; background: var(--blog-panel); }
.value-chain span { min-width: 0; min-height: 70px; padding: 12px 6px; display: grid; place-content: center; gap: 4px; text-align: center; overflow-wrap: anywhere; font-size: .8rem; font-weight: 760; }
.value-chain b { color: var(--eds-mint); font-size: .62rem; letter-spacing: .1em; }
.value-chain i { color: var(--eds-mint); font-style: normal; }

.lifecycle-section { background: linear-gradient(145deg, #0e261c, #10241c 58%, #0b1d16); border-block: 1px solid var(--blog-line); }
.lifecycle-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--blog-line); border-radius: 22px; overflow: hidden; }
.lifecycle-grid article { min-height: 340px; padding: 30px; display: flex; flex-direction: column; background: rgb(255 255 255 / 2%); }
.lifecycle-grid article:not(:nth-child(3n + 1)) { border-left: 1px solid var(--blog-line); }
.lifecycle-grid article:nth-child(n + 4) { border-top: 1px solid var(--blog-line); }
.lifecycle-grid article > span { color: var(--eds-mint); font-size: .66rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.lifecycle-grid h3 { margin-top: 44px; font-size: clamp(1.55rem, 2.25vw, 2.15rem); line-height: 1.06; font-weight: 650; }
.lifecycle-grid p { margin-top: 18px; color: var(--blog-soft); line-height: 1.65; }
.lifecycle-grid small { margin-top: auto; padding-top: 26px; color: #dce8e1; line-height: 1.5; }
.exception-strip { margin-top: 24px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--blog-line); border-radius: 18px; overflow: hidden; }
.exception-strip > div { min-height: 116px; padding: 22px; display: grid; align-content: center; gap: 9px; background: #0a1a14; }
.exception-strip > div + div { border-left: 1px solid var(--blog-line); }
.exception-strip b { color: var(--eds-mint); font-size: .76rem; }
.exception-strip span { color: #aebfb7; font-size: .72rem; line-height: 1.45; }

.section-heading-wide { margin-bottom: 62px; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(290px, .65fr); gap: 80px; align-items: end; }
.section-heading-wide h2 { max-width: 900px; margin-top: 20px; font-size: clamp(2.75rem, 5vw, 5rem); line-height: .98; letter-spacing: -.058em; font-weight: 590; text-wrap: balance; }
.section-heading-wide > p { color: var(--blog-soft); line-height: 1.75; }

.audience-filter { margin-bottom: 24px; display: flex; flex-wrap: wrap; gap: 9px; }
.audience-filter button { min-height: 42px; padding: 9px 15px; color: #d8e4de; background: transparent; border: 1px solid #527062; border-radius: 999px; font-size: .72rem; font-weight: 800; }
.audience-filter button:hover, .audience-filter button:focus-visible { color: #fff; border-color: var(--eds-mint); }
.audience-filter button[aria-pressed="true"] { color: var(--eds-deep); background: var(--eds-mint); border-color: var(--eds-mint); }
.audience-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.audience-card { min-width: 0; min-height: 430px; padding: 28px; display: flex; flex-direction: column; border: 1px solid var(--blog-line); border-radius: 20px; background: rgb(255 255 255 / 2.5%); }
.audience-card[hidden] { display: none; }
.audience-card--lead { background: linear-gradient(145deg, rgb(69 187 136 / 12%), rgb(255 255 255 / 2%) 70%); border-color: #4c7563; }
.audience-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.audience-card__meta span { color: var(--eds-mint); font-size: .63rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.audience-card__meta b { padding: 5px 8px; color: #dce9e2; background: rgb(255 255 255 / 7%); border-radius: 999px; font-size: .58rem; letter-spacing: .02em; }
.audience-card h3 { margin-top: 48px; font-size: clamp(1.5rem, 2vw, 2.05rem); line-height: 1.08; font-weight: 650; }
.audience-card > p { margin-top: 18px; color: var(--blog-soft); line-height: 1.62; }
.audience-card ul { margin-top: auto; padding-top: 24px; display: grid; gap: 9px; }
.audience-card li { position: relative; padding-left: 20px; color: #d8e4de; font-size: .78rem; line-height: 1.45; }
.audience-card li::before { content: "✓"; position: absolute; left: 0; color: var(--eds-mint); font-weight: 900; }
.audience-count { margin-top: 22px; color: #9db0a7; font-size: .76rem; text-align: right; }
.audience-count b { color: var(--eds-mint); }

.connection-tracks { display: grid; gap: 18px; }
.connection-tracks article { padding: 30px; display: grid; grid-template-columns: minmax(250px, .7fr) minmax(520px, 1.3fr); gap: 36px; border: 1px solid var(--blog-line); border-radius: 22px; background: var(--blog-panel); }
.connection-tracks article > div > span { color: var(--eds-mint); font-size: .68rem; font-weight: 900; }
.connection-tracks h3 { margin-top: 20px; font-size: 1.75rem; line-height: 1.1; font-weight: 650; }
.connection-tracks article > div > p { margin-top: 10px; color: var(--blog-soft); font-size: .82rem; }
.connection-tracks ol { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 19px; align-items: center; }
.connection-tracks li { min-height: 66px; padding: 10px; position: relative; display: grid; place-content: center; color: #e7f0eb; background: var(--blog-panel-2); border: 1px solid #476657; border-radius: 11px; text-align: center; font-size: .72rem; font-weight: 770; }
.connection-tracks li:not(:last-child)::after { content: "→"; position: absolute; left: calc(100% + 6px); color: var(--eds-mint); }
.connection-tracks article > small { grid-column: 2; color: #94a99f; line-height: 1.5; }
.relation-map { margin-top: 54px; border: 1px solid var(--blog-line); border-radius: 22px; overflow: hidden; }
.relation-map > div { min-height: 72px; padding: 18px 24px; display: grid; grid-template-columns: 150px 1fr; align-items: center; gap: 24px; background: rgb(255 255 255 / 2%); }
.relation-map > div + div { border-top: 1px solid var(--blog-line); }
.relation-map b { color: var(--eds-mint); }
.relation-map span { color: var(--blog-soft); line-height: 1.5; }

.inventory-summary { margin-bottom: 26px; display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--blog-line); border-radius: 18px; overflow: hidden; }
.inventory-summary > div { min-height: 100px; padding: 20px; display: flex; align-items: baseline; justify-content: center; gap: 10px; background: rgb(255 255 255 / 3%); }
.inventory-summary > div + div { border-left: 1px solid var(--blog-line); }
.inventory-summary strong { color: var(--eds-mint); font-size: 2.1rem; }
.inventory-summary span { color: #d5e2db; font-size: .8rem; }
.inventory-table-wrap { overflow: auto; border: 1px solid var(--blog-line); border-radius: 22px; background: #0d2018; box-shadow: 0 26px 60px rgb(0 0 0 / 20%); }
.inventory-table { width: 100%; min-width: 1120px; border-collapse: separate; border-spacing: 0; }
.inventory-table caption { padding: 20px 22px; color: #dce9e2; border-bottom: 1px solid var(--blog-line); text-align: left; font-size: .82rem; font-weight: 800; }
.inventory-table th, .inventory-table td { padding: 18px; vertical-align: top; border-right: 1px solid var(--blog-line); border-bottom: 1px solid var(--blog-line); text-align: left; font-size: .78rem; line-height: 1.55; }
.inventory-table thead th { position: sticky; z-index: 2; top: 0; color: var(--eds-mint); background: #132a21; font-size: .66rem; letter-spacing: .08em; text-transform: uppercase; }
.inventory-table thead th:first-child { left: 0; z-index: 3; }
.inventory-table tbody th { width: 168px; position: sticky; left: 0; color: #f1f7f4; background: #10241c; font-weight: 800; }
.inventory-table td { color: var(--blog-soft); }
.inventory-table th:last-child, .inventory-table td:last-child { border-right: 0; }
.inventory-table tbody tr:last-child th, .inventory-table tbody tr:last-child td { border-bottom: 0; }
.inventory-note { margin-top: 24px; padding: 20px 24px; color: #d5e2db; background: #163528; border-left: 4px solid var(--eds-mint); border-radius: 0 12px 12px 0; line-height: 1.62; }
.inventory-note strong { color: var(--eds-mint); }

.decision-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--blog-line); border-radius: 22px; overflow: hidden; }
.decision-grid article { min-height: 360px; padding: 26px; display: flex; flex-direction: column; background: var(--blog-panel); }
.decision-grid article + article { border-left: 1px solid var(--blog-line); }
.decision-grid article > span { color: var(--eds-mint); font-size: .68rem; font-weight: 900; }
.decision-grid h3 { margin-top: 64px; font-size: 1.75rem; line-height: 1.08; font-weight: 650; }
.decision-grid p { margin-top: 18px; color: var(--blog-soft); line-height: 1.6; }
.decision-grid b { margin-top: auto; padding-top: 24px; color: var(--eds-mint); font-size: .65rem; letter-spacing: .1em; text-transform: uppercase; }
.decision-grid small { margin-top: 6px; color: #d5e2db; line-height: 1.5; }

.limits-grid { display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid var(--blog-line); border-radius: 22px; overflow: hidden; }
.limits-grid article { min-height: 410px; padding: 34px; background: rgb(255 255 255 / 3%); }
.limits-grid article + article { border-left: 1px solid var(--blog-line); }
.limits-grid article > h3 { margin: 0; color: var(--eds-mint); font-size: .72rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.limits-grid ul { margin-top: 46px; display: grid; gap: 16px; }
.limits-grid li { position: relative; padding-left: 26px; color: #d8e4de; line-height: 1.5; }
.limits-grid li::before { content: "✓"; position: absolute; left: 0; color: var(--eds-mint); font-weight: 900; }
.limits-grid article:last-child li::before { content: "?"; }
.fit-warning { margin-top: 28px; padding: 28px; display: grid; grid-template-columns: 220px 1fr; gap: 35px; color: #d8e4de; background: #0c1e17; border: 1px solid var(--blog-line); border-radius: 18px; }
.fit-warning b { color: var(--eds-mint); }
.fit-warning p { line-height: 1.68; }

.sources-grid { display: grid; grid-template-columns: minmax(300px, .75fr) minmax(0, 1.25fr); gap: 80px; align-items: start; }
.sources-grid h2 { max-width: 620px; margin-top: 20px; font-size: clamp(2.7rem, 4.7vw, 4.6rem); line-height: .98; letter-spacing: -.056em; font-weight: 590; }
.sources-grid > div > p:last-child { max-width: 600px; margin-top: 26px; color: var(--blog-soft); line-height: 1.75; }
.sources-grid ol { border-top: 1px solid var(--blog-line); }
.sources-grid li { padding-block: 22px; display: grid; grid-template-columns: 38px 1fr; gap: 18px; border-bottom: 1px solid var(--blog-line); }
.sources-grid li > span { color: var(--eds-mint); font-size: .66rem; font-weight: 900; }
.sources-grid a { color: #eef7f2; font-weight: 800; line-height: 1.45; }
.sources-grid a:hover, .sources-grid a:focus-visible { color: var(--eds-mint); }
.sources-grid li p { margin-top: 7px; color: var(--blog-soft); font-size: .8rem; line-height: 1.55; }

.blog-cta { padding-block: 92px; color: #fff; background: radial-gradient(circle at 12% 20%, rgb(168 228 200 / 15%), transparent 28%), #0d4f39; }
.blog-cta > .shell { display: grid; grid-template-columns: 1.2fr .8fr; gap: 80px; align-items: end; }
.blog-cta h2 { max-width: 820px; margin-top: 20px; font-size: clamp(3.2rem, 6vw, 5.7rem); line-height: .94; letter-spacing: -.062em; font-weight: 590; }
.blog-cta > .shell > div:last-child > p { margin-bottom: 30px; color: #d8e7df; line-height: 1.75; }

html[data-theme="light"] .blog-page { --blog-bg: #f4f7f4; --blog-panel: #e9f1ec; --blog-panel-2: #fff; --blog-line: #c7d2cc; --blog-text: #13241e; --blog-soft: #5c6d65; color: var(--blog-text); background: var(--blog-bg); }
html[data-theme="light"] .language-current-static { color: #13241e; border-color: rgb(19 36 30 / 32%); }
html[data-theme="light"] .blog-hero { color: #13241e; background: radial-gradient(circle at 76% 40%, rgb(69 187 136 / 21%), transparent 31%), linear-gradient(125deg, #fff, #f4f7f4 55%, #e5f5ed); }
html[data-theme="light"] .blog-hero__copy > p:not(.eyebrow), html[data-theme="light"] .blog-back { color: #50635a; }
html[data-theme="light"] .blog-hero__panel { color: #13241e; background: rgb(255 255 255 / 82%); border-color: #a7cdb9; }
html[data-theme="light"] .blog-hero__panel li { color: #30483d; border-color: #c7d2cc; }
html[data-theme="light"] .blog-hero__panel small { color: #5c6d65; }
html[data-theme="light"] .blog-toc { color: #30483d; background: rgb(244 247 244 / 94%); }
html[data-theme="light"] .blog-reading-grid > aside strong, html[data-theme="light"] .inventory-summary span, html[data-theme="light"] .audience-filter button, html[data-theme="light"] .audience-card li, html[data-theme="light"] .inventory-note, html[data-theme="light"] .decision-grid small, html[data-theme="light"] .limits-grid li, html[data-theme="light"] .fit-warning { color: #30483d; }
html[data-theme="light"] .audience-filter button { border-color: #8da99b; }
html[data-theme="light"] .lifecycle-section { background: linear-gradient(145deg, #edf5f0, #e5f0e9); }
html[data-theme="light"] .lifecycle-grid article, html[data-theme="light"] .exception-strip > div { background: rgb(255 255 255 / 70%); }
html[data-theme="light"] .lifecycle-grid p, html[data-theme="light"] .lifecycle-grid small, html[data-theme="light"] .exception-strip span { color: #405249; }
html[data-theme="light"] .audience-card, html[data-theme="light"] .inventory-summary > div, html[data-theme="light"] .limits-grid article { background: rgb(255 255 255 / 62%); }
html[data-theme="light"] .audience-card--lead { background: linear-gradient(145deg, #dff2e8, rgb(255 255 255 / 64%) 72%); }
html[data-theme="light"] .audience-card__meta b { color: #405249; background: #dce8e1; }
html[data-theme="light"] .inventory-table-wrap { background: #fff; }
html[data-theme="light"] .inventory-table thead th { color: #fff; background: #0d4f39; }
html[data-theme="light"] .inventory-table tbody th { color: #13241e; background: #edf4ef; }
html[data-theme="light"] .inventory-note { color: #30483d; background: #e5f5ed; }
html[data-theme="light"] .sources-grid a { color: #0d4f39; }

html[data-theme="contrast"] .blog-page, html[data-theme="contrast"] .blog-hero, html[data-theme="contrast"] .blog-intro, html[data-theme="contrast"] .lifecycle-section, html[data-theme="contrast"] .audience-section, html[data-theme="contrast"] .connections-section, html[data-theme="contrast"] .inventory-section, html[data-theme="contrast"] .decision-section, html[data-theme="contrast"] .limits-section, html[data-theme="contrast"] .sources-section, html[data-theme="contrast"] .blog-cta { color: #fff !important; background: #000 !important; }
html[data-theme="contrast"] .language-current-static { color: #fff; border: 2px solid #fff; }
html[data-theme="contrast"] .blog-hero .eds-grid { display: none; }
html[data-theme="contrast"] .blog-hero__copy > p:not(.eyebrow), html[data-theme="contrast"] .blog-back, html[data-theme="contrast"] .blog-hero__panel li, html[data-theme="contrast"] .blog-hero__panel small, html[data-theme="contrast"] .section-heading-wide > p, html[data-theme="contrast"] .blog-prose > p:last-child, html[data-theme="contrast"] .audience-card > p, html[data-theme="contrast"] .audience-card li, html[data-theme="contrast"] .connection-tracks article > div > p, html[data-theme="contrast"] .connection-tracks article > small, html[data-theme="contrast"] .relation-map span, html[data-theme="contrast"] .inventory-table td, html[data-theme="contrast"] .decision-grid p, html[data-theme="contrast"] .decision-grid small, html[data-theme="contrast"] .limits-grid li, html[data-theme="contrast"] .fit-warning, html[data-theme="contrast"] .sources-grid > div > p:last-child, html[data-theme="contrast"] .sources-grid li p, html[data-theme="contrast"] .blog-cta > .shell > div:last-child > p { color: #fff !important; }
html[data-theme="contrast"] .blog-hero__panel, html[data-theme="contrast"] .value-chain, html[data-theme="contrast"] .lifecycle-grid, html[data-theme="contrast"] .exception-strip, html[data-theme="contrast"] .audience-card, html[data-theme="contrast"] .connection-tracks article, html[data-theme="contrast"] .relation-map, html[data-theme="contrast"] .inventory-summary, html[data-theme="contrast"] .inventory-table-wrap, html[data-theme="contrast"] .decision-grid, html[data-theme="contrast"] .limits-grid, html[data-theme="contrast"] .fit-warning { color: #fff !important; background: #000 !important; border: 2px solid #fff !important; }
html[data-theme="contrast"] .inventory-table thead th, html[data-theme="contrast"] .inventory-table tbody th { color: #000 !important; background: #ffe600 !important; }
html[data-theme="contrast"] .lifecycle-grid article, html[data-theme="contrast"] .exception-strip > div { color: #fff !important; background: #000 !important; border-color: #fff !important; }
html[data-theme="contrast"] .lifecycle-grid p, html[data-theme="contrast"] .lifecycle-grid small, html[data-theme="contrast"] .exception-strip span { color: #fff !important; }
html[data-theme="contrast"] .eyebrow, html[data-theme="contrast"] .blog-prose .blog-lead, html[data-theme="contrast"] .lifecycle-grid article > span, html[data-theme="contrast"] .exception-strip b, html[data-theme="contrast"] .audience-card__meta span, html[data-theme="contrast"] .audience-card li::before, html[data-theme="contrast"] .connection-tracks article > div > span, html[data-theme="contrast"] .relation-map b, html[data-theme="contrast"] .inventory-summary strong, html[data-theme="contrast"] .inventory-note strong, html[data-theme="contrast"] .decision-grid article > span, html[data-theme="contrast"] .decision-grid b, html[data-theme="contrast"] .limits-grid article > h3, html[data-theme="contrast"] .limits-grid li::before, html[data-theme="contrast"] .fit-warning b, html[data-theme="contrast"] .sources-grid li > span, html[data-theme="contrast"] .sources-grid a { color: #ffe600 !important; }

@media (max-width: 1080px) {
  .blog-hero__inner, .blog-reading-grid, .section-heading-wide, .sources-grid, .blog-cta > .shell { grid-template-columns: minmax(0, 1fr); gap: 48px; }
  .blog-reading-grid > aside { position: static; max-width: 560px; }
  .audience-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lifecycle-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lifecycle-grid article:not(:nth-child(3n + 1)) { border-left: 0; }
  .lifecycle-grid article:nth-child(even) { border-left: 1px solid var(--blog-line); }
  .lifecycle-grid article:nth-child(n + 3) { border-top: 1px solid var(--blog-line); }
  .exception-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .exception-strip > div:nth-child(3) { border-left: 0; }
  .exception-strip > div:nth-child(n + 3) { border-top: 1px solid var(--blog-line); }
  .connection-tracks article { grid-template-columns: 1fr; }
  .connection-tracks article > small { grid-column: auto; }
  .decision-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .decision-grid article:nth-child(3) { border-left: 0; }
  .decision-grid article:nth-child(n+3) { border-top: 1px solid var(--blog-line); }
  .blog-toc { top: 92px; }
}

@media (max-width: 700px) {
  .blog-hero { min-height: auto; }
  .blog-hero__inner { min-height: auto; padding-block: 60px 70px; }
  .blog-hero h1 { font-size: clamp(3.1rem, 14vw, 4.4rem); }
  .blog-hero__actions { flex-direction: column; align-items: stretch; }
  .blog-hero__actions .text-link { min-height: 48px; justify-content: center; }
  .blog-toc { top: 78px; }
  .value-chain { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 10px; }
  .value-chain i { display: none; }
  .value-chain span { min-height: 58px; padding: 9px; border: 1px solid var(--blog-line); border-radius: 10px; }
  .lifecycle-grid, .exception-strip { grid-template-columns: 1fr; }
  .lifecycle-grid article { min-height: 300px; }
  .lifecycle-grid article:nth-child(even) { border-left: 0; }
  .lifecycle-grid article + article, .exception-strip > div + div { border-left: 0; border-top: 1px solid var(--blog-line); }
  .audience-filter { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; }
  .audience-filter button { flex: 0 0 auto; }
  .audience-grid, .limits-grid, .decision-grid, .inventory-summary { grid-template-columns: 1fr; }
  .audience-card { min-height: 390px; }
  .connection-tracks article { padding: 24px; }
  .connection-tracks ol { grid-template-columns: 1fr; gap: 22px; }
  .connection-tracks li:not(:last-child)::after { top: calc(100% + 3px); left: 50%; transform: translateX(-50%) rotate(90deg); }
  .relation-map > div { grid-template-columns: 1fr; gap: 7px; }
  .inventory-summary > div + div, .limits-grid article + article, .decision-grid article + article { border-left: 0; border-top: 1px solid var(--blog-line); }
  .decision-grid article:nth-child(3) { border-top: 1px solid var(--blog-line); }
  .fit-warning { grid-template-columns: 1fr; gap: 14px; }
  .blog-cta { padding-block: 72px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; }
}