/* ============================================================
   ExcelGurus - QuickFix: the file box on the intake form and the
   results view. 1.0.5, Rev:5 2026/10/23: no change in the styles, the name follows eg-qf-1.0.5.js.
   1.0.4, Rev:4 2026/10/23: no change in the styles, the name follows eg-qf-1.0.4.js.
   1.0.3, Rev:3 2026/10/23: every handoff a calm card
   (.egq-hand: a light blue card, a white circle with the person icon,
   the title, the reason, the message) in place of the yellow box, and the
   other notes on the neutral wash (eg-qf-1.0.3.js); 1.0.2 stays for the
   rollback. 1.0.2, Rev:2 2026/10/23: the drop zone of
   eg-intake-2.1.2.js (a light solid border at rest, dashed blue while
   files are dragged over it, the icon, the focus ring, the full state),
   and the file box's own border solid; the quote screen of
   eg-qf-1.0.2.js (the price card, the plan in parts, the green Approve
   and Pay, the questions as cards and pills); 1.0.1 stays for the rollback.
   1.0.1, Rev:1 2026/10/23: the stepped progress bar and
   its clock in place of the spinner (eg-qf-1.0.1.js); 1.0.0 stays for the
   rollback. Rev:0 2026/10/22 (help desk step 4,
   docs/desk-step4-2026-10-22.md).
   Goes in: wp-content/uploads/eg/css/eg-qf-1.0.5.css (deploy-assets.ps1
   -Subfolder css). Loaded by a link tag in the intake form block (the
   WPCode snippet EG Intake Form) and on /excel-quick-fix/.
   Styles only what eg-intake-2.1.4.js and eg-qf-1.0.5.js build: the file
   box (#egf-qf), the Turnstile slot (#egf-qf-ts), the view's box inside
   the form wrapper (#egf-qf-view) and the view itself (.egq), on the
   results page inside #eg-qf. Colors are the form's own (its tokens on
   #eg-form-wrap), with the same values written out for #eg-qf, which sits
   outside the wrapper. Every selector is scoped to #eg-form-wrap or
   #eg-qf, so nothing else on a page changes.
   Site rule: no em dashes anywhere in this file.
   ============================================================ */

#eg-qf{--egf-blue:#046bd2;--egf-blue-hover:#045cb4;--egf-blue-soft:#eaf3fd;--egf-ink:#1e293b;--egf-ink-2:#334155;--egf-muted:#64748b;--egf-faint:#94a3b8;--egf-line:#cbd5e1;--egf-line-soft:#e2e8f0;--egf-wash:#F0F5FA;--egf-err:#b42318;--egf-err-soft:#fef3f2;--egf-note:#7a5a00;--egf-note-soft:#fff8e1}
#eg-qf[hidden],#eg-form-wrap .egf-qf[hidden],#eg-form-wrap .egf-qf-ts[hidden],#eg-form-wrap .egf-qf-view[hidden]{display:none !important}

