/* Public methodology pages reuse the Archive paper, ink and typography tokens. */
.methodology-page { background: var(--bg-canvas); color: var(--fg-1); }
.methodology-page a { color: var(--accent); text-underline-offset: .2em; }
.methodology-page a:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.methodology-skip { position: absolute; left: 1rem; top: -5rem; padding: .7rem; background: var(--bg-canvas); z-index: 10; }
.methodology-skip:focus { top: 1rem; }
.methodology-header, .methodology-footer { max-width: 72rem; margin: auto; padding: 1.5rem 2rem; display: flex; justify-content: space-between; gap: 1.5rem; align-items: center; }
.methodology-header { border-bottom: 1px solid var(--border-subtle); }
.methodology-brand { display: flex; align-items: center; gap: .8rem; }
.methodology-brand picture { display: inline-flex; }
.methodology-mark img { width: 1.6rem; height: 2.4rem; }
.methodology-wordmark img { width: 8.4rem; height: auto; }
.methodology-header nav, .methodology-footer nav { display: flex; flex-wrap: wrap; gap: 1rem; }
.methodology-header nav a, .methodology-footer nav a { font-size: .9rem; color: var(--fg-2); }
.methodology-header [aria-current="page"] { color: var(--accent); }
.methodology-layout { max-width: 72rem; margin: auto; padding: 4rem 2rem 5rem; display: grid; grid-template-columns: 13rem minmax(0, 1fr); gap: 4rem; }
.methodology-toc { align-self: start; position: sticky; top: 2rem; }
.methodology-toc p, .methodology-eyebrow { color: var(--fg-3); font: 500 .75rem/1.5 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }
.methodology-toc a { display: block; color: var(--fg-2); font-size: .9rem; padding: .45rem 0; }
.methodology-body { min-width: 0; }
.methodology-body h1 { font: 500 clamp(2.5rem, 6vw, 4.3rem)/1.05 var(--font-serif); letter-spacing: -.025em; margin: 1rem 0 1.5rem; max-width: 13ch; }
.methodology-lead { font-size: 1.2rem; line-height: 1.65; color: var(--fg-2); max-width: 48ch; }
.methodology-verification { margin: 1.5rem 0 3rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--border-subtle); color: var(--fg-3); font-size: .85rem; line-height: 1.7; }
.methodology-body section { scroll-margin-top: 2rem; padding-top: .5rem; margin-top: 2.5rem; }
.methodology-body h2 { font: 500 1.8rem/1.25 var(--font-serif); margin: 0 0 1rem; }
.methodology-body h3 { font-size: 1.05rem; margin: 1.8rem 0 .6rem; }
.methodology-body p, .methodology-body li { line-height: 1.75; color: var(--fg-2); }
.methodology-body ul, .methodology-body ol { padding-left: 1.3rem; }
.methodology-body li + li { margin-top: .5rem; }
.methodology-note { border-left: 3px solid var(--accent); background: var(--bg-sunken); padding: 1rem 1.3rem; margin: 1.5rem 0; }
.methodology-note p { margin: 0; }
.methodology-table-scroll { overflow-x: auto; }
.methodology-table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.methodology-table caption { text-align: left; color: var(--fg-3); margin-bottom: .8rem; }
.methodology-table th, .methodology-table td { text-align: left; padding: .9rem .6rem; border-bottom: 1px solid var(--border-subtle); vertical-align: top; line-height: 1.55; }
.methodology-table th { font-weight: 600; color: var(--fg-2); }
.methodology-table td:last-child { white-space: nowrap; font-family: var(--font-mono); }
.methodology-definition { display: grid; grid-template-columns: 9rem minmax(0, 1fr); gap: 1rem; margin: 0; }
.methodology-definition dt { color: var(--fg-3); }
.methodology-definition dd { margin: 0; overflow-wrap: anywhere; }
.methodology-body code { font: .85em var(--font-mono); overflow-wrap: anywhere; }
.methodology-footer { border-top: 1px solid var(--border-subtle); color: var(--fg-3); font-size: .85rem; }
@media (max-width: 780px) {
  .methodology-layout { grid-template-columns: 1fr; gap: 2rem; padding: 2.5rem 1.25rem 3rem; }
  .methodology-toc { position: static; border-bottom: 1px solid var(--border-subtle); padding-bottom: 1rem; }
  .methodology-toc a { display: inline-block; margin-right: 1rem; }
  .methodology-header, .methodology-footer { padding: 1.25rem; flex-wrap: wrap; }
  .methodology-body h1 { font-size: 2.75rem; }
  .methodology-definition { grid-template-columns: 1fr; gap: .4rem; }
  .methodology-definition dd { margin-bottom: 1rem; }
}