.method-hero{padding-block:calc(2.2 * var(--leading)) calc(1.4 * var(--leading))}.method-hero .display{max-width:var(--measure);margin-top:.5em}.method-hero-lead{max-width:52ch;color:var(--color-muted);font-size:var(--text-lg);line-height:var(--line-height-body);margin-top:.75em}.method-principles{background:var(--color-surface);padding-block:calc(2 * var(--leading))}.method-principle-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.method-principle{gap:var(--space-4);background:var(--color-bg);border-radius:var(--radius-card);padding:var(--space-6);box-shadow:var(--shadow-sm);grid-template-columns:auto 1fr;display:grid}.method-principle-num{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--color-accent-700)}.method-principle h3{font-size:var(--text-lg)}.method-principle p{color:var(--color-muted);line-height:var(--line-height-body);margin-top:.4em}.method-guidelines{padding-block:calc(2.4 * var(--leading)) calc(2 * var(--leading))}.method-guidelines h2{font-size:clamp(24px,3vw,30px);line-height:var(--line-height-tight);margin:.35em 0 var(--space-6)}.method-guideline-list{gap:var(--space-3);margin:0 0 var(--space-6);padding:0;list-style:none;display:grid}.method-guideline-list li{gap:var(--space-3);padding:var(--space-6);background:var(--color-bg);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);line-height:var(--line-height-body);align-items:flex-start;display:flex}.method-guideline-list svg{width:16px;height:16px;color:var(--color-accent-2-700);flex:none;margin-top:.2em}
