.reference-main {
  width: 100%;
  max-width: var(--layout-standard);
  margin: 0 auto;
  padding: clamp(10px, 1.6vw, 16px) clamp(28px, 5vw, 76px) 30px;
}

.reference-main.layout-standard {
  max-width: var(--layout-standard);
}

.reference-detail-flow {
  display: grid;
  gap: 12px;
}

.reference-hero,
.reference-panel,
.reference-card,
.reference-summary,
.reference-table-wrap,
.reference-meta {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: var(--shadow);
}

.reference-hero {
  --clarity-page-accent: var(--accent);
  display: grid;
  gap: 6px;
  border-left: 8px solid var(--clarity-page-accent);
  padding: clamp(10px, 1.4vw, 14px) clamp(14px, 2vw, 20px);
  margin-bottom: 6px;
}

.reference-hero--compact {
  margin-bottom: 0;
  padding: clamp(10px, 1.4vw, 14px) clamp(14px, 2vw, 20px);
}

.reference-hero .eyebrow {
  margin-bottom: 0;
}

.reference-hero h1 {
  margin: 0;
  font-size: clamp(1.45rem, 2vw, 1.95rem);
  line-height: 1.06;
}

.reference-subtitle {
  margin: 0;
  color: var(--muted);
  font-size: 1.02rem;
  line-height: 1.42;
  max-width: none;
  width: 100%;
}

.reference-search-panel {
  display: grid;
  gap: 10px;
  width: 100%;
  justify-self: stretch;
  border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--line));
  border-radius: 8px;
  background: linear-gradient(135deg, #f3faf8 0%, #f2f9fb 100%);
  box-shadow: var(--shadow);
  margin: 0 0 10px;
  padding: clamp(14px, 1.8vw, 20px);
  text-align: center;
}

.reference-search-panel h2,
.reference-search-panel p {
  margin-bottom: 0;
}

.reference-search-panel p {
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.34;
  margin-left: auto;
  margin-right: auto;
}

.reference-search-panel h2 {
  font-size: clamp(1.14rem, 1.55vw, 1.38rem);
  line-height: 1.16;
}

html.lang-zh body[data-page="reference"] .hub-hero__content h1,
html.lang-zh body[data-page="reference"] .hub-hero h1 {
  font-size: clamp(1.38rem, 1.82vw, 1.72rem);
  font-weight: 760;
  line-height: 1.12;
}

html.lang-zh body[data-page="reference"] .hub-hero__content p:not(.eyebrow),
html.lang-zh body[data-page="reference"] .reference-subtitle,
html.lang-zh body[data-page="reference"] .reference-search-panel p,
html.lang-zh body[data-page="reference"] .reference-foundation-panel p {
  font-size: clamp(0.98rem, 1.05vw, 1.06rem);
  font-weight: 400;
  line-height: 1.5;
}

html.lang-zh body[data-page="reference"] .reference-search-panel h2,
html.lang-zh body[data-page="reference"] .reference-foundation-panel h2 {
  font-size: clamp(1.08rem, 1.18vw, 1.16rem);
  font-weight: 720;
  line-height: 1.24;
}

html.lang-zh body[data-page="reference"] .reference-panel h2 {
  font-size: clamp(1.08rem, 1.18vw, 1.16rem);
  font-weight: 720;
  line-height: 1.24;
}

html.lang-zh body[data-page="reference"] .reference-card h3,
html.lang-zh body[data-page="reference"] .reference-compact-group h3,
html.lang-zh body[data-page="reference"] .reference-link-row span {
  font-size: 1.04rem;
  font-weight: 680;
  line-height: 1.28;
}

.reference-search-control {
  display: grid;
  gap: 8px;
  width: min(100%, 760px);
  justify-self: center;
  text-align: left;
}

.reference-search-control input {
  width: 100%;
  min-height: 44px;
  border: 1px solid color-mix(in srgb, var(--accent) 32%, var(--line));
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  font: inherit;
  padding: 10px 13px;
}

.reference-search-control input:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent);
  outline: none;
}

