.bl-cost-calculator [hidden] { display:none !important; }
.bl-cost-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(28px,6vw,88px); align-items:start; }
.bl-cost-controls { min-width:0; border:0; padding:0; margin:0; }
.bl-cost-controls legend { padding:0; margin-bottom:24px; color:var(--pos-text); font-size:1.1rem; font-weight:500; }
.bl-cost-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.bl-cost-field { min-width:0; margin-bottom:20px; }
.bl-cost-field label { display:block; margin-bottom:10px; color:var(--pos-text); font-size:.9rem; line-height:1.5; }
.bl-cost-field :is(input,select) { box-sizing:border-box; width:100%; min-width:0; min-height:48px; padding:12px; border:1px solid var(--layoutBorderColor,#333); border-radius:8px; background:var(--pos-surface-raised,#141414); color:var(--pos-text,#fff); font-family:inherit; font-size:16px; line-height:1.4; }
.bl-cost-calculator :is(input,select,a):focus-visible { outline:2px solid var(--pos-accent,#55a333); outline-offset:4px; }
.bl-cost-field [aria-invalid="true"] { border-color:#d9a772; }
.bl-cost-calculator .bl-cost-help { margin:0 0 20px; color:var(--pos-muted,#aaa); font-size:.85rem; line-height:1.65; }
.bl-cost-field .bl-cost-help { margin-top:10px; }
.bl-cost-check { display:flex; gap:12px; align-items:flex-start; margin:8px 0 8px; color:var(--pos-text); font-size:.9rem; line-height:1.6; cursor:pointer; }
.bl-cost-check input { flex:none; width:18px; height:18px; margin:4px 0 0; accent-color:var(--pos-accent); }
.bl-cost-error { color:#e4b98a; font-size:.9rem; line-height:1.6; }
.bl-cost-summary { padding-top:24px; border-top:1px solid var(--pos-accent,#55a333); }
.bl-cost-summary > span { display:block; margin-bottom:12px; color:var(--pos-muted); font-size:.85rem; line-height:1.5; }
.bl-cost-summary :is(output,strong) { display:block; overflow-wrap:anywhere; color:var(--pos-text); font-size:clamp(2rem,3.5vw,3rem); font-weight:450; letter-spacing:-.04em; line-height:1.15; }
.bl-cost-breakdown { margin:20px 0 28px; }
.bl-cost-breakdown > div { display:flex; justify-content:space-between; align-items:baseline; gap:20px; padding:14px 0; border-bottom:1px solid var(--layoutBorderColor,#333); font-size:.86rem; line-height:1.6; }
.bl-cost-breakdown dt { min-width:0; color:var(--pos-muted); }
.bl-cost-breakdown dd { flex:none; margin:0; color:var(--pos-text); font-variant-numeric:tabular-nums; }
.bl-cost-startup { border-top-color:var(--layoutBorderColor,#333); }
.bl-cost-results .button,.bl-cost-quote .button { display:inline-flex; }
.bl-cost-quote { padding-top:24px; border-top:1px solid var(--layoutBorderColor,#333); }
.bl-cost-quote h3 { margin:0 0 16px; }
.bl-cost-quote p { color:var(--pos-muted); line-height:1.7; }
.bl-cost-calculator .bl-cost-note { margin:32px 0 14px; max-width:900px; color:var(--pos-muted); font-size:.85rem; line-height:1.7; }
.bl-cost-guide { font-size:.9rem; text-decoration:underline; text-underline-offset:4px; }
@media(max-width:820px) { .bl-cost-layout { grid-template-columns:1fr; } }
@media(max-width:560px) { .bl-cost-fields { grid-template-columns:1fr; gap:0; } .bl-cost-breakdown > div { gap:12px; font-size:.88rem; } }
