.method-loop{width:100%;color:var(--text-primary);font-family:var(--font-body);container-type:inline-size}.method-loop__layout{display:grid;grid-template-columns:240px minmax(30px,1fr) minmax(0,592px);align-items:center}.method-loop__methods{position:relative}.method-loop__methods>.method-loop__eyebrow{position:absolute;bottom:100%;left:0}.method-loop__eyebrow{margin:0 0 14px;color:var(--text-muted);font:11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.method-loop__methods ul{display:flex;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none}.method-loop__methods li{display:flex;align-items:center;min-height:44px;padding:8px 18px;border:1px solid var(--border-subtle);border-radius:24px;background:var(--bg-secondary);font-size:15px;line-height:1.3}.method-loop__connector{width:100%;height:420px;fill:none;stroke:var(--border-default);stroke-width:1.5}.method-loop__diagram{display:block;width:100%;height:auto;overflow:visible}.method-loop__arcs,.method-loop__arrow{fill:none;stroke:var(--text-muted);stroke-width:1.5}.method-loop__inbound{fill:none;stroke:var(--border-default);stroke-width:1.5}.method-loop__hub{fill:var(--bg-secondary);stroke:var(--border-default)}.method-loop__nodes{fill:var(--bg-primary);stroke:var(--brand-text);stroke-width:2}.method-loop__traveler{fill:var(--brand-text);transform-box:view-box;transform-origin:260px 210px;animation:method-loop-orbit 14s linear infinite}.method-loop__hub-title{fill:var(--text-primary);font-size:15px;font-weight:600}.method-loop__hub-detail{fill:var(--text-secondary);font-size:12px}.method-loop__label{fill:var(--text-primary);font-size:17px;font-weight:600}.method-loop__detail{fill:var(--text-secondary);font-size:13px}.method-loop:hover .method-loop__traveler{animation-play-state:paused}@keyframes method-loop-orbit{to{transform:rotate(1turn)}}@container (max-width: 800px){.method-loop__layout{grid-template-columns:minmax(0,1fr);gap:24px}.method-loop__methods>.method-loop__eyebrow{position:static}.method-loop__methods ul{flex-direction:row;flex-wrap:wrap;gap:8px}.method-loop__methods li{min-height:36px;padding:8px 14px;font-size:13px}.method-loop__connector,.method-loop__inbound{display:none}.method-loop__diagram{max-width:592px;margin-inline:auto}.method-loop__label{font-size:22px}.method-loop__detail{font-size:17px}.method-loop__hub-title{font-size:18px}.method-loop__hub-detail{font-size:14px}}@media (prefers-reduced-motion:reduce){.method-loop__traveler{animation:none}}.method-loop__diagram text{font-family:var(--font-mono)}