.reference-search-suggestions {
  display: none;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.reference-search-suggestions[data-active="true"] {
  display: flex;
}

.reference-search-suggestions button {
  border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--line));
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 8%, var(--surface));
  color: var(--accent-dark);
  cursor: pointer;
  font: inherit;
  font-size: 0.88rem;
  font-weight: 650;
  padding: 6px 10px;
}

.reference-search-suggestions button:hover,
.reference-search-suggestions button:focus-visible {
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 14%, var(--surface));
  outline: none;
}

.reference-search-results {
  display: grid;
  gap: 8px;
  width: min(100%, 760px);
  justify-self: start;
  margin: 0;
  padding: 0;
  list-style: none;
}

.reference-search-result {
  display: grid;
  gap: 4px;
  border: 1px solid var(--line);
  border-left: 4px solid var(--accent);
  border-radius: 8px;
  background: linear-gradient(90deg, #f3faf8 0%, var(--surface) 64%);
  color: inherit;
  padding: 12px 14px;
  text-decoration: none;
}

.reference-search-result:hover,
.reference-search-result:focus-visible {
  border-color: color-mix(in srgb, var(--accent) 36%, var(--line));
  text-decoration: none;
}

.reference-search-result strong {
  color: var(--accent-dark);
  line-height: 1.25;
}

.reference-search-result span {
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.42;
}

.reference-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(10px, 1.6vw, 16px);
  align-items: start;
}

