/* Hallmark · pre-emit critique: P4 H4 E4 S3 R4 V3 · weakest: S, the estimator is a form plus a result; kept the plain breakdown table instead of a decorative chart */
/* Hallmark · dismissed F7 · every box in the estimator shares one container recipe so the form reads as one tool */
/* MonsiQuote estimator.css, minified by scripts/build.mjs from src/estimator.css. Edit the source, not this file. */
.est{max-width:1100px;margin:0 auto}.demo-banner{display:flex;align-items:center;gap:var(--space-3);background:var(--band);color:var(--band-ink);font-weight:600;padding:var(--space-4) var(--space-5);margin:0 0 var(--space-6);font-size:var(--text-sm)}.est-head{margin-bottom:var(--space-7)}.est-head h2{margin-bottom:var(--space-3);font-size:var(--text-2xl);overflow-wrap:anywhere}.est-head .sub{color:var(--muted);margin:0;font-size:var(--text-base)}.est-grid{display:grid;gap:var(--space-7)}.est-grid>*{min-width:0}@media (min-width:860px){.est-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-8);align-items:start}.est-output{position:sticky;top:calc(var(--header-h) + 16px)}}.est-inputs{background:var(--raised);padding:clamp(var(--space-7),3vw,var(--space-8));box-shadow:var(--shadow-card)}.step-label{font-size:var(--text-sm);font-weight:600;color:var(--muted);margin:var(--space-7) 0 var(--space-4)}.step-label:first-child{margin-top:0}fieldset.choices{border:0;padding:0;margin:0 0 var(--space-5);min-width:0}.choice-row{position:relative;display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow 150ms,background-color 150ms}.choice-row:hover{box-shadow:inset 0 0 0 1px var(--field-line)}.choice-row:has(input:checked){background:var(--raised);box-shadow:inset 0 0 0 2px var(--brand)}.choice-row:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.choice-row input{position:relative;z-index:1;margin:var(--space-1) 0 0;width:20px;height:20px;flex:none;accent-color:var(--brand)}.choice{display:block;font-weight:400 !important;margin:0 !important;cursor:pointer}.choice::before{content:"";position:absolute;inset:0}.choice-main{display:block;font-weight:600;line-height:1.35}.choice-note{display:block;font-size:var(--text-sm);color:var(--muted);margin-top:2px}.helper{margin:calc(-1 * var(--space-2)) 0 var(--space-5)}.helper summary{cursor:pointer;font-size:var(--text-sm);color:var(--muted);text-decoration:underline;text-underline-offset:3px;min-height:32px}.helper-row{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5);align-items:end;padding-top:var(--space-3)}.helper-row .field{margin:0}.actions{margin-top:var(--space-2)}.result-box{position:relative;background:var(--raised);box-shadow:var(--shadow-card);padding:clamp(var(--space-7),3vw,var(--space-8))}.result-label{font-size:var(--text-sm);font-weight:600;color:var(--muted);margin:0 0 var(--space-2)}.range{font:600 var(--text-3xl)/1.05 var(--mono);letter-spacing:-0.045em;font-variant-numeric:tabular-nums;margin:0 0 var(--space-5);overflow-wrap:anywhere}.result-head{margin-bottom:var(--space-5)}.placeholder{color:var(--muted);margin:0 0 var(--space-2)}.note{padding:var(--space-4) var(--space-5);background:var(--surface);box-shadow:inset 0 0 0 1px var(--brand);font-size:var(--text-sm)}.note.warn{box-shadow:inset 0 0 0 1px var(--warn)}.breakdown{font-size:var(--text-sm);margin:var(--space-6) 0}.breakdown caption{font-size:var(--text-sm);font-weight:600;color:var(--muted)}.breakdown th[scope="col"]{font-size:var(--text-sm);color:var(--ink);font-weight:600;background:var(--tonal)}.breakdown th[scope="row"]{font-weight:600}.breakdown th,.breakdown td{padding:var(--space-3)}.breakdown .num{text-align:right;white-space:nowrap;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:var(--text-sm)}.breakdown tr.sum th,.breakdown tr.sum td{background:var(--tonal);font-weight:700}.li-label{display:block}.li-basis{display:block;font-weight:400;font-size:var(--text-sm);color:var(--muted)}.lists{display:grid;gap:0 var(--space-7);font-size:var(--text-sm);color:var(--muted)}@media (min-width:560px){.lists{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.lists h4{color:var(--ink);margin-bottom:var(--space-1)}.lists ul{padding-left:1.1em;margin:0 0 1em}.notice{background:var(--notice-bg);box-shadow:inset 0 0 0 1px var(--notice-line);padding:var(--space-4) var(--space-5);font-size:var(--text-sm)}.meta{font-size:var(--text-sm);color:var(--muted);margin:var(--space-3) 0 0;font-family:var(--mono);overflow-wrap:anywhere}.lead{margin-top:var(--space-8);padding:clamp(var(--space-7),3vw,var(--space-8));background:transparent;box-shadow:inset 0 0 0 1px var(--line);color:var(--muted)}.lead h3{color:var(--ink)}.lead-grid{display:grid;gap:0 var(--space-6)}@media (min-width:640px){.lead-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.badge{display:inline-block;background:var(--ink);color:var(--surface);font-size:var(--text-sm);font-weight:700;padding:var(--space-1) var(--space-3);margin:0 0 var(--space-3)}.brand-warn{margin:calc(-1 * var(--space-2)) 0 var(--space-4)}.try-brand{font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-6);max-width:70ch}.sticky-range{display:none}@media (max-width:859px){.sticky-range.on{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);position:sticky;bottom:0;margin:var(--space-5) calc(-1 * var(--space-4)) 0;padding:var(--space-3) var(--space-4);background:var(--band);color:var(--band-ink);font:700 var(--text-base)/1.2 var(--mono);letter-spacing:-0.03em;z-index:5;box-shadow:0 -8px 24px -8px var(--shadow-sticky)}.sticky-range a{color:var(--link-on-band);font:600 var(--text-sm) var(--font);letter-spacing:0;white-space:nowrap}body.embed .sticky-range.on{margin:var(--space-4) calc(-1 * var(--space-3)) 0}}body.embed{background:var(--surface)}body.embed .wrap{padding:var(--space-3);max-width:none}body.embed .est{max-width:none}body.embed .est-grid{grid-template-columns:minmax(0,1fr)}body.embed .est-inputs,body.embed .result-box{padding:var(--space-5)}body.embed .est-output{position:static}@media (min-width:600px){body.embed .est-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4)}body.embed .est-output{position:sticky;top:12px}}@media (min-width:600px){body.embed .sticky-range.on{display:none}}body.embed .lead{margin-top:var(--space-5)}body.embed .demo-banner{margin-bottom:var(--space-4)}body.embed .est-head{margin-bottom:var(--space-4)}.wordmark{font-weight:700;font-size:var(--text-base);letter-spacing:-0.02em;color:var(--ink)}.wordmark b{font-weight:700;color:var(--link)}@media (forced-colors:active){.btn,.chip,.choice-row{border:1px solid ButtonText}}.share-bar{margin-top:var(--space-6);padding:var(--space-6);background:var(--raised);box-shadow:inset 0 0 0 1px var(--line)}.share-title{margin:0 0 var(--space-3);font-weight:700;font-size:var(--text-sm)}.share-row{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.share-status{margin:var(--space-2) 0 0;min-height:1.2em;color:var(--muted);font-size:var(--text-sm)}.powered{margin:var(--space-4) 0 0;text-align:center;font-size:var(--text-sm);color:var(--muted)}body:not(.embed) .est[aria-busy="true"]{min-height:3000px}@media (min-width:600px){body:not(.embed) .est[aria-busy="true"]{min-height:2500px}}@media (min-width:860px){body:not(.embed) .est[aria-busy="true"]{min-height:2250px}}h1,h2,h3{text-wrap:balance}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}html,body{overflow-x:clip}.btn:active,button:active{transform:translateY(1px)}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:0.6}