.methodology-page { min-height: 679px; background: var(--background); }
.methodology-hero { position: sticky; top: 0; z-index: 10; height: 188px; padding: 42px 46px; background: var(--title-background); }
.methodology-hero h1 { position: static; max-width: 600px; white-space: pre-line; font-size: 42px; line-height: 61px; letter-spacing: -.8px; color: #17171c; }
.methodology-content { min-height: 491px; padding: 51px 72px 150px; }
.methodology-intro { text-align: center; color: #17171c; }
.methodology-intro h2 { font-size: 24px; line-height: 30px; font-weight: 600; }
.methodology-intro h3 { margin-top: 21px; font-size: 24px; line-height: 16px; font-weight: 600; }
.methodology-intro p { margin-top: 18px; font-size: 20px; line-height: 26px; }
.principle-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-top: 27px; }
.principle-card { height: 304px; padding: 18px; border: 1px solid #31313a; border-radius: 16px; background: #1b1b22; color: #f4f4f7; }
.principle-card > span { display: block; height: 30px; font-size: 16px; line-height: 20px; font-weight: 600; }
.principle-card h2 { margin-top: 14px; font-size: 21px; line-height: 30px; font-weight: 600; }
.principle-card p { margin-top: 3px; font-size: 11px; line-height: 16px; }
.principle-card.fact > span { color: #5ca1ff; }.principle-card.attribution > span { color: #40d194; }.principle-card.judgment > span { color: #f5b847; }.principle-card.action > span { color: #8c82ff; }
@media (max-width: 900px) { .methodology-hero { padding: 40px 24px; height: 188px; }.methodology-content { padding: 48px 24px 90px; }.principle-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 560px) { .methodology-hero { height: 170px; padding: 32px 20px; }.methodology-hero h1 { font-size: 32px; line-height: 46px; }.methodology-content { padding: 42px 20px 72px; }.methodology-intro h2,.methodology-intro h3 { font-size: 21px; }.methodology-intro p { font-size: 16px; }.principle-grid { grid-template-columns: 1fr; gap: 16px; }.principle-card { height: 230px; } }