body.vit{display:flex;justify-content:center;padding:36px 16px 64px}
  .foot .legal{margin-top:9px}
  .foot .legal a{color:var(--vit-clay-text);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
  .foot .legal a:not(:last-child){margin-inline-end:4px}
  .sheet{position:relative;width:min(820px,100%);background:var(--vit-paper);
    border:1px solid #C9C2B2;border-radius:var(--vit-r-md);padding:46px 44px 30px;box-shadow:0 16px 54px rgba(0,0,0,.16)}
  .bar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
  .wordmark{font-family:var(--vit-f-display);font-size:42px;line-height:.9;letter-spacing:.01em}
  .bar .sub{font-size:13px;color:var(--vit-ink-3);margin-top:8px}
  .bar .code{font-family:var(--vit-f-mono);direction:ltr;font-size:10px;color:var(--vit-ink-4);text-align:left;line-height:1.7}
  .seclbl{display:flex;justify-content:space-between;align-items:baseline;margin:40px 0 16px}
  .seclbl .a{font-weight:700;font-size:15px}
  .seclbl .b{font-family:var(--vit-f-mono);direction:ltr;font-size:9.5px;color:var(--vit-ink-4);letter-spacing:.05em}

  .pretitle{font-family:var(--vit-f-mono);direction:ltr;font-size:10px;letter-spacing:.06em;color:var(--vit-ink-4);margin-top:30px}
  .h1{font-weight:700;font-size:clamp(28px,4vw,40px);letter-spacing:-.015em;margin-top:8px}

  .step{display:grid;grid-template-columns:54px 1fr;gap:22px;padding:22px 4px;border-bottom:1px solid var(--vit-line)}
  .step:last-child{border-bottom:none}
  .step .n{font-family:var(--vit-f-display);font-size:42px;line-height:1;color:var(--vit-clay-text);text-align:center}
  .step h3{margin:0;font-size:18px;font-weight:700}
  .step p{margin:8px 0 0;font-size:15px;color:var(--vit-ink-2);line-height:1.7}
  .step .meta{font-family:var(--vit-f-mono);direction:ltr;font-size:10px;color:var(--vit-ink-4);margin-top:8px;letter-spacing:.03em}
  .step .kbd{display:inline-block;background:var(--vit-line-ghost);padding:1px 8px;border-radius:3px;font-family:var(--vit-f-mono);font-size:12px;direction:ltr}

  .warn{border:1px dashed var(--vit-clay-strong);background:#FBE9DE;border-radius:var(--vit-r-sm);padding:18px 22px;margin-top:16px}
  .warn .lbl{font-family:var(--vit-f-mono);direction:ltr;font-size:10px;letter-spacing:.06em;color:var(--vit-clay-text);font-weight:700}
  .warn .body{font-size:14.5px;color:var(--vit-ink-2);margin-top:8px;line-height:1.7}

  .cta{display:flex;gap:14px;margin-top:24px;max-width:540px;flex-wrap:wrap}
  .cta .vit-fab{flex:1.5;padding:0 24px;min-width:200px;text-decoration:none}
  .cta .vit-btn{flex:1;height:54px;width:auto;min-width:160px;text-decoration:none}

  .foot{text-align:center;font-size:12.5px;color:var(--vit-ink-3);margin-top:40px}
  .foot a{color:var(--vit-clay-text)}
  a{color:inherit;text-decoration:none}

  @media(max-width:720px){
    .sheet{padding:34px 22px 26px}
    .wordmark{font-size:34px}
    .step{grid-template-columns:36px 1fr;gap:14px;padding:18px 2px}
    .step .n{font-size:28px}
    .cta{flex-direction:column}
  }

  /* ── utility classes replacing former inline style= attributes ── */
  .mt-18{margin:18px 0 0}
  .prereq-list{font-size:15px;color:var(--vit-ink-2);line-height:1.9;padding-right:18px}