.cost-intro{padding-block:32px 18px}.cost-intro>a{font-size:.9rem;color:#785e32}.cost-intro h1{font-size:clamp(2rem,3.1vw,3.15rem);line-height:1.35;margin:14px 0 10px;letter-spacing:-.025em;font-weight:400;overflow-wrap:anywhere}.cost-intro>p{font-size:1.05rem;line-height:1.7;max-width:800px;margin:0}
.cost-tool{padding-bottom:44px}.cost-example{font-size:.925rem;line-height:1.7;margin:0 0 18px;max-width:900px;color:#4d6069}.cost-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:start}.cost-grid>*{min-width:0}.cost-grid form{background:#fbfbf7;border:1px solid #cbd2d2;padding:26px}.cost-grid fieldset{border:0;padding:0;margin:0;min-width:0}.cost-grid legend{font-size:1.2rem;font-weight:600;margin-bottom:20px}.cost-grid label{font-size:1rem;line-height:1.6;display:flex;flex-direction:column;gap:7px;min-width:0}.cost-inputs{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cost-grid input,.cost-grid select{font:inherit;font-size:1.05rem;line-height:1.4;width:100%;min-height:48px;background:white;border:1px solid #8b9ba2;border-radius:0;color:#182e3e;padding:10px 12px;box-sizing:border-box}.cost-grid input{direction:ltr;text-align:start;font-variant-numeric:tabular-nums}.cost-currency{max-width:210px}.cost-grid input:focus-visible,.cost-grid select:focus-visible,.cost-actions button:focus-visible{outline:3px solid #997942;outline-offset:3px}.cost-grid input[aria-invalid='true']{border:2px solid #a43e31}.cost-help{font-size:.875rem;line-height:1.65;color:#4c606b;margin:10px 0 18px}.cost-error{color:#9b312b;font-size:1rem;line-height:1.7}.cost-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.cost-actions button{font:inherit;font-size:1rem;min-height:48px;padding:12px 24px;background:#183440;border:1px solid #183440;color:white;cursor:pointer}.cost-actions button+button{background:transparent;color:#183440}.cost-actions button:hover{background:#284b59;color:white}.cost-actions button:disabled{cursor:not-allowed;opacity:.55}
.cost-results{background:#193442;color:#f5f5ee;padding:26px;border-top:4px solid #b99b62}.ed-page .cost-results h2{font-size:1.25rem;margin:0 0 8px;font-weight:500}.cost-results [role='status']{font-size:.875rem;line-height:1.6;min-height:23px;color:#c5d4d8;margin:0}.cost-profit{margin:20px 0;padding-bottom:20px;border-bottom:1px solid #58707a}.cost-profit span{display:block;font-size:1rem}.cost-profit output{font-size:clamp(1.8rem,3vw,2.9rem);font-weight:400;line-height:1.5;display:block;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.cost-results[data-sign='loss'] .cost-profit output{color:#ffb4a6}.cost-results dl{margin:0}.cost-results dl>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #506875;padding:13px 0;align-items:baseline}.cost-results dt{font-size:.9rem;max-width:60%;line-height:1.65}.cost-results dd{font-size:1.05rem;margin:0;text-align:end;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.cost-results .cost-help{color:#c5d4d8;margin-top:20px;margin-bottom:0}.cost-assumptions{font-size:.925rem;line-height:1.8;padding:18px 0;border-block:1px solid #cbd2d2;margin-bottom:0}
.visitor-diagram--investment-cost-calculator{background:#e4dfce;color:#1b303f}.visitor-diagram--investment-cost-calculator .visitor-diagram__caption,.visitor-diagram--investment-cost-calculator .visitor-step-number{color:#765a26}.visitor-diagram--research-ai-benchmarks{background:#203846}.visitor-diagram--research-cost-designs{background:#294340}.visitor-diagram--research-notes{background:#e7e6dd;color:#20343f}.visitor-diagram--research-notes .visitor-diagram__caption,.visitor-diagram--research-notes .visitor-step-number{color:#765a26}
@media(max-width:760px){.cost-intro{padding-top:24px}.cost-intro h1{font-size:2rem}.cost-grid{grid-template-columns:1fr;gap:20px}.cost-grid form,.cost-results{padding:20px}.cost-inputs{gap:16px;grid-template-columns:1fr 1fr}.cost-grid label{font-size:.925rem}.cost-results dt{max-width:55%}.cost-actions button{flex:1;padding-inline:14px}.cost-results dl>div{gap:12px}.cost-profit output{font-size:2.1rem}}
@media(max-width:380px){.cost-inputs{grid-template-columns:1fr}.cost-actions{flex-direction:column}}
@media print{.cost-actions{display:none}.cost-grid{grid-template-columns:1fr 1fr}.cost-results{color:black;background:white}.cost-results [role='status'],.cost-results .cost-help{color:#333}.cost-results[data-sign='loss'] .cost-profit output{color:#a22}.cost-tool{break-inside:avoid}}
