.bf{font-family:var(--st-font-sans);color:var(--st-graphite);gap:24px;display:grid}@media (min-width:880px){.bf{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:start;gap:32px}.bf-more{grid-column:1/-1}}.bf-form{gap:22px;max-width:none;margin:0;display:grid}.bf-q{border:0;min-width:0;margin:0;padding:0}.bf-q>legend,.bf-q>label{margin:0 0 8px;padding:0;font-size:15px;font-weight:650;line-height:1.35;display:block}.bf-options{gap:8px;display:grid}@media (min-width:480px){.bf-options--two{grid-template-columns:repeat(2,minmax(0,1fr))}.bf-options--three{grid-template-columns:repeat(3,minmax(0,1fr))}}.bf .bf-option{background:var(--st-concrete-0);border:1px solid var(--st-concrete-3);border-radius:var(--radius);cursor:pointer;align-items:center;gap:10px;min-height:44px;margin:0;padding:10px 12px;font-size:15px;font-weight:500;line-height:1.3;display:flex}.bf .bf-option:hover{border-color:var(--st-graphite-3)}.bf .bf-option:has(input:checked){border-color:var(--st-graphite);box-shadow:inset 0 0 0 1px var(--st-graphite)}.bf .bf-option input[type=radio]{width:18px;height:18px;accent-color:var(--st-blue);flex:none;margin:0;padding:0;display:inline-block}.bf .bf-input{max-width:14rem;font-family:var(--st-font-mono);margin:0}.bf .bf-input[aria-invalid=true]{border-color:var(--st-signal);box-shadow:inset 3px 0 0 var(--st-signal)}.bf-help,.bf-error{margin:6px 0 0;font-size:13px;line-height:1.5}.bf-help{color:var(--st-graphite-3)}.bf-error{border-left:3px solid var(--st-signal);padding-left:10px;font-weight:650}.bf-result{background:var(--st-concrete-0);border:1px solid var(--st-concrete-3);border-radius:var(--radius);min-width:0;padding:20px}.bf-pending{color:var(--st-graphite-3);margin:0}.bf .bf-headline{max-width:none;font-family:var(--st-font-display);margin:0 0 8px;font-size:clamp(1.3rem,2.2vw,1.75rem);line-height:1.15}.bf-summary{margin:0 0 18px}.bf-steps,.bf-notes,.bf-why,.bf-specs ul{gap:8px;margin:0;padding-left:1.1em;line-height:1.55;list-style:outside;display:grid}.bf-steps{margin-bottom:18px}.bf-estimate{font-weight:650}.bf-kit{background:var(--st-concrete-1);border:1px solid var(--st-concrete-3);border-radius:var(--radius);grid-template-columns:minmax(0,1fr);gap:14px;margin:0 0 18px;padding:16px;display:grid}@media (min-width:520px){.bf-kit{grid-template-columns:112px minmax(0,1fr)}}.bf-kit-media img,.bf-kit-noimage{object-fit:contain;background:var(--st-concrete-0);border:1px solid var(--st-concrete-3);border-radius:var(--radius);width:112px;height:112px;display:block}.bf-kit-noimage{font-family:var(--st-font-mono);color:var(--st-graphite-3);place-items:center;font-size:12px;display:grid}.bf-kit-body{min-width:0}.bf-kit-body>p{margin:0 0 10px}.bf .bf-kit-name{font-family:var(--st-font-display);margin:0 0 4px;font-size:18px;line-height:1.25}.bf-kit-name a{color:inherit;text-underline-offset:3px}.bf .bf-kit-mpn{font-family:var(--st-font-mono);color:var(--st-graphite-3);margin-bottom:8px;font-size:12.5px}.bf-kit-second{font-style:italic}.bf-kit-price span{color:var(--st-graphite-3)}.bf-kit-total{font-size:13px;display:block}.bf-why{margin-bottom:12px}.bf-specs{margin:0 0 14px;font-size:14px}.bf-specs summary{cursor:pointer;min-height:32px;font-weight:650}.bf-specs ul{margin:6px 0 8px}.bf-specs a{align-items:center;gap:4px;display:inline-flex}.bf-kit-actions{flex-wrap:wrap;gap:8px;display:flex}.bf-kit-actions .button{margin:0}@media (max-width:479px){.bf-kit-actions .button,.bf-quote .button{width:100%}}.bf .bf-kit-note,.bf .bf-kit-status{margin:10px 0 0;font-size:13.5px}.bf-kit-status{font-weight:650}.bf-quote{margin:0 0 18px}.bf-quote p{color:var(--st-graphite-3);margin:10px 0 0;font-size:14px}.bf .bf-notes-head{font-family:var(--st-font-display);margin:22px 0 10px;font-size:16px}.bf-notes{font-size:14px}.bf-more{margin:0;font-size:14px}@media (max-width:519px){.bf-result{padding:14px}.bf-kit{padding:12px}}.bf--compact .bf-result{padding:16px}.bf--compact .bf-kit{padding:12px}.bf-explainer p{max-width:68ch}
