/* About & methods page. Scoped to #page-about; the home page buttons share the Findings button's style. */
#page-about { max-width: 60rem; margin-inline: auto; font-family: var(--font-anthropic-sans); color: var(--color-fg); padding-bottom: var(--cds-pad-xl); }
#page-about[hidden] { display: none; }
#page-about .ab-back { padding-top: var(--cds-pad-md); }
#page-about .ab-head { display: grid; gap: var(--cds-gap-sm); padding-block: var(--cds-pad-lg) var(--cds-gap-md); }
#page-about .ab-kicker { margin: 0; font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); letter-spacing: .06em; text-transform: uppercase; }
#page-about .ab-title { margin: 0; font-family: var(--font-anthropic-serif); font-weight: 400; font-size: calc(var(--cds-font-size-title) * 1.7); line-height: 1.08; }
#page-about .ab-lede { margin: 0; font-size: calc(var(--cds-font-size-body) * 1.1); line-height: 1.6; max-width: 48rem; }
#page-about .ab-toc { display: flex; flex-wrap: wrap; gap: 6px; margin-top: var(--cds-gap-xs); }
#page-about .ab-toc a { font-size: var(--cds-font-size-caption); color: var(--color-fg); text-decoration: none; padding: 3px 10px; border-radius: 999px;
  border: 1px solid var(--color-border-line); background: var(--color-panel); }
#page-about .ab-toc a:hover, #page-about .ab-toc a:focus-visible { border-color: var(--color-fg); outline: none; }
#page-about .ab-sec { display: grid; gap: var(--cds-gap-sm); padding: var(--cds-pad-lg) 0; border-top: 1px solid var(--color-border-line); scroll-margin-top: var(--cds-pad-md); }
#page-about h2 { margin: 0; font-family: var(--font-anthropic-serif); font-weight: 400; font-size: calc(var(--cds-font-size-title) * 1.05); line-height: 1.2; }
#page-about p, #page-about li { font-size: var(--cds-font-size-body); line-height: 1.6; text-wrap: pretty; }
#page-about p { margin: 0; }
#page-about ul, #page-about ol { margin: 0; padding-left: 1.2rem; display: grid; gap: 4px; }
#page-about b { font-weight: 600; }
#page-about .ab-note { font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); }
#page-about .ab-dl { margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); gap: var(--cds-gap-sm); }
#page-about .ab-dl div { background: var(--color-panel); border: 1px solid var(--color-border-line); border-radius: var(--cds-radius); padding: var(--cds-pad-sm) var(--cds-pad-md); }
#page-about .ab-dl dt { font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); }
#page-about .ab-dl dd { margin: 2px 0 0; font-size: var(--cds-font-size-body); line-height: 1.45; }
#page-about .ab-two { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: var(--cds-gap-sm); }
#page-about .ab-two div { background: var(--color-panel); border: 1px solid var(--color-border-line); border-radius: var(--cds-radius); padding: var(--cds-pad-md); display: grid; gap: 4px; }
#page-about .ab-two span { font-weight: var(--cds-font-weight-medium); }
#page-about .ab-tw { overflow-x: auto; border: 1px solid var(--color-border-line); border-radius: var(--cds-radius); background: var(--color-panel); }
#page-about .ab-t { width: 100%; border-collapse: collapse; font-size: var(--cds-font-size-caption); line-height: 1.5; }
#page-about .ab-t th, #page-about .ab-t td { text-align: left; vertical-align: top; padding: var(--cds-pad-xs) var(--cds-pad-sm); border-bottom: 1px solid var(--color-border-line); }
#page-about .ab-t thead th { color: var(--color-fg-muted); font-weight: var(--cds-font-weight-medium); background: var(--color-bg); }
#page-about .ab-t tbody th { font-weight: var(--cds-font-weight-medium); min-width: 9rem; }
#page-about .ab-t tbody tr:last-child th, #page-about .ab-t tbody tr:last-child td { border-bottom: 0; }
@media (max-width: 640px) { #page-about .ab-t { min-width: 34rem; } }

/* home page: the About button sits beside Findings */
.pv-home .sy-cta { gap: var(--cds-gap-sm); flex-wrap: wrap; }