/* Font sizes only. Original layout, spacing, colours and behaviour stay in their existing stylesheets. */
.calculator-shell{font-size:16px}
.calculator-shell :is(.helper,.field-note,.select-field,legend,.nv-control-label,.included p,.method p){font-size:16px}
.calculator-shell .service-option strong{font-size:24px}
.calculator-shell .service-option small{font-size:15px}
.calculator-shell .scope-summary h3{font-size:18px}
.calculator-shell .scope-summary .block-title>span{font-size:15px}
.calculator-shell :is(.choice-grid label,.choice-grid span,.check-list span,.option-body strong){font-size:16px}
.calculator-shell :is(.check-list small,.option-body small,.technical-detail dd){font-size:14px}
.calculator-shell :is(.technical-detail>summary,.technical-detail dt,.included summary,.method summary,.option-heading){font-size:16px}
.calculator-shell .option-price,.calculator-shell .inline-cost{font-size:14px}
.calculator-shell .priced-option.is-included .option-price{font-size:0}
.calculator-shell .priced-option.is-included .option-price:after{font-size:14px}
.calculator-shell .nv-value-title,.nv-option-copy{font-size:17px}
.calculator-shell :is(.nv-value-detail,.nv-value-price),.nv-option-detail{font-size:14px}
.nv-select-heading{font-size:13px}
.nv-option-price{font-size:14px}
.calculator-shell .motion-table{font-size:16px}
.calculator-shell .motion-table thead th{font-size:13px}
.calculator-shell .motion-table td :is(strong,p){font-size:14px}
.calculator-shell .motion-table td.motion-cost{font-size:14px}
.calculator-shell .range-value{font-size:18px}
.calculator-shell .step{font-size:14px}
.quick-start>span,.preset-list button{font-size:15px}
#value-lab h3{font-size:clamp(32px,3vw,42px)}
#value-lab .eyebrow{font-size:13px!important}
#value-lab :is(p,.value-toggle,.value-field){font-size:16px}
#value-lab .value-field>small{font-size:14px}
#value-lab .value-input input{font-size:24px}
#value-lab .value-input>span{font-size:14px}
#value-lab :is(.value-sample,.value-opportunity>p,.value-method p){font-size:14px}
#value-lab .value-method>summary{font-size:15px}
#value-lab .value-output-kicker{font-size:13px}
#value-lab #value-time-detail{font-size:15px}
#value-lab .value-comparison-row>div:first-child{font-size:15px}
#value-lab .value-comparison-row strong{font-size:20px}
#value-lab .value-comparison>p{font-size:14px}
#value-lab .value-example{font-size:16px}
#value-lab .value-ledger-row>span{font-size:16px}
#value-lab .value-ledger-row small{font-size:14px}
#value-lab .value-ledger-row>strong{font-size:26px}
#value-lab .value-ledger-row.is-cost>strong{font-size:20px}
#value-lab .is-net>div>span{font-size:15px}
#value-lab #value-net-direction{font-size:20px}
#value-lab :is(.value-net-bound>small,.value-metric.is-net>small,.value-output-note){font-size:14px}
#value-lab .value-metric.is-net>strong{font-size:32px}
#value-lab .value-payback{font-size:16px}
#summary .summary-top h2{font-size:24px}
#summary .summary-top button{font-size:14px}
#summary .investment>span{font-size:15px}
#summary .investment>output{font-size:clamp(32px,2.9vw,42px)}
#summary .budget-running :is(.monthly,.year)>span{font-size:14px}
#summary .budget-running :is(.monthly,.year)>output{font-size:21px}
#summary :is(.tax-note,.summary-footnote,.budget-warning){font-size:14px}
#summary .monthly small{font-size:14px}
#summary #budget-breakdown{font-size:15px}
#summary #budget-breakdown span{font-size:14px}
#summary #prepare{font-size:16px}
#summary .live-context>strong{font-size:18px}
#summary .story-controls button{font-size:14px}
#summary .scene-tabs button{font-size:14px}
#summary .composition-caption{font-size:13px}
:is(#budget-detail,#story-detail) :is(p,small,.line-item,.line-item strong){font-size:15px}
#budget-detail .line-heading{font-size:15px}
:is(#budget-detail,#story-detail) header span,.story-detail-header span{font-size:13px}
:is(.budget-close,.story-close){font-size:15px}
#story-detail :is(.story-choices button,.story-controls button,.story-steps li,.composition-caption,.story-board-head){font-size:14px}
#story-detail :is(.live-context>small,.story-board figcaption){font-size:15px}
#story-detail .live-context>strong{font-size:22px}
#story-detail :is(.scene-tabs button,.story-choices button,.story-controls button){font-size:14px}
@media(min-width:761px) and (max-height:820px){
.mobile-budget>span{font-size:14px}
.mobile-budget strong{font-size:23px}
.mobile-budget a{font-size:15px}
.mobile-story-open{font-size:14px}
}
@media(min-width:761px) and (max-width:1100px){
#summary .budget-running :is(.monthly,.year)>output{font-size:20px}
#summary .live-context>strong{font-size:18px}
#summary .story-controls button{font-size:14px}
}
@media(max-width:760px){
.calculator-shell .service-option strong{font-size:22px}
.calculator-shell .service-option small{font-size:15px}
.calculator-shell .scope-summary h3{font-size:17px}
.calculator-shell .scope-summary .block-title>span{font-size:14px}
#value-lab .value-metric.is-net>strong{font-size:29px}
#summary .investment>output{font-size:34px}
#summary .budget-running :is(.monthly,.year)>output{font-size:22px}
.calculator-shell .composition-caption{font-size:13px}
.calculator-shell .scene-tabs button{font-size:14px}
.calculator-shell .live-context>strong{font-size:20px}
.calculator-shell .live-context>small{font-size:15px}
.calculator-shell :is(.story-choices button,.story-controls button,.story-steps li){font-size:14px}
.mobile-budget>span,.mobile-budget a,.mobile-story-open{font-size:14px}
.mobile-budget strong{font-size:21px}
.story-detail-header h2{font-size:23px}
}
#brief :is(.brief-introduction p,.result-next p,.brief-export p,.text-button,.result-assumptions>summary,.deliverable li,.result-running li){font-size:16px}
#brief :is(.result-budget p,.deliverable li strong,.result-assumptions li,.result-assumptions li strong,.result-recurring,.result-recurring strong,.result-primary>span,.brief-actions button,.brief-raw>summary){font-size:15px}
#brief :is(.eyebrow,.result-section-title>span,.deliverable-title>span,.result-next li>span,.result-stage-top>span){font-size:14px!important}
#brief .result-stage>p{font-size:14px!important}
#brief .value-recap p{font-size:16px!important}
.calculator-shell .block-title>span{font-size:14px}
#summary .composition-caption,.calculator-shell .composition-caption{font-size:14px}
#value-lab .eyebrow{font-size:14px!important}
#value-lab .value-output-kicker,.calculator-shell .motion-table thead th{font-size:14px}