/* Phase 2D4B: County Confusion semantic explainer only. */
.wp-site-blocks > .hci-content-shell:has(.hci-d4b-confusion) { margin-block-start: 0; }
.hci-editorial-content:has(> .hci-d4b-confusion) { margin-block-start: 0; padding-block: 0; }
.hci-d4b-confusion { --hci-d4b-gutter: max(24px, calc((100vw - 1200px) / 2)); box-sizing: border-box; width: 100vw !important; max-width: none !important; margin-inline: calc(50% - 50vw) !important; color: var(--wp--preset--color--primary); background: var(--wp--preset--color--background); }
.hci-d4b-confusion *, .hci-d4b-confusion *::before, .hci-d4b-confusion *::after { box-sizing: border-box; }
.hci-d4b-confusion__inner { width: min(100%, 1200px); margin-inline: auto; }
.hci-d4b-confusion :where(h1, h2, h3, p, figure, dl) { margin-top: 0; }
.hci-d4b-confusion__hero, .hci-d4b-confusion__section, .hci-d4b-confusion__spread { padding-inline: var(--hci-d4b-gutter); }
.hci-d4b-confusion__hero { padding-block: clamp(76px, 9vw, 144px); border-top: 4px solid var(--wp--preset--color--accent); background: var(--wp--preset--color--primary); color: var(--wp--preset--color--cards); }
.hci-d4b-confusion__eyebrow, .hci-d4b-confusion__system-label, .hci-d4b-confusion__core-label { margin-bottom: 14px; color: var(--wp--preset--color--accent); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.hci-d4b-confusion h1 { max-width: 930px; margin-block: 18px 28px; color: var(--wp--preset--color--cards); font-size: clamp(3.2rem, 6.6vw, 6rem); line-height: 0.97; }
.hci-d4b-confusion__lead { max-width: 820px; margin-bottom: 16px; color: rgb(255 255 255 / 0.9); font-size: clamp(1.12rem, 1.55vw, 1.34rem); font-weight: 700; line-height: 1.56; }
.hci-d4b-confusion__lede { max-width: 720px; margin-bottom: 0; color: rgb(255 255 255 / 0.8); line-height: 1.65; }
.hci-d4b-confusion__actions { display: flex; margin: 30px 0 0; flex-wrap: wrap; gap: 12px; }
.hci-d4b-confusion__actions :is(.button-primary, .button-secondary) { display: inline-flex; min-height: 44px; align-items: center; padding: 12px 18px; }
.hci-d4b-confusion__core { margin-top: clamp(52px, 7vw, 88px); padding-top: 26px; border-top: 1px solid rgb(255 255 255 / 0.28); }
.hci-d4b-confusion__core-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid rgb(255 255 255 / 0.2); }
.hci-d4b-confusion__core-grid > div { min-width: 0; padding: 24px 28px 4px 0; }
.hci-d4b-confusion__core-grid > div + div { padding-left: 28px; border-left: 1px solid rgb(255 255 255 / 0.2); }
.hci-d4b-confusion__core-grid p:last-child { margin-bottom: 0; color: rgb(255 255 255 / 0.84); line-height: 1.58; }
.hci-d4b-confusion__section { padding-block: clamp(68px, 8vw, 128px); }
.hci-d4b-confusion__section--warm { background: var(--wp--preset--color--background); }
.hci-d4b-confusion__section--paper { background: var(--wp--preset--color--cards); }
.hci-d4b-confusion__section :is(.hci-d4b-confusion__eyebrow, .hci-d4b-confusion__system-label) { color: var(--wp--preset--color--secondary); }
.hci-d4b-confusion__section h2, .hci-d4b-confusion__spread h2 { max-width: 800px; margin-bottom: 20px; font-size: clamp(2rem, 3.4vw, 3.45rem); line-height: 1.04; }
.hci-d4b-confusion__diagnostics { border-top: 1px solid rgb(14 42 71 / 0.25); }
.hci-d4b-confusion__diagnostics article { display: grid; grid-template-columns: minmax(180px, 0.29fr) minmax(300px, 0.71fr); gap: 20px clamp(36px, 7vw, 106px); padding-block: clamp(32px, 4vw, 54px); border-bottom: 1px solid rgb(14 42 71 / 0.25); }
.hci-d4b-confusion__index { grid-row: 1 / span 2; margin-bottom: 0; color: var(--wp--preset--color--secondary); font-size: 0.85rem; font-weight: 800; letter-spacing: 0.06em; }
.hci-d4b-confusion__index span { display: block; margin-top: 8px; color: var(--wp--preset--color--primary); font-size: 0.76rem; letter-spacing: 0.08em; text-transform: uppercase; }
.hci-d4b-confusion__diagnostics h2 { margin: 0; font-size: clamp(1.55rem, 2.45vw, 2.35rem); }
.hci-d4b-confusion__diagnostics article > p:last-child { max-width: 680px; margin-bottom: 0; line-height: 1.68; }
.hci-d4b-confusion__heading { max-width: 770px; margin-bottom: clamp(42px, 6vw, 76px); }
.hci-d4b-confusion__heading > p:last-child { margin-bottom: 0; font-size: 1.1rem; line-height: 1.65; }
  .hci-d4b-confusion__systems { display: grid; grid-template-columns: minmax(0, 1.12fr) repeat(2, minmax(0, 0.94fr)); border-top: 1px solid rgb(14 42 71 / 0.25); }
  .hci-d4b-confusion__systems article { min-width: 0; padding: 30px 30px 8px 0; }
  .hci-d4b-confusion__systems article + article { padding-left: 30px; border-left: 1px solid rgb(14 42 71 / 0.25); }
  .hci-d4b-confusion__systems h3 { margin-bottom: 18px; font-size: clamp(1.45rem, 2.15vw, 2.15rem); line-height: 1.1; }
  .hci-d4b-confusion__systems .hci-d4b-confusion__system--county { padding-top: 26px; border-top: 4px solid var(--wp--preset--color--accent); }
  .hci-d4b-confusion__systems .hci-d4b-confusion__system--county h3 { font-size: clamp(1.62rem, 2.35vw, 2.35rem); }
