.process-diagram{margin:24px 0}.process-diagram-title{font-size:var(--font-xs);color:var(--muted-foreground);margin-bottom:12px;font-weight:500}.process-diagram-flow{flex-wrap:wrap;align-items:stretch;gap:12px 0;padding-bottom:4px;display:flex}.process-diagram-step-group{align-items:center;gap:0;min-width:0;display:flex}.process-diagram-step{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;flex-shrink:0;gap:4px;min-width:0;padding:10px 16px;display:flex}.process-diagram-step-label{font-size:var(--font-xs);color:var(--foreground);white-space:nowrap;font-weight:500}.process-diagram-step-desc{font-size:var(--font-2xs);color:var(--muted-foreground);white-space:nowrap;line-height:1.4}.process-diagram-arrow{width:20px;height:20px;color:var(--muted-foreground);flex-shrink:0;margin:0 6px}@media (max-width:640px){.process-diagram-flow{flex-direction:column;align-items:stretch}.process-diagram-step-group{flex-direction:column}.process-diagram-step{width:100%}.process-diagram-arrow{margin:6px auto;transform:rotate(90deg)}}
.process-comparison{margin:24px 0}.process-comparison-tabs{gap:8px;margin-bottom:20px;display:flex}.process-comparison-tab{font-size:var(--font-xs);color:var(--muted-foreground);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;white-space:nowrap;background:0 0;padding:8px 16px;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1)}.process-comparison-tab:hover{color:var(--foreground);border-color:var(--foreground)}.process-comparison-tab.is-active{color:var(--primary-foreground);background:var(--primary);border-color:var(--primary)}.process-comparison-body{border:1px solid var(--border);background:var(--card);border-radius:16px;padding:24px}.process-comparison-detail{grid-template-columns:1fr;gap:24px;margin-top:24px;display:grid}@media (min-width:640px){.process-comparison-detail{grid-template-columns:1fr 1fr}}.process-comparison-metrics{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:0;display:flex;overflow:hidden}.process-comparison-metric{justify-content:space-between;align-items:baseline;gap:12px;padding:10px 16px;display:flex}.process-comparison-metric:not(:last-child){border-bottom:1px solid var(--border)}.process-comparison-metric-label{font-size:var(--font-xs);color:var(--muted-foreground);white-space:nowrap}.process-comparison-metric-value{font-size:var(--font-xs);color:var(--foreground);text-align:right;font-weight:500}.process-comparison-metric-value.is-highlight{color:var(--foreground);font-weight:600}.process-comparison-figure{margin:0}.process-comparison-image-container{aspect-ratio:16/10;border-radius:var(--radius);border:1px solid var(--border);background:var(--secondary);width:100%;position:relative;overflow:hidden}.process-comparison-image{object-fit:cover}.process-comparison-caption{font-size:var(--font-2xs);color:var(--muted-foreground);margin-top:8px;line-height:1.5}@media (max-width:639px){.process-comparison-body{padding:16px}.process-comparison-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;overflow-x:auto}.process-comparison-tabs::-webkit-scrollbar{display:none}}
.methodology-header{margin-top:32px;margin-bottom:40px}.methodology-title{font-size:var(--font-xl);margin-bottom:8px;font-weight:400}.methodology-tagline{color:var(--muted-foreground);font-size:var(--font-sm);line-height:1.625}.methodology-comparison{grid-template-columns:1fr;gap:16px;margin:16px 0;display:grid}@media (min-width:640px){.methodology-comparison{grid-template-columns:1fr 1fr;gap:24px}}.methodology-comparison-col{border:1px solid var(--border);border-radius:var(--radius);padding:16px}.methodology-comparison-title{font-size:var(--font-sm);margin-bottom:12px;font-weight:500}.methodology-comparison-col ul{margin-bottom:0;padding-left:20px;list-style:outside}.methodology-comparison-col li{color:var(--muted-foreground);font-size:var(--font-xs);margin-bottom:4px;line-height:1.625}.methodology-comparison-col li::marker{color:var(--muted-foreground)}.methodology-principles{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:640px){.methodology-principles{grid-template-columns:1fr 1fr}}.methodology-principle{border:1px solid var(--border);border-radius:var(--radius);padding:16px}.methodology-principle-title{font-size:var(--font-sm);margin-bottom:8px;font-weight:500}.methodology-principle p{color:var(--muted-foreground);font-size:var(--font-xs);line-height:1.625}