.canon-page { background: var(--paper); color: var(--ink) }
.canon-hero { padding-top: clamp(92px, 11vw, 154px); padding-bottom: clamp(70px, 9vw, 128px) }
.canon-hero__layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .62fr); gap: clamp(36px, 7vw, 110px); align-items: end }
.canon-hero__main h1 { max-width: 850px; margin: 0; font-size: clamp(56px, 7vw, 112px); line-height: .92; letter-spacing: -.038em; font-weight: 620 }
.canon-hero__main .section-lede { max-width: 790px; margin: 28px 0 0; font-size: clamp(18px, 2vw, 27px); line-height: 1.38 }
.canon-release-card { align-self: stretch; display: flex; flex-direction: column; justify-content: end; padding: 26px; border: 1px solid color-mix(in srgb, var(--ink), transparent 72%); background: color-mix(in srgb, var(--paper), white 25%) }
.canon-release-card .eyebrow { margin: 0 0 11px }
.canon-release-card > strong { overflow-wrap: anywhere; font: 650 18px/1.25 var(--font-mono) }
.canon-release-card dl { display: grid; gap: 0; margin: 24px 0 }
.canon-release-card dl div { display: grid; grid-template-columns: 1fr auto; gap: 16px; padding: 11px 0; border-top: 1px solid color-mix(in srgb, var(--ink), transparent 82%) }
.canon-release-card dt { color: var(--muted); font-size: 11px }
.canon-release-card dd { margin: 0; font-size: 11px; font-weight: 650 }
.canon-release-card > a { width: fit-content; color: var(--ink); font-size: 12px; font-weight: 650; text-decoration: none; border-bottom: 1px solid currentColor }
[data-evidence-state] { display: inline-flex; width: fit-content; border: 1px solid currentColor; border-radius: 999px; padding: 5px 8px; font-size: 9px; line-height: 1; font-weight: 700; letter-spacing: .06em; text-transform: uppercase }
[data-evidence-state="current"] { color: #23653d }
[data-evidence-state="review-due"] { color: #8a6100 }
[data-evidence-state="superseded"], [data-evidence-state="withdrawn"], [data-evidence-state="unavailable"] { color: #9a2d24 }
.canon-thesis__layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(42px, 8vw, 130px); align-items: start }
.canon-thesis h2, .canon-section-heading h2, .canon-correction h2, .canon-boundary h2 { max-width: 810px; margin: 0; font-size: clamp(38px, 5.5vw, 82px); line-height: .98; letter-spacing: -.045em; font-weight: 600 }
.canon-thesis__copy { display: grid; gap: 22px; max-width: 740px }
.canon-thesis__copy p, .canon-section-heading > p { margin: 0; color: var(--muted); font-size: 17px; line-height: 1.58 }
.canon-section-heading { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(260px, .6fr); gap: 54px; align-items: end }
.canon-filter { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; margin-top: 54px; padding: 14px; border: 1px solid var(--line); background: var(--paper) }
.canon-filter label { font-size: 11px; font-weight: 650 }
.canon-filter input { min-width: 0; border: 0; border-bottom: 1px solid var(--line); background: transparent; padding: 11px 4px; color: var(--ink); font: 500 14px/1.3 var(--font-sans) }
.canon-filter button, .canon-tabs button { appearance: none; border: 0; background: transparent; color: var(--ink); cursor: pointer; font: 650 11px/1.2 var(--font-sans) }
.canon-tabs { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 20px; border-bottom: 1px solid var(--line) }
.canon-tabs button { padding: 13px 16px; border-bottom: 2px solid transparent }
.canon-tabs button[aria-selected="true"] { border-bottom-color: var(--ink); background: color-mix(in srgb, var(--ink), transparent 96%) }
.canon-results { display: grid; gap: 18px; margin-top: 32px }
.canon-comparison, .canon-source, .canon-unit, .canon-claim { border: 1px solid var(--line); background: var(--paper); scroll-margin-top: 100px }
.canon-selected { outline: 3px solid color-mix(in srgb, var(--ink), transparent 55%); outline-offset: 3px }
.canon-comparison > header, .canon-source > header { display: flex; justify-content: space-between; gap: 24px; align-items: start; padding: 23px 25px; border-bottom: 1px solid var(--line) }
.canon-comparison .eyebrow, .canon-source .eyebrow, .canon-unit .eyebrow, .canon-claim .eyebrow { margin: 0 0 8px }
.canon-comparison h3, .canon-source h3, .canon-unit h3, .canon-claim h3 { margin: 0; font-size: clamp(21px, 2.4vw, 32px); line-height: 1.16; letter-spacing: -.023em }
.canon-source h3 a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 4px }
.canon-comparison__body { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) }
.canon-comparison__body section { padding: 23px 25px; border-bottom: 1px solid var(--line) }
.canon-comparison__body section:nth-child(odd) { border-right: 1px solid var(--line) }
.canon-comparison__body h4 { margin: 0 0 12px; font-size: 11px; letter-spacing: .055em; text-transform: uppercase }
.canon-comparison__body p, .canon-comparison__body li { color: var(--muted); font-size: 13px; line-height: 1.55 }
.canon-comparison__body p { margin: 0 }
.canon-comparison__body ul { margin: 0; padding-left: 18px }
.canon-comparison > footer { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: start; padding: 20px 25px }
.canon-comparison > footer > p { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5 }
.canon-comparison details summary { cursor: pointer; font-size: 11px; font-weight: 650 }
.canon-comparison details ul { display: grid; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none }
.canon-comparison details li { display: grid; gap: 3px }
.canon-comparison details a, .canon-comparison > footer > a, .canon-unit footer a, .canon-claim footer a { color: var(--ink); font-size: 11px; font-weight: 650; text-underline-offset: 3px }
.canon-comparison details small { color: var(--muted); font-size: 9px }
.canon-source { padding-bottom: 24px }
.canon-source > p { max-width: 880px; margin: 22px 25px; color: var(--muted); font-size: 14px; line-height: 1.55 }
.canon-source dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 25px; border-top: 1px solid var(--line); border-left: 1px solid var(--line) }
.canon-source dl div { padding: 14px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line) }
.canon-source dt { color: var(--muted); font-size: 9px; letter-spacing: .055em; text-transform: uppercase }
.canon-source dd { margin: 6px 0 0; font-size: 11px; line-height: 1.45 }
.canon-unit, .canon-claim { padding: 25px }
.canon-unit blockquote { max-width: 900px; margin: 22px 0 14px; padding-left: 18px; border-left: 3px solid var(--ink); font-size: clamp(18px, 2vw, 25px); line-height: 1.35 }
.canon-unit > p, .canon-claim > p { max-width: 850px; color: var(--muted); font-size: 14px; line-height: 1.55 }
.canon-unit footer, .canon-claim footer { display: flex; justify-content: space-between; gap: 16px; margin-top: 20px; padding-top: 14px; border-top: 1px solid var(--line); color: var(--muted); font-size: 10px }
.canon-claim aside { max-width: 850px; margin-top: 20px; padding: 15px 17px; border-left: 3px solid var(--ink); background: color-mix(in srgb, var(--ink), transparent 96%) }
.canon-claim aside p { margin: 5px 0 0; font-size: 12px; line-height: 1.5 }
.canon-empty { padding: 30px; border: 1px dashed var(--line); color: var(--muted) }
.canon-correction__layout, .canon-boundary__layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(45px, 8vw, 130px); align-items: start }
.canon-correction ol { display: grid; gap: 10px; margin: 0; padding-left: 20px }
.canon-correction li { color: var(--muted); font-size: 14px; line-height: 1.5 }
.canon-state-key { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 30px }
.canon-state-key article { padding: 15px; border: 1px solid var(--line); background: var(--paper) }
.canon-state-key p { margin: 10px 0 0; color: var(--muted); font-size: 11px; line-height: 1.45 }
.canon-boundary__layout > div:last-child { display: grid; gap: 14px }
.canon-boundary article { padding: 20px; border: 1px solid color-mix(in srgb, white, transparent 72%) }
.canon-boundary article header .eyebrow { color: color-mix(in srgb, white, transparent 42%) }
.canon-boundary article h3 { margin: 0; font-size: 21px }
.canon-boundary article ul { margin: 17px 0 0; padding-left: 18px }
.canon-boundary article li { color: color-mix(in srgb, white, transparent 27%); font-size: 12px; line-height: 1.5 }
@media (max-width: 800px) {
  .canon-hero__layout, .canon-thesis__layout, .canon-section-heading, .canon-correction__layout, .canon-boundary__layout { grid-template-columns: 1fr }
  .canon-hero { padding-top: 74px }
  .canon-hero__main h1 { font-size: clamp(53px, 17vw, 78px) }
  .canon-release-card { min-height: 320px }
  .canon-filter { grid-template-columns: 1fr auto }
  .canon-filter label { grid-column: 1 / -1 }
  .canon-comparison__body, .canon-source dl, .canon-state-key { grid-template-columns: 1fr }
  .canon-comparison__body section:nth-child(odd) { border-right: 0 }
  .canon-comparison > footer { grid-template-columns: 1fr }
  .canon-comparison > header, .canon-source > header { display: grid; padding: 20px 17px }
  .canon-comparison__body section, .canon-source > p, .canon-unit, .canon-claim { padding-left: 17px; padding-right: 17px }
  .canon-source dl { margin: 0 17px }
  .canon-unit footer, .canon-claim footer { display: grid }
}