.hci-d4b-confusion__systems p:not(.hci-d4b-confusion__system-label) { margin-bottom: 16px; line-height: 1.68; }
.hci-d4b-confusion__systems p:last-child { margin-bottom: 0; }
.hci-d4b-confusion__evidence { display: grid; grid-template-columns: minmax(0, 0.82fr) minmax(320px, 0.68fr); align-items: center; gap: clamp(40px, 7vw, 112px); }
.hci-d4b-confusion__evidence > div p:not(.hci-d4b-confusion__eyebrow) { max-width: 640px; line-height: 1.68; }
.hci-d4b-confusion__evidence figure { margin-bottom: 0; border-top: 2px solid var(--wp--preset--color--accent); }
.hci-d4b-confusion__evidence img { display: block; width: 100%; height: auto; margin-top: 22px; }
.hci-d4b-confusion__evidence figcaption { margin-top: 14px; color: rgb(14 42 71 / 0.75); font-size: 0.9rem; line-height: 1.5; }
.hci-d4b-confusion__spread { padding-block: clamp(76px, 9vw, 136px); background: var(--wp--preset--color--secondary); color: var(--wp--preset--color--cards); }
.hci-d4b-confusion__spread h2 { color: var(--wp--preset--color--cards); }
.hci-d4b-confusion__spread > .hci-d4b-confusion__inner > p:not(.hci-d4b-confusion__eyebrow) { max-width: 760px; margin-bottom: 18px; color: rgb(255 255 255 / 0.86); font-size: 1.08rem; line-height: 1.7; }
.hci-d4b-confusion__spread > .hci-d4b-confusion__inner > p:last-child { margin-bottom: 0; }
.hci-d4b-confusion__ledger { margin: 0; border-top: 1px solid rgb(14 42 71 / 0.25); }
.hci-d4b-confusion__ledger > div { display: grid; grid-template-columns: minmax(170px, 0.3fr) minmax(280px, 0.7fr); gap: clamp(28px, 6vw, 84px); padding-block: 28px; border-bottom: 1px solid rgb(14 42 71 / 0.25); }
.hci-d4b-confusion__ledger dt { color: var(--wp--preset--color--secondary); font-size: 0.86rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.hci-d4b-confusion__ledger dd { max-width: 680px; margin: 0; font-size: clamp(1.1rem, 1.55vw, 1.3rem); line-height: 1.55; }
.hci-d4b-confusion__utility { max-width: 720px; margin: 32px 0 0; line-height: 1.68; }
@media (max-width: 800px) { .hci-d4b-confusion__core-grid, .hci-d4b-confusion__systems { grid-template-columns: minmax(0, 1fr); } .hci-d4b-confusion__core-grid > div, .hci-d4b-confusion__core-grid > div + div, .hci-d4b-confusion__systems article, .hci-d4b-confusion__systems article + article { padding-inline: 0; border-left: 0; } .hci-d4b-confusion__core-grid > div + div, .hci-d4b-confusion__systems article + article { padding-top: 24px; border-top: 1px solid rgb(14 42 71 / 0.25); } .hci-d4b-confusion__core-grid > div + div { border-color: rgb(255 255 255 / 0.2); } .hci-d4b-confusion__systems article { padding-bottom: 24px; } .hci-d4b-confusion__diagnostics article, .hci-d4b-confusion__evidence, .hci-d4b-confusion__ledger > div { grid-template-columns: minmax(0, 1fr); } .hci-d4b-confusion__index { grid-row: auto; } }
@media (max-width: 560px) { .hci-d4b-confusion__hero { padding-block: 64px; } .hci-d4b-confusion h1 { font-size: clamp(2.8rem, 13vw, 4rem); } .hci-d4b-confusion__actions :is(.button-primary, .button-secondary) { width: 100%; justify-content: center; } .hci-d4b-confusion__section, .hci-d4b-confusion__spread { padding-block: 64px; } }