/* True cost of this flat — scoped to .t-cost (main) */
.t-cost{--c-navy:#102b46;--c-navy2:#16385a;--c-lime:#b6e477;--c-amber:#f0a630;--c-sky:#6fa8dc;--c-red:#e5604d;--c-base:#dfe8ef;--c-line:#dce5eb;--c-soft:#f1f6f9;--c-muted:#576978}
.t-cost .tc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Top: headline + tool, above the fold */
.t-cost .tc-top{padding:34px 0 64px;border-bottom:1px solid var(--line)}
.t-cost .crumb{margin-bottom:22px}
.t-cost .tc-intro{margin-bottom:28px}
.t-cost .tc-intro h1{font-size:clamp(2.5rem,4.4vw,4.2rem);max-width:900px;margin-top:10px;color:var(--c-navy)}
.t-cost .tc-sub{margin-top:12px;font-size:1.15rem;color:var(--c-muted);max-width:640px}

.t-cost .tc-tool{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:28px;align-items:start}
.t-cost .tc-tool[data-compare="1"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}

/* Cost sheet */
.t-cost .tc-sheet-card{background:#fff;border:1px solid var(--c-line);border-top:4px solid var(--c-navy);padding:22px 24px 20px;border-radius:4px}
.t-cost .tc-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:10px;align-items:center;padding:6px 0;border-bottom:1px dashed var(--c-line)}
.t-cost .tc-tool[data-compare="1"] .tc-row{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1fr)}
.t-cost .tc-tool[data-compare="0"] .tc-qb{display:none}
.t-cost .tc-tool[data-compare="0"] .tc-head{display:none}
.t-cost .tc-head{border-bottom:2px solid var(--c-navy);padding:0 0 8px}
.t-cost .tc-head span{font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:var(--c-navy)}
.t-cost .tc-lab{display:grid;grid-template-columns:10px 1fr;column-gap:9px;align-items:center;line-height:1.25}
.t-cost .tc-lab label{font-size:.92rem;font-weight:600;color:var(--c-navy)}
.t-cost .tc-lab small{grid-column:2;font-size:.74rem;color:var(--c-muted)}
.t-cost .tc-dot{width:9px;height:9px;border-radius:50%;display:block}
.t-cost .tc-dot.tc-neg{background:var(--c-amber)}
.t-cost .tc-dot.tc-ask{background:var(--c-sky)}
.t-cost .tc-dot.tc-none{background:transparent;border:1px solid #c3cfd8}
.t-cost .tc-cell{display:flex;gap:6px;min-width:0}
.t-cost .tc-cell input,.t-cost .tc-cell select{width:100%;min-width:0;height:42px;border:1px solid #bfcbd1;border-radius:3px;background:#fff;color:var(--c-navy);padding:0 10px;font-size:1rem}
.t-cost .tc-cell input[inputmode]{text-align:right;font-variant-numeric:tabular-nums}
.t-cost .tc-cell select{font-size:.88rem;padding:0 6px}
.t-cost .tc-plc input{flex:1 1 55%}
.t-cost .tc-plc select{flex:0 0 auto;width:auto;max-width:48%;font-size:.8rem}
.t-cost .tc-cell input:focus,.t-cost .tc-cell select:focus{border-color:var(--c-navy);outline:2px solid #27a9ed55;outline-offset:1px}
.t-cost .tc-settings{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin-top:16px}
.t-cost .tc-add{flex:1 0 100%;background:var(--c-soft);border:1.5px dashed var(--c-navy);color:var(--c-navy);padding:12px 16px;border-radius:4px;font-weight:650;font-size:.95rem;text-align:center}
.t-cost .tc-add:hover{background:#e4eef5}
.t-cost .tc-add[aria-pressed="true"]{border-style:solid;background:#fff}
.t-cost .tc-check{display:flex;gap:8px;align-items:flex-start;font-size:.82rem;color:var(--c-navy);cursor:pointer;line-height:1.35}
.t-cost .tc-check input{width:17px;height:17px;margin:1px 0 0;accent-color:var(--c-navy);flex-shrink:0}
.t-cost .tc-check em{display:block;font-style:normal;color:#9a5b00;font-size:.74rem}
.t-cost .tc-area{display:flex;gap:8px;align-items:center;font-size:.82rem;color:var(--c-navy)}
.t-cost .tc-area select{height:34px;border:1px solid #bfcbd1;border-radius:3px;background:#fff;color:var(--c-navy);font-size:.82rem;padding:0 6px}

/* Result panel: dark navy */
.t-cost .tc-result{position:sticky;top:96px;background:var(--c-navy);color:#fff;border-radius:6px;padding:30px 30px 24px;box-shadow:0 24px 60px -30px #102b4699}
.t-cost .tc-eyebrow{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#c8d9e8;font-weight:600}
.t-cost .tc-big{font-family:var(--serif);font-weight:400;font-size:clamp(3.2rem,5.4vw,5rem);line-height:1;letter-spacing:-.04em;margin-top:12px;color:#fff}
.t-cost .tc-dim{color:#ffffff40}
.t-cost .tc-hint{color:#c8d9e8;margin-top:12px;font-size:.95rem}
.t-cost .tc-exact{margin-top:6px;font-size:.85rem;color:#9fb6ca;font-variant-numeric:tabular-nums}
.t-cost .tc-over{margin-top:14px;font-size:1rem;color:#fff}
.t-cost .tc-over b{color:var(--c-amber);font-weight:700}
.t-cost .tc-bar{display:flex;gap:2px;height:30px;margin-top:20px;background:#ffffff14;border-radius:3px;overflow:hidden}
.t-cost .tc-bar-empty{background:repeating-linear-gradient(135deg,#ffffff10 0 8px,#ffffff05 8px 16px)}
.t-cost .tc-seg{display:block;height:100%;flex:0 0 auto;min-width:2px}
.t-cost .tc-seg.tc-base{background:var(--c-base)}
.t-cost .tc-seg.tc-neg{background:var(--c-amber)}
.t-cost .tc-seg.tc-ask{background:var(--c-sky)}
.t-cost .tc-seg.tc-govt{background:var(--c-red)}
.t-cost .tc-bar-ends{display:flex;justify-content:space-between;font-size:.74rem;color:#9fb6ca;margin-top:6px}
.t-cost .tc-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 0 0;border-top:1px solid #ffffff26}
.t-cost .tc-stat{padding:14px 12px 4px 0}
.t-cost .tc-stat+.tc-stat{padding-left:14px;border-left:1px solid #ffffff1f}
.t-cost .tc-stat dt{font-size:.74rem;color:#b9cbd9;line-height:1.3}
.t-cost .tc-stat dd{margin:6px 0 0;font-family:var(--serif);font-size:1.75rem;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.t-cost .tc-stat-main dd{color:var(--c-lime)}
.t-cost .tc-warn dd,.t-cost .tc-warn dt{color:var(--c-amber)}
.t-cost .tc-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:20px;padding-top:14px;border-top:1px solid #ffffff1f;font-size:.76rem;color:#c8d9e8}
.t-cost .tc-legend span{display:inline-flex;align-items:center;gap:6px}
.t-cost .tc-sw{width:11px;height:11px;border-radius:2px;display:inline-block}
.t-cost .tc-sw.tc-base{background:var(--c-base)}
.t-cost .tc-sw.tc-neg{background:var(--c-amber)}
.t-cost .tc-sw.tc-ask{background:var(--c-sky)}
.t-cost .tc-sw.tc-govt{background:var(--c-red)}

/* Compare: two cards */
.t-cost .tc-cards.tc-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.t-cost .tc-two .tc-card{position:relative;background:#ffffff0a;border:1px solid #ffffff24;border-radius:4px;padding:18px 16px 16px}
.t-cost .tc-two .tc-card.tc-win{border-color:var(--c-lime);box-shadow:inset 0 0 0 1px var(--c-lime)}
.t-cost .tc-two .tc-big{font-size:clamp(2.1rem,2.9vw,2.8rem)}
.t-cost .tc-two .tc-over{font-size:.84rem}
.t-cost .tc-two .tc-bar{height:22px}
.t-cost .tc-two .tc-stats{grid-template-columns:1fr;margin-top:14px}
.t-cost .tc-two .tc-stat,.t-cost .tc-two .tc-stat+.tc-stat{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:8px 0 0;border-left:0}
.t-cost .tc-two .tc-stat dd{font-size:1.25rem;margin:0}
.t-cost .tc-badge{position:absolute;top:-10px;right:12px;background:var(--c-lime);color:var(--c-navy);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:3px}
.t-cost .tc-diff{margin-top:16px;background:var(--c-lime);color:var(--c-navy);border-radius:4px;padding:14px 18px}
.t-cost .tc-diff .tc-eyebrow{color:var(--c-navy);opacity:.75}
.t-cost .tc-diff p{margin-top:4px;font-size:1.02rem;line-height:1.4}
.t-cost .tc-diff strong{font-family:var(--serif);font-weight:400;font-size:1.35rem;letter-spacing:-.02em}
.t-cost .tc-diff .tc-diff-note{font-size:.82rem;margin-top:2px;font-weight:600}

/* Waterfall breakdown */
.t-cost .tc-break{background:var(--c-soft);padding:56px 0 60px}
.t-cost .tc-break-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;flex-wrap:wrap}
.t-cost .tc-break-head h2{font-size:clamp(1.9rem,3vw,2.7rem);color:var(--c-navy)}
.t-cost .tc-wf{background:#fff;border:1px solid var(--c-line);border-radius:4px;padding:6px 22px 10px}
.t-cost .tc-wf-row{display:grid;grid-template-columns:minmax(0,1.35fr) 170px 130px minmax(0,2.1fr);gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--c-line)}
.t-cost .tc-n2 .tc-wf-row{grid-template-columns:minmax(0,1.3fr) 160px 120px 120px minmax(0,1.8fr)}
.t-cost .tc-wf-head{font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:var(--c-muted);padding:12px 0 8px}
.t-cost .tc-wf-label b{display:block;font-weight:600;color:var(--c-navy);font-size:.95rem}
.t-cost .tc-wf-label small{display:block;font-size:.75rem;color:var(--c-muted);line-height:1.3}
.t-cost .tc-wf-amt{text-align:right;font-variant-numeric:tabular-nums;color:var(--c-navy);font-size:.95rem}
.t-cost .tc-wf-head .tc-wf-amt{font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t-cost .tc-tag{display:inline-block;font-style:normal;font-size:.72rem;font-weight:650;padding:3px 8px;border-radius:20px;white-space:nowrap}
.t-cost .tc-tag-base{background:#e6ebef;color:var(--c-navy)}
.t-cost .tc-tag-neg{background:#fdefd6;color:#8a5200}
.t-cost .tc-tag-ask{background:#e2eef9;color:#1f5785}
.t-cost .tc-tag-govt{background:#fbe2dd;color:#9a2f1f}
.t-cost .tc-wf-track{display:flex;flex-direction:column;gap:3px}
.t-cost .tc-wf-lane{position:relative;display:block;height:16px;background:repeating-linear-gradient(90deg,#eef3f6 0 1px,transparent 1px 10%)}
.t-cost .tc-two .tc-wf-lane{height:10px}
.t-cost .tc-wf-seg{position:absolute;top:0;bottom:0;border-radius:2px;min-width:3px}
.t-cost .tc-wf-seg.tc-base{background:var(--c-navy)}
.t-cost .tc-wf-seg.tc-neg{background:#e89a1c}
.t-cost .tc-wf-seg.tc-ask{background:#3f7fb5}
.t-cost .tc-wf-seg.tc-govt{background:#d4513d}
.t-cost .tc-wf-seg.tc-all{background:linear-gradient(90deg,var(--c-navy),#2b5d86)}
.t-cost .tc-wf-seg.tc-cut{border-radius:0 2px 2px 0;-webkit-mask:linear-gradient(90deg,transparent 0 6px,#000 6px 9px,transparent 9px 12px,#000 12px);mask:linear-gradient(90deg,transparent 0 6px,#000 6px 9px,transparent 9px 12px,#000 12px)}
.t-cost .tc-wf-total{border-bottom:0;border-top:2px solid var(--c-navy);margin-top:-1px}
.t-cost .tc-wf-total .tc-wf-amt{font-family:var(--serif);font-size:1.3rem;letter-spacing:-.02em}
.t-cost .tc-note{margin-top:14px}

/* Lead: see tools-kit.css (.tk-cta) */
.t-cost .tc-retry{background:none;border:0;padding:0;font:inherit;color:inherit}
.t-cost .btn.wa,main.t-cost~.mobile-action .btn.wa{background:#25d366;border-color:#128c3e;color:#0b3b22}
.t-cost .btn.wa:hover,main.t-cost~.mobile-action .btn.wa:hover{background:#1ebe5b}
.t-cost #tc-faq{padding:40px 0 80px}

@media(max-width:980px){
.t-cost .tc-tool,.t-cost .tc-tool[data-compare="1"]{grid-template-columns:1fr}
.t-cost .tc-result{position:static}
.t-cost .tc-wf-row{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"l t a" "k k k";row-gap:6px}
.t-cost .tc-n2 .tc-wf-row{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"l a b" "t t t" "k k k"}
.t-cost .tc-wf-row>:nth-child(1){grid-area:l}
.t-cost .tc-wf-row>:nth-child(2){grid-area:t}
.t-cost .tc-wf-row>:nth-child(3){grid-area:a}
.t-cost .tc-n2 .tc-wf-row>:nth-child(4){grid-area:b}
.t-cost .tc-wf-row>.tc-wf-track,.t-cost .tc-wf-row>.tc-wf-trackh{grid-area:k}
.t-cost .tc-wf-head>.tc-wf-trackh{display:none}
.t-cost .tc-n2 .tc-wf-row>:nth-child(2):empty{display:none}
}
@media(max-width:600px){
.t-cost .tc-top{padding:22px 0 44px}
.t-cost .crumb{margin-bottom:14px}
.t-cost .tc-intro{margin-bottom:20px}
.t-cost .tc-intro h1{font-size:2.35rem}
.t-cost .tc-sub{font-size:1rem}
.t-cost .tc-sheet-card{padding:16px 14px}
.t-cost .tc-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.t-cost .tc-tool[data-compare="1"] .tc-row{grid-template-columns:1fr 1fr;row-gap:6px}
.t-cost .tc-tool[data-compare="1"] .tc-lab{grid-column:1/-1}
.t-cost .tc-tool[data-compare="1"] .tc-head>span:first-child{display:none}
.t-cost .tc-tool[data-compare="1"] .tc-head{grid-template-columns:1fr 1fr}
.t-cost .tc-plc{flex-wrap:wrap}
.t-cost .tc-plc input,.t-cost .tc-plc select{flex:1 1 100%;max-width:none}
.t-cost .tc-plc select{height:34px}
.t-cost .tc-result{padding:22px 18px 18px}
.t-cost .tc-big{font-size:3.1rem}
.t-cost .tc-stat dd{font-size:1.3rem}
.t-cost .tc-cards.tc-two{grid-template-columns:1fr;gap:18px}
.t-cost .tc-two .tc-big{font-size:2.6rem}
.t-cost .tc-wf{padding:4px 14px 8px}
.t-cost .tc-wf-head{display:none}
.t-cost .tc-n2 .tc-wf-amt::before{content:attr(data-q) ' ';font-size:.66rem;font-weight:700;color:var(--c-muted);font-family:-apple-system,Segoe UI,Arial,sans-serif}
main.t-cost~.mobile-action{display:flex;gap:8px}
main.t-cost~.mobile-action .btn{width:auto;flex:1;gap:8px;padding:12px 6px;font-size:.8rem}
}