#how{padding-block:20px;background:radial-gradient(ellipse at 10% 40%,#eae8f8,transparent 65%),#fafaff}
#how .section-head{margin-bottom:16px;max-width:100%}
#how .section-head p{font-size:16px;line-height:1.5;max-width:80ch;margin:0}
#how .method-decision-flow{display:grid;grid-template-columns:minmax(0,.85fr) 170px minmax(0,1.5fr);gap:24px;align-items:center;padding:22px 24px;background:rgba(255,255,255,.62);border:1px solid #e2dbef;border-radius:24px;overflow:hidden}
#how .method-review{position:relative;text-align:left;min-width:0}
#how .method-source-symbol{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;color:#7c609c;background:linear-gradient(135deg,#f9f7fd,#ece7f7);border:1px solid #ded3ed;margin-bottom:12px}
#how .method-source-symbol svg{width:48px;height:48px}
#how h3{margin:0 0 6px!important}
#how p{font-size:16px;line-height:1.5;margin:0;color:#65657f}
#how .method-source-meta{display:block;margin-top:12px;font-size:14px;color:#8b789d;line-height:1.4}
#how .method-gate{position:relative;display:grid;justify-items:center;gap:12px;text-align:center}
#how .method-gate::before{content:"";position:absolute;top:57px;left:-35px;right:-35px;height:1px;background:linear-gradient(90deg,#d7cbe8,#c48cae,#d7cbe8)}
#how .method-gate-core{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:112px;height:112px;border-radius:50%;background:linear-gradient(135deg,#fdfbff,#e6dcef);border:1px solid #cbb8df;color:#624b80;box-shadow:0 0 0 10px rgba(221,208,237,.23),0 0 0 20px rgba(227,218,240,.15);font-size:20px;line-height:1.3}
#how .method-gate-core::after{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px solid transparent;border-top-color:#ba73a9;border-right-color:#aca4d9;animation:method-orbit 18s linear infinite}
#how .method-gate-label{font-size:14px;line-height:1.3;color:#8a7799;padding-top:12px}
#how .method-branches{position:relative;display:grid;gap:0;border-left:1px solid #d7cbe8;padding-left:22px}
#how .method-branch{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid #ebe5f2}
#how .method-branch:last-child{border-bottom:0}
#how .method-branch::before{content:"";position:absolute;left:-22px;top:32px;width:22px;height:1px;background:#d7cbe8}
#how .method-branch-symbol{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d2e3df;border-radius:50%;color:#4e8b7e;background:#eff7f4}
#how .method-branch-symbol svg{width:24px;height:24px}
#how .method-branch-1 .method-branch-symbol{color:#79659b;background:#f1edf8;border-color:#dcd2ea}
#how .method-branch-2 .method-branch-symbol{color:#a16b86;background:#faf0f4;border-color:#ecd7e2}
#how .method-boundary{display:flex;gap:14px;align-items:flex-start;margin-top:12px;padding:14px 18px;border-left:2px solid #baa1ce;background:rgba(243,237,249,.5);border-radius:0 16px 16px 0}
#how .method-boundary-mark{flex:none;display:grid;place-items:center;width:26px;height:26px;border:1px solid #bba7ce;border-radius:50%;font-size:16px;color:#8c6eaa}
#how .method-boundary p{font-size:15px}
@keyframes method-orbit{to{transform:rotate(360deg)}}
@media(max-width:850px){#how .method-decision-flow{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:20px;padding:18px}#how .method-gate{grid-column:1;grid-row:2}#how .method-review{grid-column:1;grid-row:1}#how .method-branches{grid-column:2;grid-row:1/3}#how .method-gate::before{display:none}}
@media(max-width:600px){#how .method-decision-flow{grid-template-columns:minmax(0,1fr);gap:16px}#how .method-review,#how .method-gate,#how .method-branches{grid-column:1;grid-row:auto}#how .method-review{display:grid;grid-template-columns:60px minmax(0,1fr);gap:4px 12px}#how .method-source-symbol{width:58px;height:58px;grid-row:1/4;margin:0}#how .method-source-symbol svg{width:38px;height:38px}#how .method-source-meta{margin-top:4px}#how .method-gate-core{width:84px;height:84px;font-size:18px}#how .method-gate-label{padding-top:2px}#how .method-branches{padding-left:16px}#how .method-branch::before{left:-16px;width:16px}#how .method-boundary{padding:12px;gap:10px}}
@media(prefers-reduced-motion:reduce){#how .method-gate-core::after{animation:none}}