/* The file box, on screen 1 under the description. */
#eg-form-wrap .egf-qf{margin:0 0 20px;padding:14px 16px;background:var(--egf-wash);border:1px solid var(--egf-line-soft);border-radius:10px}
#eg-form-wrap .egf-qf-title{margin:0 0 2px;padding:0;font-size:15px;line-height:1.4;font-weight:600;color:var(--egf-ink)}
#eg-form-wrap .egf-qf-help{margin:0 0 10px;padding:0;font-size:14px;line-height:1.5;color:var(--egf-ink-2)}
#eg-form-wrap .egf-qf-list{margin:0 0 10px;padding:0;list-style:none}
#eg-form-wrap .egf-qf-list:empty{display:none}
#eg-form-wrap .egf-qf-file{display:flex;align-items:center;gap:10px;margin:0 0 6px;padding:8px 10px;background:#fff;border:1px solid var(--egf-line-soft);border-radius:8px;font-size:14.5px;line-height:1.4}
#eg-form-wrap .egf-qf-name{flex:1 1 auto;min-width:0;color:var(--egf-ink);font-weight:600;overflow-wrap:anywhere}
#eg-form-wrap .egf-qf-size{flex:none;color:var(--egf-muted);font-size:13.5px}
#eg-form-wrap .egf-qf-remove{flex:none;width:auto;min-height:0;margin:0;padding:4px 2px;font-family:inherit;font-size:14px;line-height:1.3;font-weight:600;letter-spacing:normal;text-transform:none;color:var(--egf-blue);background:transparent;border:0;border-radius:4px;box-shadow:none;cursor:pointer;text-decoration:underline}
#eg-form-wrap .egf-qf-remove:hover{color:var(--egf-blue-hover);background:transparent}
/* The drop zone (1.0.2, eg-intake-2.1.2): big, always on show, the whole of it a button for the picker; a light solid border at rest, a dashed blue one while files are dragged over it; at 3 files it rests. */
#eg-form-wrap .egf-qf-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:112px;margin:0 0 10px;padding:18px 16px;background:#fff;border:2px solid var(--egf-line);border-radius:10px;font-size:15.5px;line-height:1.4;font-weight:600;color:var(--egf-blue-hover);text-align:center;cursor:pointer;transition:border-color .12s,background-color .12s}
#eg-form-wrap .egf-qf-zone:hover{border-color:var(--egf-blue);background:var(--egf-blue-soft)}
#eg-form-wrap .egf-qf-zone:focus{outline:3px solid rgba(4,107,210,.45);outline-offset:2px}
#eg-form-wrap .egf-qf-zone:focus:not(:focus-visible){outline:none}
#eg-form-wrap .egf-qf-icon{display:block;flex:none;width:28px;height:28px;color:var(--egf-blue)}
#eg-form-wrap .egf-qf-zone-text{display:block}
#eg-form-wrap .egf-qf.egf-qf-drag .egf-qf-zone{border:2px dashed var(--egf-blue);background:var(--egf-blue-soft)}
#eg-form-wrap .egf-qf-zone.egf-qf-full{cursor:default;color:var(--egf-muted);background:var(--egf-wash);border-color:var(--egf-line-soft)}
#eg-form-wrap .egf-qf-zone.egf-qf-full .egf-qf-icon{color:var(--egf-faint)}
#eg-form-wrap .egf-qf-input{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;opacity:0;overflow:hidden;pointer-events:none}

/* The Turnstile slot, just above "Send my request". */
#eg-form-wrap .egf-qf-ts{min-height:65px;margin:0 0 12px;text-align:center}

/* The view in the form's box (the form itself is hidden then). */
#eg-form-wrap .egf-qf-view{display:block;margin:0;padding:26px 26px 24px;background:#fff;border:1px solid var(--egf-line);border-radius:14px;box-shadow:0 1px 3px rgba(15,23,42,.06),0 8px 24px rgba(15,23,42,.05)}
#eg-qf{max-width:640px;max-width:min(640px,calc(100vw - 32px));margin:0 auto 32px;padding:26px 26px 24px;background:#fff;border:1px solid var(--egf-line);border-radius:14px;box-shadow:0 1px 3px rgba(15,23,42,.06),0 8px 24px rgba(15,23,42,.05);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:1.55;color:var(--egf-ink);text-align:left;box-sizing:border-box}

