.methodology-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; width: min(1280px, 100%); min-height: 80px; margin: 0 auto; padding: 8px 24px; border-bottom: 1px solid var(--line); }
.methodology-main { max-width: 900px; }
.methodology-article { display: grid; gap: 24px; padding: clamp(18px, 4vw, 40px); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-card); box-shadow: var(--shadow-md); }
.methodology-heading { padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.methodology-heading .c-page-description { max-width: 75ch; }
.methodology-article section { max-width: 76ch; }
.methodology-article h2 { margin: 0 0 8px; font-size: 20px; line-height: 1.3; }
.methodology-article p { color: var(--text-secondary); }
.methodology-article li { margin: 8px 0; color: var(--text-secondary); }
.methodology-article strong { color: var(--text); }
.methodology-article code { padding: 2px 5px; color: var(--text); background: var(--surface-raised); border-radius: 4px; font-family: ui-monospace, monospace; font-size: .9em; }
.methodology-return { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; padding-top: 18px; border-top: 1px solid var(--line); }
@media (max-width: 767px) { .methodology-header { flex-wrap: wrap; padding: 8px 16px 14px; } .methodology-header .theme-control { order: 3; width: 100%; } }