.reference-foundation-panel {
  display: grid;
  gap: 12px;
  border-color: color-mix(in srgb, var(--accent) 28%, var(--line));
  background: linear-gradient(135deg, #eef8f5 0%, var(--surface) 72%);
  margin-bottom: 16px;
}

.reference-foundation-panel h2,
.reference-foundation-panel p {
  margin-bottom: 0;
}

.reference-foundation-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.reference-card--foundation {
  border-left: 5px solid var(--accent);
  box-shadow: none;
}

.reference-card--foundation:nth-child(2) {
  border-left-color: #315f77;
  background: linear-gradient(135deg, #f2f9fb 0%, var(--surface) 82%);
}

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

.reference-stack {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.reference-sidebar {
  align-self: start;
}

.reference-panel,
.reference-card,
.reference-summary,
.reference-meta {
  min-width: 0;
  padding: clamp(12px, 1.7vw, 16px);
}

.reference-sidebar .reference-panel,
.reference-sidebar .reference-meta {
  background: var(--surface);
}

.reference-sidebar .reference-meta {
  display: none;
}

.reference-paths {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  gap: 12px 16px;
  border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--line));
  border-left: 4px solid var(--accent);
  border-radius: 8px;
  background:
    linear-gradient(135deg, #f7fbf9 0%, rgba(255, 255, 255, 0.96) 62%),
    var(--surface);
  box-shadow: 0 12px 28px rgba(3, 47, 43, 0.06);
  padding: clamp(12px, 2vw, 18px);
}

.reference-paths h3,
.reference-paths p {
  margin: 0;
}

.reference-paths__header {
  grid-column: 1 / -1;
  display: grid;
  gap: 3px;
  border-bottom: 1px solid color-mix(in srgb, var(--accent) 18%, var(--line));
  padding-bottom: 9px;
}

.reference-paths__header h2 {
  margin: 0;
  font-size: clamp(1.18rem, 2vw, 1.45rem);
  line-height: 1.15;
}

.reference-paths h3 {
  justify-self: start;
  border-radius: 4px;
  background: color-mix(in srgb, var(--accent) 9%, var(--surface));
  color: var(--accent-dark);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  line-height: 1.2;
  padding: 5px 8px;
  text-transform: uppercase;
}

.reference-paths__group {
  display: grid;
  align-content: start;
  gap: 10px;
}

.reference-paths .reference-link-list {
  gap: 8px 17px;
}

.reference-paths .reference-link-list a {
  min-height: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--accent-dark);
  font-size: 0.92rem;
  font-weight: 650;
  line-height: 1.35;
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.reference-paths .reference-link-list a:hover,
.reference-paths .reference-link-list a:focus-visible {
  color: var(--ink);
}

.reference-panel--related-calculators {
  border-color: color-mix(in srgb, #315f77 28%, var(--line));
  background: linear-gradient(135deg, #f2f9fb 0%, var(--surface) 74%);
}

.reference-panel--related-calculators .eyebrow {
  color: #315f77;
}

.reference-panel--related-articles {
  border-color: color-mix(in srgb, #8a5a20 28%, var(--line));
  background: linear-gradient(135deg, #fff8ed 0%, var(--surface) 76%);
}

.reference-panel--related-articles .eyebrow {
  color: #8a5a20;
}

.reference-panel--related-references {
  border-color: color-mix(in srgb, var(--accent) 28%, var(--line));
  background: linear-gradient(135deg, #f2faf7 0%, var(--surface) 76%);
}

.reference-panel--sources {
  border-color: color-mix(in srgb, #4f5f6f 24%, var(--line));
  background: linear-gradient(135deg, #f5f7f9 0%, var(--surface) 78%);
}

.reference-panel--notes {
  background: linear-gradient(135deg, #fbfaf6 0%, var(--surface) 78%);
}

.reference-layout--detail > .reference-stack:first-child > .reference-panel:nth-of-type(3n+1):not(.reference-panel--sources):not(.reference-panel--notes) {
  background: linear-gradient(135deg, #f8fcfb 0%, var(--surface) 80%);
}

.reference-layout--detail > .reference-stack:first-child > .reference-panel:nth-of-type(3n+2):not(.reference-panel--sources):not(.reference-panel--notes) {
  background: linear-gradient(135deg, #f7fafc 0%, var(--surface) 80%);
}

.reference-layout--detail > .reference-stack:first-child > .reference-panel:nth-of-type(3n):not(.reference-panel--sources):not(.reference-panel--notes) {
  background: linear-gradient(135deg, #fbfaf6 0%, var(--surface) 80%);
}

.reference-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.reference-card {
  display: grid;
  gap: 10px;
  text-decoration: none;
  color: inherit;
}

.reference-card h3,
.reference-panel h2,
.reference-summary h2,
.reference-meta h2 {
  font-size: clamp(1.16rem, 1.62vw, 1.42rem);
  line-height: 1.18;
  margin-bottom: 10px;
  overflow-wrap: anywhere;
}

.reference-detail-flow .reference-panel h2,
.reference-detail-flow .reference-summary h2 {
  font-size: clamp(1.16rem, 1.55vw, 1.42rem);
  line-height: 1.18;
  margin-bottom: 8px;
}

.reference-card p,
.reference-panel p,
.reference-summary p {
  color: var(--muted);
}

.reference-compact-groups {
  display: grid;
  gap: 10px;
}

.reference-compact-group {
  display: grid;
  grid-template-columns: minmax(160px, 0.55fr) minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  border-top: 1px solid var(--line);
  color: inherit;
  padding: 12px 0;
  text-decoration: none;
}

.reference-compact-group:first-child {
  border-top: 0;
  padding-top: 4px;
}

.reference-compact-group h3 {
  color: var(--ink);
  font-size: 1rem;
  margin: 0;
}

.reference-compact-group p {
  margin: 0;
}

.reference-compact-group:hover h3,
.reference-compact-group:focus-visible h3 {
  color: var(--accent-dark);
  text-decoration: underline;
}

.reference-link-table {
  display: grid;
  border-top: 1px solid var(--line);
}

.reference-link-row {
  display: grid;
  grid-template-columns: minmax(9.5rem, 1.25fr) minmax(0, 2.75fr) minmax(7.5rem, 0.9fr);
  gap: 12px;
  align-items: start;
  border-bottom: 1px solid var(--line);
  color: inherit;
  min-width: 0;
  padding: 10px 0;
  text-decoration: none;
}

.reference-link-row span {
  color: var(--accent-dark);
  font-weight: 620;
  line-height: 1.3;
}

.reference-link-row small {
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.45;
}

.reference-link-row em {
  color: var(--muted);
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 650;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.reference-link-heading {
  margin: 14px 0 0;
  background: linear-gradient(90deg, #dcefeb 0%, #eef7f4 100%);
  border: 0;
  border-left: 4px solid var(--accent);
  color: var(--accent-dark);
  font-family: var(--font-sans);
  font-size: 0.8rem;
  font-weight: 750;
  letter-spacing: 0.08em;
  padding: 8px 12px;
  text-transform: uppercase;
}

.reference-link-table > .reference-link-heading:first-child {
  margin-top: 0;
}

.reference-link-row:hover span {
  text-decoration: underline;
}

.reference-link-row--planned {
  color: var(--muted);
}

.reference-link-row--planned span {
  color: var(--ink);
}

.reference-link-row--planned em {
  border: 1px solid color-mix(in srgb, var(--muted) 24%, var(--line));
  border-radius: 999px;
  background: #f3f5f6;
  color: var(--muted);
  justify-self: start;
  padding: 4px 8px;
}

.reference-label-row,
.reference-link-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.reference-label,
.reference-link-list a {
  display: inline-flex;
  align-items: center;
  min-height: 0;
  max-width: 100%;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--surface-muted);
  color: var(--accent-dark);
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.15;
  padding: 4px 7px;
  text-decoration: none;
  overflow-wrap: break-word;
}

.reference-link-list a {
  min-height: 30px;
  border-radius: 999px;
  line-height: 1.25;
  padding: 5px 9px;
  overflow-wrap: anywhere;
}

.reference-table .reference-label {
  justify-content: center;
  text-align: center;
}

.reference-label.taxonomy-chip--status,
.reference-label.taxonomy-chip--status-draft,
.reference-label.taxonomy-chip--status-planned,
.reference-label.taxonomy-chip--status-review,
.reference-label.taxonomy-chip--review,
.reference-label.taxonomy-chip--review-required,
.reference-label.taxonomy-chip--cadence,
.reference-label.taxonomy-chip--source,
.reference-label.taxonomy-chip--role,
.reference-label.taxonomy-chip--complexity,
.reference-label.taxonomy-chip--topic,
.reference-label.taxonomy-chip--pillar {
  background: var(--taxonomy-chip-bg);
  border-color: var(--taxonomy-chip-border);
  color: var(--taxonomy-chip-text);
}

.reference-related-panel h3 {
  margin-bottom: 10px;
  color: var(--ink);
  font-size: 1rem;
}

.reference-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.reference-rule-list,
.reference-source-list {
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
  padding-left: 20px;
  color: var(--muted);
}

.reference-source-list a {
  color: var(--accent-dark);
  overflow-wrap: anywhere;
}


.reference-warning {
  border: 1px solid rgba(154, 91, 31, 0.28);
  border-radius: 8px;
  background: #fff8ed;
  color: #704b25;
  font-size: 0.94rem;
  line-height: 1.42;
  margin: 0;
  padding: 10px 12px;
}

.reference-table-wrap {
  max-width: 100%;
  overflow-x: auto;
  padding: 0;
}

.reference-bracket-list {
  display: grid;
  gap: 18px;
  margin-top: 16px;
}

.reference-select-row {
  display: grid;
  gap: 8px;
  width: min(100%, 420px);
  margin-top: 16px;
}

.reference-select-row label {
  color: var(--ink);
  font-size: 0.9rem;
  font-weight: 750;
}

.reference-select-row select {
  width: 100%;
  min-height: 46px;
  border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--line));
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  font: inherit;
  padding: 10px 12px;
}

.reference-select-row select:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent);
  outline: none;
}

.reference-bracket-schedule {
  display: grid;
  gap: 10px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(135deg, #f6fbfa 0%, var(--surface) 76%);
  padding: 12px;
}

.reference-bracket-schedule h3 {
  margin: 0;
  color: var(--accent-dark);
  font-size: 1.02rem;
}

.reference-grouped-tables {
  display: grid;
  gap: 12px;
}

.reference-data-group {
  display: grid;
  gap: 10px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 12px;
}

.reference-data-group h3 {
  margin: 0;
  color: var(--ink);
  font-size: 1.02rem;
}

.reference-data-group--cpp {
  border-color: color-mix(in srgb, #315f77 28%, var(--line));
  background: linear-gradient(135deg, #f2f9fb 0%, var(--surface) 80%);
}

.reference-data-group--cpp h3 {
  color: #244f65;
}

.reference-data-group--qpp {
  border-color: color-mix(in srgb, #7d5f24 28%, var(--line));
  background: linear-gradient(135deg, #fff8ed 0%, var(--surface) 82%);
}

.reference-data-group--qpp h3 {
  color: #704b25;
}

.reference-data-group--neutral {
  border-color: color-mix(in srgb, var(--accent) 22%, var(--line));
  background: linear-gradient(135deg, #f6fbfa 0%, var(--surface) 80%);
}

.reference-mobile-prose {
  display: none;
}

.reference-prose-list {
  display: grid;
  gap: 0;
  margin-top: 12px;
}

.reference-prose-row {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 12px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--line) 76%, transparent);
}

.reference-prose-row:first-child {
  padding-top: 2px;
}

.reference-prose-row:last-child {
  border-bottom: 0;
  padding-bottom: 2px;
}

.reference-prose-row p {
  margin: 0;
  color: var(--ink);
  line-height: 1.5;
}

.reference-prose-row strong {
  color: var(--accent-dark);
  font-weight: 650;
}

.reference-prose-row small {
  color: var(--muted);
  font-size: 0.83rem;
  line-height: 1.45;
}

.reference-prose-row__kicker {
  color: var(--muted) !important;
  font-family: var(--font-sans);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.2 !important;
  text-transform: uppercase;
}

.reference-mobile-prose--cpp .reference-prose-row strong {
  color: #244f65;
}

.reference-mobile-prose--qpp .reference-prose-row strong {
  color: #704b25;
}

.reference-table {
  width: 100%;
  min-width: 0;
  table-layout: auto;
  border-collapse: collapse;
  font-size: 0.94rem;
}

.reference-table th,
.reference-table td {
  border-bottom: 1px solid var(--line);
  padding: 11px 12px;
  text-align: left;
  vertical-align: top;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
}

.reference-table tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--surface-muted) 28%, var(--surface));
}

.reference-table--projection-assumptions {
  min-width: 0;
}

.reference-table--projection-assumptions th:nth-child(1),
.reference-table--projection-assumptions td:nth-child(1) {
  width: auto;
}

.reference-table--projection-assumptions th:nth-child(2),
.reference-table--projection-assumptions td:nth-child(2) {
  width: 6.25rem;
  text-align: right;
}

.reference-table--projection-assumptions th:nth-child(3),
.reference-table--projection-assumptions td:nth-child(3) {
  width: auto;
}

.reference-table--projection-assumptions th:nth-child(4),
.reference-table--projection-assumptions td:nth-child(4) {
  width: 8.5rem;
}

.reference-table--tax-character {
  min-width: 0;
}

.reference-table--tax-character th:first-child,
.reference-table--tax-character td:first-child {
  width: auto;
}

.reference-table--tax-character th:not(:first-child),
.reference-table--tax-character td:not(:first-child) {
  width: 6.75rem;
  text-align: right;
}

.reference-table--source-map {
  min-width: 0;
}

.reference-table--source-map th:nth-child(1),
.reference-table--source-map td:nth-child(1) {
  width: 24%;
}

.reference-table--source-map th:nth-child(2),
.reference-table--source-map td:nth-child(2) {
  width: 44%;
}

.reference-table--source-map th:nth-child(3),
.reference-table--source-map td:nth-child(3) {
  width: 17%;
}

.reference-table--source-map th:nth-child(4),
.reference-table--source-map td:nth-child(4) {
  width: 15%;
}

.reference-table--program-values th:nth-child(1),
.reference-table--program-values td:nth-child(1) {
  width: 110px;
}

.reference-table--program-values th:nth-child(2),
.reference-table--program-values td:nth-child(2) {
  width: 30%;
}

.reference-table--program-values th:nth-child(3),
.reference-table--program-values td:nth-child(3) {
  width: 18%;
}

.reference-table--program-values th:nth-child(4),
.reference-table--program-values td:nth-child(4) {
  width: auto;
}

.reference-table--benefit-amounts th:nth-child(1),
.reference-table--benefit-amounts td:nth-child(1) {
  width: 18%;
}

.reference-table--benefit-amounts th:nth-child(2),
.reference-table--benefit-amounts td:nth-child(2) {
  width: 36%;
}

.reference-table--benefit-amounts th:nth-child(3),
.reference-table--benefit-amounts td:nth-child(3) {
  width: 20%;
}

.reference-table--benefit-amounts th:nth-child(4),
.reference-table--benefit-amounts td:nth-child(4) {
  width: 26%;
}

.reference-table--rule-values th:nth-child(1),
.reference-table--rule-values td:nth-child(1) {
  width: 18%;
}

.reference-table--rule-values th:nth-child(2),
.reference-table--rule-values td:nth-child(2) {
  width: auto;
}

.reference-table--rule-values th:nth-child(3),
.reference-table--rule-values td:nth-child(3) {
  width: 6.75rem;
}

.reference-table--rule-values th:nth-child(4),
.reference-table--rule-values td:nth-child(4) {
  width: 38%;
}

.reference-table--age-anchors th:nth-child(1),
.reference-table--age-anchors td:nth-child(1) {
  width: 18%;
}

.reference-table--age-anchors th:nth-child(2),
.reference-table--age-anchors td:nth-child(2) {
  width: 30%;
}

.reference-table--age-anchors th:nth-child(3),
.reference-table--age-anchors td:nth-child(3) {
  width: 90px;
}

.reference-table--age-anchors th:nth-child(4),
.reference-table--age-anchors td:nth-child(4) {
  width: auto;
}

.reference-table--age-rates th:nth-child(1),
.reference-table--age-rates td:nth-child(1) {
  width: 90px;
}

.reference-table--age-rates th:not(:first-child),
.reference-table--age-rates td:not(:first-child) {
  width: auto;
  text-align: right;
}

.reference-table--lif-rates th:nth-child(1),
.reference-table--lif-rates td:nth-child(1) {
  width: 90px;
}

.reference-table--lif-rates {
  min-width: 0;
}

.reference-table--lif-rates th:nth-child(2),
.reference-table--lif-rates td:nth-child(2) {
  width: 6rem;
  text-align: right;
}

.reference-table--lif-rates th:nth-child(3),
.reference-table--lif-rates td:nth-child(3) {
  width: 7.25rem;
  text-align: right;
}

.reference-table--lif-rates th:nth-child(4),
.reference-table--lif-rates td:nth-child(4) {
  width: auto;
}

.reference-table--grouped-values th:nth-child(1),
.reference-table--grouped-values td:nth-child(1) {
  width: 88px;
}

.reference-table--grouped-values th:nth-child(2),
.reference-table--grouped-values td:nth-child(2) {
  width: 34%;
}

.reference-table--grouped-values th:nth-child(3),
.reference-table--grouped-values td:nth-child(3) {
  width: 132px;
}

.reference-table--grouped-values th:nth-child(4),
.reference-table--grouped-values td:nth-child(4) {
  width: auto;
}

.reference-table--grouped-values th[data-column-kind],
.reference-table--grouped-values td[data-column-kind] {
  padding-left: 10px;
  padding-right: 18px;
}

.reference-table--jurisdiction-rates {
  min-width: 0;
}

.reference-table--jurisdiction-rates th:nth-child(1),
.reference-table--jurisdiction-rates td:nth-child(1) {
  width: auto;
}

.reference-table--jurisdiction-rates th:nth-child(2),
.reference-table--jurisdiction-rates td:nth-child(2) {
  width: clamp(5rem, 18vw, 6.25rem);
  text-align: right;
  white-space: nowrap;
}

.reference-table--benefit-grouped {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}

.reference-table--benefit-grouped th,
.reference-table--benefit-grouped td {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: normal;
}

.reference-table--benefit-grouped th:nth-child(1),
.reference-table--benefit-grouped td:nth-child(1) {
  width: auto;
}

.reference-table--benefit-grouped th:nth-child(2),
.reference-table--benefit-grouped td:nth-child(2) {
  width: 9.5rem;
  white-space: nowrap;
}

.reference-table--benefit-grouped th:nth-child(3),
.reference-table--benefit-grouped td:nth-child(3) {
  width: clamp(11rem, 24%, 15rem);
  white-space: normal;
}

.reference-table--brackets {
  min-width: 0;
}

.reference-table--brackets th:nth-child(1),
.reference-table--brackets td:nth-child(1) {
  width: 6.25rem;
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}

.reference-table--brackets th:nth-child(2),
.reference-table--brackets td:nth-child(2) {
  width: auto;
  overflow-wrap: anywhere;
  white-space: normal;
}

.reference-table--brackets td:nth-child(2) strong {
  color: var(--ink);
  font-weight: 650;
}

.reference-table th {
  background: var(--surface-muted);
  color: var(--ink);
  font-size: 0.82rem;
  font-weight: 800;
}

.reference-table th.ob-table-value,
.reference-table td.ob-table-value {
  text-align: right;
}

.reference-table .ob-col-value,
.reference-table [data-column-kind="number"],
.reference-table [data-column-kind="currency"],
.reference-table [data-column-kind="percent"],
.reference-table [data-column-kind="rate"],
.reference-table [data-column-kind="age"],
.reference-table [data-column-kind="year"] {
  font-variant-numeric: tabular-nums;
  overflow-wrap: normal;
  text-align: right;
  white-space: nowrap;
}

.reference-table [data-column-kind="year"],
.reference-table [data-column-kind="age"] {
  width: 4.25rem;
}

.reference-table [data-column-kind="currency"],
.reference-table [data-column-kind="number"] {
  width: clamp(5.5rem, 12vw, 7.25rem);
}

.reference-table [data-column-kind="percent"],
.reference-table [data-column-kind="rate"] {
  width: clamp(4.75rem, 10vw, 6.25rem);
}

.reference-table [data-column-kind="text"] {
  overflow-wrap: anywhere;
  text-align: left;
  white-space: normal;
  width: auto;
}

@media (max-width: 900px) {
  .reference-table .ob-col-priority-5,
  .reference-table [data-column-priority="5"],
  .reference-table [data-column-priority="detail"],
  .reference-table [data-column-priority="metadata"] {
    display: none !important;
  }
}

@media (max-width: 740px) {
  .reference-table .ob-col-priority-4,
  .reference-table [data-column-priority="4"],
  .reference-table [data-column-priority="optional"] {
    display: none !important;
  }
}

@media (max-width: 700px) {
  .reference-table th,
  .reference-table td {
    padding: 8px 7px;
  }

  .reference-table--projection-assumptions,
  .reference-table--source-map {
    min-width: 0;
  }

  .reference-table--projection-assumptions th:nth-child(2),
  .reference-table--projection-assumptions td:nth-child(2) {
    text-align: right;
  }

  .reference-table--tax-character,
  .reference-table--lif-rates {
    min-width: 0;
  }

  .reference-table--program-values th:nth-child(1),
  .reference-table--program-values td:nth-child(1),
  .reference-table--grouped-values th:nth-child(1),
  .reference-table--grouped-values td:nth-child(1) {
    width: 64px;
  }

  .reference-table--benefit-amounts th:nth-child(1),
  .reference-table--benefit-amounts td:nth-child(1) {
    width: 16%;
  }

  .reference-table--benefit-amounts th:nth-child(2),
  .reference-table--benefit-amounts td:nth-child(2) {
    width: 34%;
  }

  .reference-table--benefit-amounts th:nth-child(3),
  .reference-table--benefit-amounts td:nth-child(3) {
    width: 22%;
  }

  .reference-table--benefit-amounts th:nth-child(4),
  .reference-table--benefit-amounts td:nth-child(4) {
    width: 28%;
  }

  .reference-table--benefit-grouped th:nth-child(1),
  .reference-table--benefit-grouped td:nth-child(1) {
    width: auto;
  }

  .reference-table--benefit-grouped th:nth-child(2),
  .reference-table--benefit-grouped td:nth-child(2) {
    width: 8.75rem;
  }

  .reference-table--benefit-grouped th:nth-child(3),
  .reference-table--benefit-grouped td:nth-child(3) {
    width: 11.5rem;
  }

  .reference-table--age-anchors th:nth-child(3),
  .reference-table--age-anchors td:nth-child(3),
  .reference-table--age-rates th:nth-child(1),
  .reference-table--age-rates td:nth-child(1) {
    width: 64px;
  }
}

.reference-summary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
  gap: 10px;
}

.reference-summary-grid--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.reference-metric {
  display: grid;
  align-content: start;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-muted);
  padding: 8px 10px;
}

.reference-metric span {
  display: block;
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 750;
}

.reference-metric strong {
  display: block;
  justify-self: start;
  margin-top: 2px;
  color: var(--ink);
  font-size: 1.08rem;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.reference-meta dl {
  display: grid;
  grid-template-columns: minmax(104px, auto) 1fr;
  gap: 8px 12px;
  margin: 0;
}

.reference-meta dt {
  color: var(--muted);
  font-weight: 750;
}

.reference-meta dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.reference-review-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
  margin: 14px 0;
}

.reference-review-controls label {
  display: grid;
  gap: 6px;
  min-width: 0;
  color: var(--ink);
  font-weight: 750;
}

.reference-review-controls label span,
.reference-review-note {
  color: var(--muted);
  font-size: 0.86rem;
  font-weight: 650;
}

.reference-review-controls select {
  width: 100%;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  color: var(--ink);
  font: inherit;
  padding: 10px 12px;
}

.reference-table--review-queue td:nth-child(2) {
  display: grid;
  gap: 4px;
}

.reference-table--review-queue td:nth-child(2) small {
  color: var(--muted);
  font-size: 0.78rem;
  overflow-wrap: anywhere;
}

@media (max-width: 1040px) {
  .reference-layout,
  .reference-layout--detail,
  .reference-foundation-grid,
  .reference-grid,
  .reference-summary-grid,
  .reference-paths,
  .reference-related-grid {
    grid-template-columns: 1fr;
  }

  .reference-review-controls {
    grid-template-columns: 1fr;
  }

  .reference-link-row {
    gap: 10px;
  }

  .reference-sidebar .reference-panel:not(.reference-panel--related-calculators):not(.reference-panel--related-articles):not(.reference-panel--related-references),
  .reference-sidebar .reference-meta {
    background: var(--surface);
    box-shadow: var(--shadow);
  }
}

@media (max-width: 560px) {
  .reference-main {
    padding-inline: 22px;
  }

  .reference-hero {
    gap: 6px;
    padding: 14px 14px;
  }

  .reference-hero h1 {
    font-size: clamp(1.45rem, 6.2vw, 1.9rem);
  }

  .reference-panel,
  .reference-card,
  .reference-summary,
  .reference-meta {
    padding: 10px;
  }

  .reference-link-row {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.85fr) minmax(0, 0.9fr);
    gap: 8px;
    padding-block: 9px;
  }

  .reference-table {
    min-width: 0;
  }

  .reference-table th,
  .reference-table td {
    padding: 7px 5px;
  }

  .reference-table-wrap--has-mobile-prose {
    display: none;
  }

  .reference-mobile-prose {
    display: grid;
    gap: 0;
  }

  .reference-table--brackets th:nth-child(1),
  .reference-table--brackets td:nth-child(1) {
    width: 4.75rem;
  }

  .reference-table .ob-col-priority-3,
  .reference-table [data-column-priority="3"],
  .reference-table [data-column-priority="supporting"],
  .reference-table .ob-col-priority-4,
  .reference-table [data-column-priority="4"],
  .reference-table [data-column-priority="optional"],
  .reference-table .ob-col-priority-5,
  .reference-table [data-column-priority="5"],
  .reference-table [data-column-priority="detail"],
  .reference-table [data-column-priority="metadata"] {
    display: none !important;
  }

  .reference-table--projection-assumptions td:nth-child(3),
  .reference-table--projection-assumptions td:nth-child(4) {
    display: none !important;
  }

  .reference-table--projection-assumptions td:nth-child(2) {
    text-align: right;
  }

  .reference-table--projection-assumptions,
  .reference-table--source-map {
    min-width: 0;
  }

  .reference-table--tax-character,
  .reference-table--lif-rates {
    min-width: 0;
  }

  .reference-table--program-values th:nth-child(1),
  .reference-table--program-values td:nth-child(1),
  .reference-table--grouped-values th:nth-child(1),
  .reference-table--grouped-values td:nth-child(1),
  .reference-table--age-anchors th:nth-child(3),
  .reference-table--age-anchors td:nth-child(3),
  .reference-table--age-rates th:nth-child(1),
  .reference-table--age-rates td:nth-child(1) {
    width: 56px;
  }

  .reference-meta dl {
    grid-template-columns: 1fr;
  }

  .reference-compact-group {
    grid-template-columns: 1fr;
    gap: 5px;
  }
}