/* The view. */
#eg-form-wrap .egq,#eg-qf .egq{color:var(--egf-ink)}
#eg-form-wrap .egq [hidden],#eg-qf .egq [hidden]{display:none !important}
#eg-form-wrap .egq-title,#eg-qf .egq-title{margin:0 0 2px;padding:0;font-family:inherit;font-size:24px;line-height:1.25;font-weight:700;letter-spacing:-.01em;text-transform:none;color:var(--egf-ink);outline:none}
#eg-form-wrap .egq-ref,#eg-qf .egq-ref{margin:0 0 16px;padding:0;font-size:14px;color:var(--egf-muted)}
#eg-form-wrap .egq-ref:empty,#eg-qf .egq-ref:empty{display:none}
#eg-form-wrap .egq-part,#eg-qf .egq-part{margin:0 0 18px;padding:0}
#eg-form-wrap .egq-head,#eg-qf .egq-head{margin:0 0 8px;padding:0;font-family:inherit;font-size:17px;line-height:1.35;font-weight:700;text-transform:none;color:var(--egf-ink)}
#eg-form-wrap .egq-files-list,#eg-qf .egq-files-list{margin:0;padding:0;list-style:none}
#eg-form-wrap .egq-files-list li,#eg-qf .egq-files-list li{display:flex;flex-wrap:wrap;gap:4px 10px;margin:0 0 6px;padding:8px 10px;background:var(--egf-wash);border-radius:8px;font-size:15px;line-height:1.4}
#eg-form-wrap .egq-file-name,#eg-qf .egq-file-name{font-weight:600;overflow-wrap:anywhere}
#eg-form-wrap .egq-file-count,#eg-qf .egq-file-count{color:var(--egf-muted)}
#eg-form-wrap .egq-stage,#eg-qf .egq-stage{margin:0;padding:10px 14px;background:var(--egf-blue-soft);border-radius:8px;font-size:15px;font-weight:600;color:var(--egf-blue-hover)}
/* The two panels while it works (1.0.1): checking (neutral) before a quote, the fix (green accent) after Approve. */
#eg-form-wrap .egq-work,#eg-qf .egq-work{margin:0;padding:14px 16px 16px;background:#fff;border:1px solid var(--egf-line-soft);border-radius:10px}
#eg-form-wrap .egq-work-head,#eg-qf .egq-work-head{margin:0 0 10px;padding:0;font-family:inherit;font-size:17px;line-height:1.35;font-weight:700;text-transform:none;color:var(--egf-ink)}
#eg-form-wrap .egq-work-fix,#eg-qf .egq-work-fix{--egq-accent:#00a32a;--egq-accent-ink:#00701d;--egq-accent-soft:#e7f6eb;padding-top:0;border-color:#b7e2c2;border-left:5px solid var(--egq-accent);overflow:hidden}
#eg-form-wrap .egq-work-fix .egq-work-head,#eg-qf .egq-work-fix .egq-work-head{margin:0 -16px 10px -16px;padding:12px 16px;background:var(--egq-accent-soft);color:var(--egq-accent-ink)}
#eg-form-wrap .egq-recap,#eg-qf .egq-recap{margin:0 0 8px;padding:0;font-size:15px;line-height:1.5;font-weight:600;color:var(--egf-ink-2)}
#eg-form-wrap .egq-toggle,#eg-qf .egq-toggle{display:inline-block;width:auto;min-height:0;margin:0 0 10px;padding:4px 2px;font-family:inherit;font-size:14.5px;line-height:1.4;font-weight:600;letter-spacing:normal;text-transform:none;color:var(--egq-accent-ink,var(--egf-blue));background:transparent;border:0;box-shadow:none;cursor:pointer;text-decoration:underline}
#eg-form-wrap .egq-toggle[aria-expanded=true]::after,#eg-qf .egq-toggle[aria-expanded=true]::after{content:" (hide)";font-weight:400}
#eg-form-wrap .egq-plan-box,#eg-qf .egq-plan-box{margin:0 0 12px;padding:10px 12px;background:var(--egf-wash);border-radius:8px}
#eg-form-wrap .egq-work-fix .egq-seg i,#eg-qf .egq-work-fix .egq-seg i{background-color:var(--egq-accent)}
#eg-form-wrap .egq-work-fix .egq-indet i,#eg-qf .egq-work-fix .egq-indet i{background-color:#5cc277}
#eg-form-wrap .egq-work-fix .egq-line,#eg-qf .egq-work-fix .egq-line{background:var(--egq-accent-soft);color:var(--egq-accent-ink)}
#eg-form-wrap .egq-work-fix .egq-label-now,#eg-qf .egq-work-fix .egq-label-now{color:var(--egq-accent-ink)}
#eg-form-wrap .egq-work .egq-sub,#eg-qf .egq-work .egq-sub{margin:10px 0 0}
#eg-form-wrap .egq-slow,#eg-qf .egq-slow{margin:10px 0 0;padding:10px 12px;background:var(--egf-note-soft);border-radius:8px;font-size:14.5px;line-height:1.5;color:var(--egf-ink-2)}
/* The stepped bar (1.0.1): done steps filled, the current one striped (moving unless reduced motion), later ones empty. */
#eg-form-wrap .egq-prog,#eg-qf .egq-prog{margin:0 0 8px;padding:0}
#eg-form-wrap .egq-segs,#eg-qf .egq-segs{display:flex;gap:5px}
#eg-form-wrap .egq-seg,#eg-qf .egq-seg{position:relative;flex:1 1 0;height:12px;border-radius:6px;background:var(--egf-line-soft);overflow:hidden}
#eg-form-wrap .egq-seg i,#eg-qf .egq-seg i{position:absolute;top:0;left:0;bottom:0;display:block;border-radius:6px;background-color:var(--egf-blue);transition:width .4s ease}
#eg-form-wrap .egq-now i,#eg-qf .egq-now i{background-image:linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);background-size:20px 20px;animation:egq-stripe 1s linear infinite}
#eg-form-wrap .egq-indet i,#eg-qf .egq-indet i{background-color:#5b9be0}
@keyframes egq-stripe{from{background-position:0 0}to{background-position:20px 0}}
#eg-form-wrap .egq-labels,#eg-qf .egq-labels{display:flex;gap:5px;margin:5px 0 0}
#eg-form-wrap .egq-label,#eg-qf .egq-label{flex:1 1 0;min-width:0;font-size:12px;line-height:1.3;color:var(--egf-faint);text-align:center}
#eg-form-wrap .egq-label-now,#eg-qf .egq-label-now{font-weight:600;color:var(--egf-blue-hover)}
#eg-form-wrap .egq-line,#eg-qf .egq-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0;padding:10px 14px;background:var(--egf-blue-soft);border-radius:8px;font-size:15px;font-weight:600;color:var(--egf-blue-hover)}
#eg-form-wrap .egq-clock,#eg-qf .egq-clock{flex:none;font-size:14px;font-weight:500;color:var(--egf-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
#eg-form-wrap .egq-note .egq-msg,#eg-qf .egq-note .egq-msg{margin:0;padding:12px 14px;background:var(--egf-wash);border-radius:8px;font-size:15px;line-height:1.55;color:var(--egf-ink-2)}
/* A handoff (1.0.3): a calm card, not a warning. */
#eg-form-wrap .egq-hand,#eg-qf .egq-hand{display:flex;align-items:flex-start;gap:14px;margin:0;padding:18px 20px;background:var(--egf-blue-soft);border:1px solid #d3e5fa;border-radius:12px}
#eg-form-wrap .egq-hand-ico,#eg-qf .egq-hand-ico{flex:0 0 40px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--egf-blue)}
#eg-form-wrap .egq-hand-body,#eg-qf .egq-hand-body{flex:1 1 auto;min-width:0}
#eg-form-wrap .egq-hand-title,#eg-qf .egq-hand-title{margin:0 0 4px;padding:0;font-size:17px;line-height:1.35;font-weight:700;color:var(--egf-ink)}
#eg-form-wrap .egq-hand-why,#eg-qf .egq-hand-why{margin:0 0 6px;font-size:15px;line-height:1.55;font-weight:600;color:var(--egf-ink)}
#eg-form-wrap .egq-note .egq-hand .egq-msg,#eg-qf .egq-note .egq-hand .egq-msg{padding:0;background:none;border-radius:0}
#eg-form-wrap .egq-msg a,#eg-qf .egq-msg a{font-weight:600;color:var(--egf-blue);text-decoration:underline}
#eg-form-wrap .egq-sub,#eg-qf .egq-sub{margin:6px 0 10px;padding:0;font-size:14px;line-height:1.5;color:var(--egf-muted)}
/* The questions (1.0.2): each a small card, its choices as pills; the picked one by a class (no :has()). */
#eg-form-wrap .egq-q,#eg-qf .egq-q{min-width:0;margin:0 0 12px;padding:14px 16px 10px;border:1px solid var(--egf-line-soft);border-radius:10px;background:var(--egf-wash)}
#eg-form-wrap .egq-q legend,#eg-qf .egq-q legend{display:block;float:left;width:100%;margin:0 0 10px;padding:0;border:0;font-size:15px;line-height:1.45;font-weight:600;color:var(--egf-ink)}
#eg-form-wrap .egq-pills,#eg-qf .egq-pills{clear:both;display:flex;flex-wrap:wrap;gap:8px}
#eg-form-wrap .egq-choice,#eg-qf .egq-choice{position:relative;display:inline-flex;align-items:center;min-height:44px;margin:0 0 4px;padding:9px 16px;background:#fff;border:1.5px solid var(--egf-line);border-radius:999px;font-size:15px;line-height:1.3;font-weight:600;color:var(--egf-ink-2);cursor:pointer}
#eg-form-wrap .egq-choice input,#eg-qf .egq-choice input{position:absolute;top:50%;left:12px;width:1px;height:1px;margin:0;padding:0;border:0;opacity:0}
#eg-form-wrap .egq-choice:hover,#eg-qf .egq-choice:hover{border-color:var(--egf-blue)}
#eg-form-wrap .egq-choice.egq-sel,#eg-qf .egq-choice.egq-sel{border-color:var(--egf-blue);background:var(--egf-blue-soft);color:var(--egf-blue-hover);box-shadow:inset 0 0 0 1px var(--egf-blue)}
#eg-form-wrap .egq-choice:focus-within,#eg-qf .egq-choice:focus-within{outline:3px solid rgba(4,107,210,.35);outline-offset:2px}
#eg-form-wrap .egq-field-err,#eg-qf .egq-field-err{margin:0 0 8px;padding:0;font-size:14px;font-weight:500;color:var(--egf-err)}
#eg-form-wrap .egq-field-err:empty,#eg-qf .egq-field-err:empty{display:none}
#eg-form-wrap .egq-plan,#eg-form-wrap .egq-summary,#eg-qf .egq-plan,#eg-qf .egq-summary{margin:0 0 6px;padding:0;font-size:15px;line-height:1.55;color:var(--egf-ink-2);overflow-wrap:anywhere}
#eg-form-wrap .egq-price,#eg-qf .egq-price{margin:10px 0 0;padding:0;font-size:17px;color:var(--egf-ink)}
#eg-form-wrap .egq-table,#eg-qf .egq-table{width:100%;margin:8px 0 12px;border-collapse:collapse;font-size:14px;line-height:1.4;table-layout:fixed}
#eg-form-wrap .egq-table th,#eg-form-wrap .egq-table td,#eg-qf .egq-table th,#eg-qf .egq-table td{padding:6px 8px;border:1px solid var(--egf-line-soft);text-align:left;vertical-align:top;overflow-wrap:anywhere;background:#fff}
#eg-form-wrap .egq-table th,#eg-qf .egq-table th{background:var(--egf-wash);font-weight:600;color:var(--egf-muted)}
#eg-form-wrap .egq-figure,#eg-qf .egq-figure{margin:8px 0 0;padding:0}
#eg-form-wrap .egq-img,#eg-qf .egq-img{display:block;max-width:100%;height:auto;border:1px solid var(--egf-line);border-radius:6px}
#eg-form-wrap .egq-figure figcaption,#eg-qf .egq-figure figcaption{margin:4px 0 0;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--egf-muted)}
#eg-form-wrap .egq-btn,#eg-qf .egq-btn{display:block;width:100%;min-height:52px;margin:8px 0 0;padding:14px 18px;font-family:inherit;font-size:17px;line-height:1.3;font-weight:700;letter-spacing:normal;text-transform:none;text-decoration:none;text-align:center;color:#fff;background:var(--egf-blue);border:0;border-radius:10px;box-shadow:none;cursor:pointer;box-sizing:border-box}
#eg-form-wrap .egq-btn:hover,#eg-qf .egq-btn:hover{color:#fff;background:var(--egf-blue-hover)}
#eg-form-wrap .egq-btn:disabled,#eg-qf .egq-btn:disabled{background:var(--egf-faint);cursor:default}
#eg-form-wrap .egq-btn:focus,#eg-qf .egq-btn:focus{outline:3px solid rgba(4,107,210,.35);outline-offset:2px}
/* The green buttons (1.0.2): Approve and Pay. #008a20 keeps white text at AA (4.5:1); the site green #00a32a would not. */
#eg-form-wrap .egq-btn-go,#eg-qf .egq-btn-go{background:#008a20}
#eg-form-wrap .egq-btn-go:hover,#eg-qf .egq-btn-go:hover{background:#006e19}
#eg-form-wrap .egq-btn-go:focus,#eg-qf .egq-btn-go:focus{outline:3px solid rgba(0,138,32,.45);outline-offset:2px}
#eg-form-wrap .egq-btn-go:disabled,#eg-qf .egq-btn-go:disabled{background:var(--egf-faint)}
#eg-form-wrap .egq-btn-note,#eg-qf .egq-btn-note{margin:6px 0 0;text-align:center}
/* The quote (1.0.2): the plan in its parts, and the price card; side by side from 1024 px (below). */
#eg-form-wrap .egq-quote-grid,#eg-qf .egq-quote-grid{display:flex;flex-direction:column-reverse;gap:16px;margin:0 0 6px}
#eg-form-wrap .egq-plan-col,#eg-qf .egq-plan-col{min-width:0}
#eg-form-wrap .egq-plan-head,#eg-qf .egq-plan-head{margin:14px 0 6px;padding:0;font-family:inherit;font-size:13px;line-height:1.4;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--egf-muted)}
#eg-form-wrap .egq-plan-col .egq-plan-head:first-child,#eg-qf .egq-plan-col .egq-plan-head:first-child{margin-top:0}
#eg-form-wrap .egq-todo,#eg-qf .egq-todo{margin:0;padding:0;list-style:none}
#eg-form-wrap .egq-todo li,#eg-qf .egq-todo li{display:flex;align-items:flex-start;gap:8px;margin:0 0 6px;padding:0;font-size:15px;line-height:1.55;color:var(--egf-ink-2);overflow-wrap:anywhere}
#eg-form-wrap .egq-check,#eg-qf .egq-check{flex:none;width:16px;height:16px;margin:4px 0 0;color:#008a20}
#eg-form-wrap .egq-price-card,#eg-qf .egq-price-card{margin:0 0 4px;padding:16px 18px;background:#f3fbf5;border:1px solid #b7e2c2;border-radius:12px}
#eg-form-wrap .egq-price-label,#eg-qf .egq-price-label{margin:0;padding:0;font-size:13px;line-height:1.4;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#00701d}
#eg-form-wrap .egq-price-big,#eg-qf .egq-price-big{margin:2px 0 8px;padding:0;font-size:40px;line-height:1.1;font-weight:800;letter-spacing:-.01em;color:var(--egf-ink)}
#eg-form-wrap .egq-price-incl,#eg-qf .egq-price-incl{margin:0 0 6px;padding:0;font-size:14.5px;line-height:1.5;color:var(--egf-ink-2)}
#eg-form-wrap .egq-price-muted,#eg-qf .egq-price-muted{margin:0;padding:0;font-size:13.5px;line-height:1.5;color:var(--egf-muted)}
#eg-form-wrap .egq-pay .egq-price-card,#eg-qf .egq-pay .egq-price-card{margin:0 0 8px}
/* The preview (1.0.2): the summary in parts under the same small labels as the plan; the table's caption when it shows only the changed cells. */
#eg-form-wrap .egq-summary-col,#eg-qf .egq-summary-col{margin:0 0 14px}
#eg-form-wrap .egq-table-cap,#eg-qf .egq-table-cap{caption-side:top;margin:0 0 6px;padding:0;font-size:13px;line-height:1.4;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-align:left;color:var(--egf-muted)}
#eg-form-wrap .egq-paid,#eg-qf .egq-paid{margin:0 0 4px;padding:0;font-size:16px;font-weight:700;color:var(--egf-ink)}
#eg-form-wrap .egq-err .egq-msg,#eg-qf .egq-err .egq-msg{margin:0 0 14px;padding:10px 14px;font-size:14.5px;line-height:1.5;color:var(--egf-err);background:var(--egf-err-soft);border:1px solid #fecdca;border-radius:8px}
#eg-form-wrap .egq-err .egq-msg a,#eg-qf .egq-err .egq-msg a{color:var(--egf-err)}
#eg-form-wrap .egq-offline,#eg-qf .egq-offline{margin:0 0 12px;padding:0;font-size:14px;color:var(--egf-note)}
#eg-form-wrap .egq-offline:empty,#eg-qf .egq-offline:empty{display:none}
#eg-form-wrap .egq-keep,#eg-form-wrap .egq-help,#eg-qf .egq-keep,#eg-qf .egq-help{margin:10px 0 0;padding:0;font-size:13.5px;line-height:1.5;color:var(--egf-muted);overflow-wrap:anywhere}
#eg-form-wrap .egq-keep a,#eg-form-wrap .egq-help a,#eg-qf .egq-keep a,#eg-qf .egq-help a{color:var(--egf-blue);text-decoration:underline}
#eg-form-wrap .egq-new,#eg-qf .egq-new{display:inline-block;width:auto;min-height:0;margin:12px 0 0;padding:6px 2px;font-family:inherit;font-size:15px;line-height:1.4;font-weight:600;letter-spacing:normal;text-transform:none;color:var(--egf-blue);background:transparent;border:0;box-shadow:none;cursor:pointer;text-decoration:underline}
@media (max-width:600px){
#eg-form-wrap .egf-qf-view,#eg-qf{padding:18px 16px 20px;border-radius:12px}
#eg-form-wrap .egq-title,#eg-qf .egq-title{font-size:21px}
#eg-form-wrap .egq-labels,#eg-qf .egq-labels{display:none}
}
/* Computers first (2026/10/23): from 1024 px the results box on /excel-quick-fix/ is as wide as the form there, up to 960 px; the view in the form's own box follows the form. */
@media (min-width:1024px){
#eg-qf{width:960px;width:min(960px,calc(100vw - 48px));max-width:none;margin-left:calc(50% - 480px);margin-left:calc(50% - min(480px,50vw - 24px));margin-right:calc(50% - 480px);margin-right:calc(50% - min(480px,50vw - 24px));padding:32px 36px 30px}
#eg-form-wrap .egf-qf-view{padding:32px 36px 30px}
#eg-form-wrap .egq-quote-grid,#eg-qf .egq-quote-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:24px}
}
@media (prefers-reduced-motion:reduce){
#eg-form-wrap .egq-seg i,#eg-qf .egq-seg i{animation:none;transition:none}
}