.method-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; width: min(720px, 100%); margin: -22px auto 72px; }
.method-tabs[hidden], .method-panel[hidden] { display: none; }
.method-tabs button { min-width: 0; min-height: 44px; padding: 8px 12px; border: 1px solid #20252b2e; border-radius: 7px; background: transparent; color: #454c57; font: 500 14px/1.2 var(--reading); cursor: pointer; }
.method-tabs button[aria-selected="true"] { background: #98aaff; color: #20252b; border-color: #98aaff; }
.method-tabs button:hover:not([aria-selected="true"]) { border-color: #4056a4; }
.method-tabs button:focus-visible, .method-panel:focus-visible { outline: 3px solid #596dba; outline-offset: 4px; }
.method-panel + .method-panel:not([hidden]) { margin-top: 48px; }
.method-tabs:not([hidden]) ~ .method-panel { margin-top: 0; }
@media(max-width:600px) {
  .method-tabs { margin-top: -8px; margin-bottom: 52px; }
  .method-tabs button { font-size: 12px; padding: 7px 5px; }
}
/* The moving dot is decorative; the numbered list remains semantic content. */
.method-panel { position: relative; }
.method-panel .step-number.method-step-active { background: #4056a4; color: #fef9ef; border-color: #4056a4; }
.method-travel-dot { position: absolute; top: 0; left: 0; width: 9px; height: 9px; border-radius: 50%; background: #4056a4; pointer-events: none; z-index: 2; }
.method-travel-dot[hidden] { display: none; }
@media (min-width: 761px) and (max-width: 1000px) {
  .method-panel .method-steps { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .method-panel .method-steps li { padding: 0 0 31px 64px; }
  .method-panel .method-steps li::before { display: block; left: 20px; top: 40px; bottom: 0; width: 1px; height: auto; }
  .method-panel .method-steps li:last-child { padding-bottom: 0; }
  .method-panel .method-steps li:last-child::before { display: none; }
  .method-panel .step-number { position: absolute; top: 0; left: 0; }
}
@media (prefers-reduced-motion: reduce) { .method-travel-dot { display: none; } }

@media(min-width:761px) { .method-tabs button { white-space:nowrap; } }