/**
 * NTI Solution Finder - equipment-finder module styles (2026-09-29).
 *
 * The design's own finder stylesheet (design/18, VAULT_FINDER_CSS) with its `#studio` scope
 * replaced by `.sf-equipment.sf-equipment` - the doubled class keeps specificity above the
 * hello-elementor reset / Elementor kit button rules the way `#studio` did in the design. Only
 * the selector prefix and the spacing tokens below differ from the design; the rules are
 * otherwise verbatim.
 *
 * The design leans on --space-N tokens that this theme does not define (content.css uses them
 * too, and they resolve to nothing there), so they are declared here on the module root.
 * Loaded only on a page whose [solution_finder] quiz uses the Equipment Finder module.
 */
.sf-equipment{--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px}

.sf-equipment.sf-equipment .vf-shell{border-radius:12px;overflow:hidden;background:#0B2138;box-shadow:0 28px 90px rgba(30,46,76,.14);font-family:Manrope,sans-serif;color:#FFFFFF}
.sf-equipment.sf-equipment .vf-shell [hidden]{display:none!important}
.sf-equipment.sf-equipment .finder-entry-index,.sf-equipment.sf-equipment .q-number{display:none!important}
.sf-equipment.sf-equipment .finder-entry-head,.sf-equipment.sf-equipment .equipment-finder-status,.sf-equipment.sf-equipment .finder-fast-bar{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-6);border-bottom:1px solid rgba(255,255,255,0.12)}
.sf-equipment.sf-equipment .finder-entry-head span,.sf-equipment.sf-equipment .equipment-finder-status strong,.sf-equipment.sf-equipment .finder-fast-bar span{font-size:14px;font-weight:600;line-height:1.2;color:#FFFFFF;white-space:nowrap}
.sf-equipment.sf-equipment .equipment-finder-progress{flex:1;height:3px;border-radius:999px;background:rgba(255,255,255,0.18)}
.sf-equipment.sf-equipment .equipment-finder-progress span{display:block;height:3px;border-radius:999px;background:#37C3EB;transition:width .3s ease}
.sf-equipment.sf-equipment .finder-entry-grid,.sf-equipment.sf-equipment .finder-fast-content,.sf-equipment.sf-equipment .equipment-finder-body,.sf-equipment.sf-equipment .equipment-finder-result.show{padding:var(--space-7) var(--space-6)}
.sf-equipment.sf-equipment .finder-entry-grid,.sf-equipment.sf-equipment .fast-grid,.sf-equipment.sf-equipment .equipment-finder-options,.sf-equipment.sf-equipment .project-stage-grid,.sf-equipment.sf-equipment .equipment-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);min-width:0}
.sf-equipment.sf-equipment .equipment-finder-options.project-stage-mode{display:block}
.sf-equipment.sf-equipment .equipment-finder-body{display:grid;grid-template-columns:minmax(240px,1fr) minmax(420px,1.6fr);gap:var(--space-6);align-items:start}
.sf-equipment.sf-equipment .equipment-finder-question{min-width:0;max-width:500px}
.sf-equipment.sf-equipment .equipment-finder-question h3,.sf-equipment.sf-equipment .fast-intro h3,.sf-equipment.sf-equipment .equipment-result-heading h3{font-size:26px;font-weight:800;line-height:1.3;color:#FFFFFF;margin:0 0 var(--space-3)}
.sf-equipment.sf-equipment .equipment-finder-question p,.sf-equipment.sf-equipment .fast-intro p,.sf-equipment.sf-equipment .equipment-result-heading p{font-size:17px;font-weight:500;line-height:1.5;color:#FFFFFF;margin:0}
.sf-equipment.sf-equipment .fast-intro,.sf-equipment.sf-equipment .equipment-result-heading{max-width:760px;margin-bottom:var(--space-6)}
.sf-equipment.sf-equipment .finder-entry-card,.sf-equipment.sf-equipment .fast-choice,.sf-equipment.sf-equipment .equipment-finder-option,.sf-equipment.sf-equipment .project-stage-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;font:inherit;font-family:Manrope,sans-serif;cursor:pointer;border-radius:10px;padding:var(--space-5);background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.14);color:#FFFFFF;transition:background .2s ease,border-color .2s ease;min-width:0}
.sf-equipment.sf-equipment .finder-entry-card:hover,.sf-equipment.sf-equipment .fast-choice:hover,.sf-equipment.sf-equipment .equipment-finder-option:hover,.sf-equipment.sf-equipment .project-stage-card:hover{border-color:#37C3EB}
.sf-equipment.sf-equipment .equipment-finder-option.selected,.sf-equipment.sf-equipment .project-stage-card.selected{background:rgba(127,182,218,0.16);border-color:#7FB6DA}
.sf-equipment.sf-equipment .finder-entry-card h3,.sf-equipment.sf-equipment .fast-choice b,.sf-equipment.sf-equipment .equipment-finder-option b,.sf-equipment.sf-equipment .project-stage-card h4{display:block;font-size:20px;font-weight:800;line-height:1.28;color:#FFFFFF;margin:0 0 8px}
.sf-equipment.sf-equipment .finder-entry-card p,.sf-equipment.sf-equipment .fast-choice span,.sf-equipment.sf-equipment .equipment-finder-option span,.sf-equipment.sf-equipment .project-stage-card p{display:block;font-size:17px;font-weight:500;line-height:1.5;color:#FFFFFF;margin:0}
.sf-equipment.sf-equipment .finder-entry-card b{margin-top:var(--space-5);font-size:16px;font-weight:500;line-height:1;text-decoration:underline;text-underline-offset:6px;transition:color .2s ease}
.sf-equipment.sf-equipment .finder-entry-card:hover b{color:#37C3EB}
.sf-equipment.sf-equipment .project-production-fields,.sf-equipment.sf-equipment .fast-sizing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-5);width:100%}
.sf-equipment.sf-equipment .fast-sizing-grid{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;margin-top:0}
.sf-equipment.sf-equipment .vf-shell label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;line-height:1.2;color:#FFFFFF}
.sf-equipment.sf-equipment .vf-shell input,.sf-equipment.sf-equipment .vf-shell select{font:inherit;font-family:Manrope,sans-serif;font-size:16px;font-weight:500;color:#FFFFFF;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.2);border-radius:8px;padding:12px 14px;min-width:0}
.sf-equipment.sf-equipment .vf-shell select option{color:#0F366F;background:#FFFFFF}
.sf-equipment.sf-equipment .vf-shell input:focus,.sf-equipment.sf-equipment .vf-shell select:focus{outline:none;border-color:#37C3EB}
.sf-equipment.sf-equipment .equipment-finder-actions,.sf-equipment.sf-equipment .equipment-result-footer,.sf-equipment.sf-equipment .fast-shared-actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}
.sf-equipment.sf-equipment .equipment-finder-actions{justify-content:space-between;padding:var(--space-5) var(--space-6);border-top:1px solid rgba(255,255,255,0.12)}
.sf-equipment.sf-equipment .equipment-finder-actions .finder-alt-route{margin-left:auto}
.sf-equipment.sf-equipment .equipment-result-footer,.sf-equipment.sf-equipment .fast-shared-actions{margin-top:var(--space-6)}
.sf-equipment.sf-equipment .vf-shell button.finder-next,.sf-equipment.sf-equipment .vf-shell #fastSizingContinue,.sf-equipment.sf-equipment .vf-shell .discuss-result,.sf-equipment.sf-equipment .vf-shell .fast-shared-actions .primary{border-radius:100px;border:none;font:inherit;font-family:Manrope,sans-serif;font-size:16px;font-weight:500;line-height:1;padding:12px 28px;cursor:pointer;background:linear-gradient(72.7deg,#0F366F,#37C3EB);color:#FFFFFF;transition:opacity .2s ease}
.sf-equipment.sf-equipment .vf-shell #equipmentFinderBack,.sf-equipment.sf-equipment .vf-shell .finder-alt-route,.sf-equipment.sf-equipment .vf-shell #equipmentFinderReset,.sf-equipment.sf-equipment .vf-shell .refine,.sf-equipment.sf-equipment .vf-shell #equipmentFastTrackBack{border-radius:100px;font:inherit;font-family:Manrope,sans-serif;font-size:16px;font-weight:500;line-height:1;padding:12px 28px;background:#FFFFFF;color:#0F366F;box-shadow:inset 0 0 0 1px #0F366F;border:none;cursor:pointer;transition:background .2s ease,color .2s ease}
.sf-equipment.sf-equipment .finder-fast-bar span{margin-left:auto}
.sf-equipment.sf-equipment .vf-shell button:disabled{opacity:.45;cursor:not-allowed}
.sf-equipment.sf-equipment .finder-switch,.sf-equipment.sf-equipment .equipment-result-link,.sf-equipment.sf-equipment .vf-shell .fast-result-actions button{margin-top:var(--space-5);background:none;border:none;padding:0;font:inherit;font-family:Manrope,sans-serif;font-size:16px;font-weight:500;line-height:1;color:#FFFFFF;text-decoration:underline;text-underline-offset:6px;cursor:pointer;transition:color .2s ease}
.sf-equipment.sf-equipment .finder-switch:hover,.sf-equipment.sf-equipment .equipment-result-link:hover,.sf-equipment.sf-equipment .vf-shell .fast-result-actions button:hover{color:#37C3EB}
.sf-equipment.sf-equipment .equipment-result-card,.sf-equipment.sf-equipment .fast-result-main,.sf-equipment.sf-equipment .fast-result-side{display:flex;flex-direction:column;align-items:flex-start;border:1px solid rgba(255,255,255,0.5);border-radius:10px;padding:var(--space-5);min-width:0}
.sf-equipment.sf-equipment .fast-result{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.sf-equipment.sf-equipment .fast-result-main,.sf-equipment.sf-equipment .equipment-result-grid>.equipment-result-card:first-child{border-color:#28bbe8}
.sf-equipment.sf-equipment .vf-shell .fast-result-main .fast-result-actions button,.sf-equipment.sf-equipment .equipment-result-grid>.equipment-result-card:first-child .equipment-result-link{color:#28bbe8}
.sf-equipment.sf-equipment .equipment-result-label,.sf-equipment.sf-equipment .fast-result-label{display:inline-flex;align-items:center;height:27px;font-size:14px;font-weight:600;line-height:1;color:#FFFFFF;background:#37C3EB;border-radius:100px;padding:0 12px;margin-bottom:var(--space-3)}
.sf-equipment.sf-equipment .equipment-result-card h3,.sf-equipment.sf-equipment .fast-result h3{font-size:20px;font-weight:800;line-height:1.28;color:#FFFFFF;margin:0 0 4px}
.sf-equipment.sf-equipment .equipment-result-size,.sf-equipment.sf-equipment .platform-line{font-size:14px;font-weight:800;line-height:1.4;color:#28bbe8;margin-bottom:10px}
.sf-equipment.sf-equipment .equipment-result-description,.sf-equipment.sf-equipment .fast-result p{font-size:17px;font-weight:500;line-height:1.5;color:#FFFFFF;margin:0}
.sf-equipment.sf-equipment .fast-result-actions{margin-top:0}
.sf-equipment.sf-equipment .equipment-result-qualification,.sf-equipment.sf-equipment .fast-result-qualification{font-size:14px;font-weight:600;line-height:1.4;color:#FFFFFF;margin:var(--space-5) 0 0}
.sf-equipment.sf-equipment .equipment-result:not(.show){display:none}
@media (max-width:900px){.sf-equipment.sf-equipment .equipment-finder-body{grid-template-columns:1fr}.sf-equipment.sf-equipment .fast-sizing-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.sf-equipment.sf-equipment .finder-entry-grid,.sf-equipment.sf-equipment .fast-grid,.sf-equipment.sf-equipment .equipment-finder-options,.sf-equipment.sf-equipment .project-stage-grid,.sf-equipment.sf-equipment .equipment-result-grid,.sf-equipment.sf-equipment .fast-result,.sf-equipment.sf-equipment .project-production-fields,.sf-equipment.sf-equipment .fast-sizing-grid{grid-template-columns:1fr}}

/* Site-context resets - NOT in the design. The design page sits on a bare body; this theme's
   base.css gives every button `white-space: nowrap` and `border-radius: 100px`, and the body a
   weight of 500. Found by diffing computed styles of the design against this module on the real
   site CSS (build/vault/test/style-driver.js): without these, option cards would not wrap their
   text and the link-style buttons would carry a stray pill radius. */
.sf-equipment.sf-equipment .vf-shell{font-weight:400}
.sf-equipment.sf-equipment .vf-shell button{white-space:normal}
.sf-equipment.sf-equipment .finder-switch,.sf-equipment.sf-equipment .equipment-result-link,.sf-equipment.sf-equipment .vf-shell .fast-result-actions button{border-radius:0}