/* Builder help only; same approved typography, navy, orange and blue tokens. */
.pro-builder-guide { --guide-ink:#142543; --guide-muted:#53647c; --guide-blue:#3157e8; --guide-line:#d5ddec; box-sizing:border-box; inline-size:min(540px,calc(100% - 32px)); max-inline-size:calc(100% - 32px); max-block-size:calc(100dvh - 32px); margin:auto; padding:0; border:1px solid var(--guide-line); border-radius:20px; color:var(--guide-ink); background:#fff; box-shadow:0 24px 64px #101d3829; overflow:auto; overscroll-behavior:contain; font:400 15px/1.65 'Rubik',system-ui,sans-serif; }
.pro-builder-guide[lang='en'] { font-family:'Inter',system-ui,sans-serif; }
.pro-builder-guide[lang='ar'] { font-family:'Noto Sans Arabic',system-ui,sans-serif; }
.pro-builder-guide:not([open]) { display:none; }
.pro-builder-guide::backdrop { background:rgba(16,29,56,.48); }
.pro-builder-guide *, .pro-builder-guide *::before, .pro-builder-guide *::after { box-sizing:border-box; }
.pro-builder-guide button { font:inherit; min-block-size:44px; cursor:pointer; overflow-wrap:anywhere; }
.pro-builder-guide :focus-visible { outline:3px solid var(--guide-blue); outline-offset:3px; }
.pro-builder-guide .builder-guide-header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 22px; border-block-end:1px solid var(--guide-line); }
.pro-builder-guide .builder-guide-brand { color:var(--guide-ink); font-size:16px; font-weight:650; }
.pro-builder-guide .builder-guide-close { inline-size:44px; flex:0 0 44px; padding:0; border:0; border-radius:9px; background:transparent; color:var(--guide-muted); font-size:28px; line-height:1; }
.pro-builder-guide .builder-guide-close:hover { background:#edf1ff; }
.pro-builder-guide .builder-guide-body { padding:24px 28px 0; }
.pro-builder-guide .builder-guide-progress { color:#b94714; font-size:13px; font-weight:550; margin:0 0 10px; }
.pro-builder-guide h2 { font-family:inherit; font-size:28px; font-weight:650; line-height:1.3; letter-spacing:normal; color:var(--guide-ink); margin:0 0 16px; overflow-wrap:anywhere; }
.pro-builder-guide h2:focus { outline:none; }
.pro-builder-guide .builder-guide-text { color:var(--guide-ink); margin:0 0 20px; }
.pro-builder-guide .builder-guide-hint { padding:14px 16px; border:1px solid var(--guide-line); border-radius:12px; background:#f7f9ff; color:var(--guide-muted); font-size:14px; margin:0; }
.pro-builder-guide .builder-guide-footer { padding:24px 28px 20px; }
.pro-builder-guide .builder-guide-actions { display:flex; gap:12px; }
.pro-builder-guide .builder-guide-actions button { flex:1 1 0; min-inline-size:0; padding:10px 14px; border-radius:10px; font-weight:550; line-height:1.45; }
.pro-builder-guide .builder-guide-primary { background:var(--guide-blue); color:#fff; border:1px solid var(--guide-blue); }
.pro-builder-guide .builder-guide-secondary { background:#fff; color:#b94714; border:1px solid #7b859b; }
.pro-builder-guide .builder-guide-secondary:disabled { color:var(--guide-muted); border-color:var(--guide-line); background:#f7f9ff; cursor:default; }
.pro-builder-guide .builder-guide-skip { display:block; margin:12px auto 0; padding:8px; color:var(--guide-muted); background:transparent; border:0; text-decoration:underline; text-underline-offset:3px; }
.pro-builder-guide .builder-guide-optional { color:var(--guide-muted); font-size:12px; text-align:center; margin:4px 0 0; }
.svx-wizard .wizard-guide-help { color:var(--wizard-orange,#b94714); white-space:normal; text-align:center; }
@media (max-width:480px) {
  .pro-builder-guide { inline-size:calc(100% - 24px); max-inline-size:calc(100% - 24px); max-block-size:calc(100dvh - 24px); border-radius:16px; font-size:14px; }
  .pro-builder-guide .builder-guide-header { padding:10px 16px; }
  .pro-builder-guide .builder-guide-body { padding:18px 18px 0; }
  .pro-builder-guide .builder-guide-footer { padding:20px 18px 16px; }
  .pro-builder-guide h2 { font-size:24px; }
  .pro-builder-guide .builder-guide-hint { padding:12px; font-size:13px; }
  .pro-builder-guide .builder-guide-actions { gap:9px; }
}