.methodology-page { width: min(1232px, calc(100% - 48px)); margin-inline: auto; padding: 0 0 48px; }
.methodology-hero { text-align: center; padding: 48px 0; }
.methodology-hero .eyebrow { font-family: ui-monospace,monospace; font-size: 12px; font-weight: 500; letter-spacing: .15em; color: var(--site-accent); }
.methodology-hero h1 { max-width: none; font-size: var(--hero-display); font-weight: 700; line-height: 1.08; letter-spacing: -.04em; margin: 22px 0 20px; }
.methodology-hero h1 span { color: var(--site-accent); }
.methodology-hero .lead { font-family: Inter,sans-serif; font-size: 16px; line-height: 1.65; color: var(--site-muted); max-width: 640px; margin: 0 auto; }
.methodology-layout { display: grid; grid-template-columns: 260px minmax(0,1fr); gap: 56px; border-top: 1px solid var(--site-line); padding-top: 32px; }
.methodology-index { position: sticky; top: 96px; align-self: start; }
.methodology-index > p { font-family: ui-monospace,monospace; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--site-muted); margin: 0 0 20px; }
.methodology-index a { display: flex; align-items: baseline; gap: 12px; padding: 10px 0; font-size: 13px; line-height: 1.5; text-decoration: none; color: var(--site-muted); }
.methodology-index a span { font-family: ui-monospace,monospace; font-size: 11px; color: var(--site-accent); }
.methodology-index a:hover { color: var(--site-text); }
.methodology-content .item { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 16px; padding: 28px 0; border-top: 1px solid var(--site-line); scroll-margin-top: 24px; }
.methodology-content .item:first-child { border-top: 0; padding-top: 0; }
.methodology-content .num { color: var(--site-accent); font-family: ui-monospace,monospace; font-size: 11px; line-height: 28px; }
.methodology-content .item h2 { margin: 0 0 14px; font-size: 24px; line-height: 1.2; letter-spacing: -.03em; }
.methodology-content .item-copy { font-family: Inter,sans-serif; color: var(--site-muted); font-size: 16px; line-height: 1.75; }
.methodology-content .item-copy p:last-child { margin-bottom: 0; }
.methodology-content a { color: var(--site-accent); text-underline-offset: 4px; }
.methodology-page .notice { border: 1px solid var(--site-line); border-radius: 12px; background: #0a0a0a; padding: 20px 24px; margin-top: 24px; color: var(--site-muted); font-size: 13px; line-height: 1.65; }
@media(max-width:760px) {
 .methodology-page { width: calc(100% - 40px); }
 .methodology-hero { padding: 32px 0 36px; }
 .methodology-hero h1 { font-size: 36px; }
 .methodology-layout { grid-template-columns: 1fr; gap: 28px; padding-top: 24px; }
 .methodology-index { position: static; display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; padding-bottom: 24px; border-bottom: 1px solid var(--site-line); }
 .methodology-index > p { grid-column: 1 / -1; margin-bottom: 10px; }
 .methodology-index a { gap: 8px; font-size: 12px; }
 .methodology-content .item { gap: 10px; grid-template-columns: 24px minmax(0,1fr); }
 .methodology-content .item h2 { font-size: 22px; }
 .methodology-page .notice { padding: 20px; }
}