/* BEGIN GENERATED fitcheck CSS — tools/build-fitcheck.py — do not edit */
      /* modal chrome only — the panel itself is the shared wizard shell (_shared/wizard-shell.css, inlined in the
         generated region below); nothing here restyles a wzs- part (tools/audit-wizard-shell.py fails if it does) */
      .fzfit-scrim { position:fixed; inset:0; z-index:120; display:flex; align-items:center; justify-content:center; padding:20px; background:rgba(4,6,8,.72); backdrop-filter:blur(3px); }
      .fzfit-scrim[hidden] { display:none; }
      .fzfit-dialog { width:100%; max-width:520px; max-height:calc(100vh - 40px); overflow:auto; border-radius:16px; }
      .fzfit-dialog:focus { outline:none; }
      /* the dialog surface: opaque over the scrim (the hero surfaces in hero-media.css only reach a panel inside .wrap) */
      .fzfit-dialog .wzs-shell { background:var(--card); box-shadow:0 24px 60px rgba(0,0,0,.45); }
      :root[data-theme="light"] .fzfit-dialog .wzs-shell { background:var(--surface-paper); border-color:var(--line-strong); box-shadow:0 14px 34px rgba(20,24,27,.10), 0 2px 8px rgba(20,24,27,.05); }
      .fzfit-close { flex:none; width:32px; height:32px; margin-inline-start:auto; display:grid; place-items:center; border:0; border-radius:8px; background:transparent; color:var(--muted); font-size:20px; line-height:1; cursor:pointer; }
      .fzfit-close:hover { color:var(--text); }
      .fzfit-close:focus-visible { outline:2px solid var(--focus-ring); outline-offset:2px; }
      .fzfit-second { display:inline-flex; align-items:center; justify-content:center; min-height:40px; font-size:13.5px; color:var(--muted); text-decoration:none; }
      .fzfit-second:hover { color:var(--text); }
      @media (max-width:560px) { .fzfit-scrim { padding:12px; align-items:flex-start; } .fzfit-dialog { max-height:calc(100vh - 24px); } }
      /* panel presentation: the same component inline in the hero's right column */
      .svc-hero-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:56px; align-items:center; }
      .svc-hero-copy { min-width:0; }
      @media (max-width:1000px) { .svc-hero-grid { grid-template-columns:1fr; gap:36px; } }
      /* END GENERATED fitcheck CSS */