/* Calculation context shared by desktop and mobile. */
.calculation-trail{border:1px solid var(--line);border-radius:12px;background:#f8faf4;padding:26px;margin:0 0 24px}.calculation-heading h3{font-size:25px;letter-spacing:-.7px;margin:12px 0}.calculation-heading p{font-size:16px;color:var(--muted);line-height:1.6;margin:0}.calculation-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:0;margin:24px 0}.calculation-steps li{display:flex;gap:12px;min-width:0}.trail-number{display:grid;place-items:center;flex-shrink:0;background:var(--ink);color:#fff;width:27px;height:27px;border-radius:50%;font-size:13px}.calculation-steps h4{font-size:14px;margin:4px 0 12px;font-weight:400}.calculation-steps strong{font-size:20px;line-height:1.35;display:block}.calculation-steps p{font-size:14px;color:var(--muted);line-height:1.6;margin:10px 0 0}.unit-help{display:block;margin-top:6px}.calculation-scope{font-size:14px;line-height:1.6;border-top:1px solid var(--line);padding-top:17px;margin:0;color:var(--muted)}.calculation-scope b{display:block;color:var(--ink);margin-bottom:4px}.carbon-explanation{border-top:1px solid #cdd5c8;margin-top:20px;padding-top:6px}.carbon-meaning{font-size:16px;line-height:1.65;margin:15px 0}.carbon-inputs{margin:16px 0}.carbon-inputs>div{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding:10px 0;font-size:14px;line-height:1.5}.carbon-inputs dt{color:#53634f}.carbon-inputs dd{margin:0;text-align:right;font-weight:600;flex-shrink:0}.carbon-equation{display:flex;align-items:center;flex-wrap:wrap;gap:10px;background:#fff9;border-radius:8px;padding:15px 12px;font-size:19px;line-height:1.4;margin:12px 0}.carbon-equation small{display:block;font-size:12px;font-weight:400;color:#53634f}.coefficient-source{font-size:12px;line-height:1.65;color:#53634f;margin:14px 0 0}.inline-volume{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #d3ddc8;border-radius:8px;background:#f0f5e8;padding:15px;margin:0 0 17px;line-height:1.5}.inline-volume span{font-size:14px}.inline-volume strong{font-size:16px;text-align:right;font-variant-numeric:tabular-nums}.compare-card{display:flex;flex-direction:column}.compare-card .carbon-explanation{flex:1}.compare-card-top>span{font-size:12px;line-height:1.5}.compare-card>p,.factor-label,.diagram-note,.info-note{font-size:14px;line-height:1.6}.back,.inline-link,.scenario-label{font-size:14px}.back,.inline-link,.text-button{min-height:44px}.number-wrap input,select{font-size:16px}.number-wrap input{min-height:44px}.material{min-height:80px}.ingredient input[type=range]{height:44px;margin:0}.ingredient-head label{font-size:16px}.ingredient{margin:10px 0}.section-meta{align-items:center}.primary,.secondary{min-height:48px;touch-action:manipulation}.modal{max-height:90vh;max-height:90dvh}.modal-close{width:44px;height:44px}.share-preview img{max-height:55vh;width:auto;max-width:100%;object-fit:contain}.stage-top,.stage-bottom{flex-wrap:wrap}.stage-bottom span,.stage-top span{line-height:1.5}.result-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.result-detail>div{min-width:0}.result-detail select{font-size:16px}.result-badge{white-space:normal}.result-heading>div{min-width:0}footer{align-items:center}#motion-toggle{min-height:44px;font-size:12px}.steps{scroll-margin-top:12px}input{scroll-margin-block:100px}.info-note>span{margin-top:4px}
@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.controls{padding:26px}.comparison{gap:16px}.compare-card{padding:20px}.compare-card.chosen{padding:19px}.calculation-steps{gap:15px}.calculation-steps strong{font-size:18px}.carbon-inputs>div{flex-wrap:wrap;gap:5px}.carbon-inputs dd{flex-shrink:1}.result-heading{flex-wrap:wrap;gap:0}.result-badge{margin-bottom:20px}}
@media(max-width:760px){main{padding:25px 16px 0}.header{padding:12px 16px;gap:12px;flex-wrap:wrap}.brand{font-size:27px}.event{padding-left:12px;letter-spacing:.5px}.header .text-button{font-size:14px}.intro h1{font-size:clamp(30px,7vw,40px);line-height:1.16}.intro .eyebrow{font-size:12px;line-height:1.5;letter-spacing:1px}.steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:22px 0}.step{display:flex;flex-direction:row;align-items:center;gap:9px;font-size:14px;line-height:1.35;min-height:55px;padding:10px 5px;margin:0}.step span{font-size:12px;flex-shrink:0}.workspace{grid-template-columns:minmax(0,1fr);border-radius:12px}.controls{padding:22px 20px}.stage{min-height:0;padding:22px 20px}.sample-diagram{max-width:260px;margin:10px 0}.stage .vessel{max-width:280px;margin:0}.house-stage .house-diagram{max-width:370px}.stage-top,.stage-bottom{font-size:12px;letter-spacing:0;gap:6px}.stage-top>span:last-child{display:none}.tiny-label,.section-meta,.eyebrow{font-size:12px}.material small{font-size:14px}.muted,.intro p{font-size:16px}.specimen-label p{font-size:14px;line-height:1.6}.specimen-label{margin-bottom:16px}.info-note{margin:15px 0 20px}.mix-ratio{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px;font-size:14px;padding:8px 0 12px}.mix-ratio .back{font-size:14px}.inline-volume{flex-wrap:wrap;padding:13px}.inline-volume strong{font-size:18px}.house-stats{justify-content:space-between;gap:20px;padding:17px}.house-stats span{font-size:12px;line-height:1.5}.scaling{font-size:16px;gap:9px}.scaling b{text-align:right}.scale-arrow small{font-size:14px}.results{padding:22px 18px}.result-heading h2{font-size:30px}.result-heading .muted{font-size:15px;line-height:1.6;margin-bottom:15px}.result-badge{font-size:12px}.calculation-trail{padding:19px 16px;margin-bottom:20px}.calculation-heading h3{font-size:23px;line-height:1.25}.calculation-heading .eyebrow{letter-spacing:.5px}.calculation-steps{grid-template-columns:1fr;gap:0;margin:18px 0}.calculation-steps li{padding:0 0 20px;position:relative}.calculation-steps li+li{padding-top:0}.calculation-steps li:not(:last-child)::before{content:'';position:absolute;top:31px;bottom:4px;left:13px;width:1px;background:#c6d2bf}.calculation-steps li:last-child{padding-bottom:0}.calculation-steps h4{margin:4px 0 7px}.calculation-steps strong{font-size:20px}.calculation-steps p{font-size:15px}.calculation-scope{font-size:14px}.comparison{grid-template-columns:1fr;gap:20px}.compare-card{padding:20px}.compare-card.chosen{padding:19px}.compare-card-top{display:flex;align-items:flex-start;gap:12px}.compare-card h3{font-size:24px}.compare-card-top>span{font-size:12px;margin:0;min-height:0;text-align:right;max-width:145px}.compare-card .house-diagram{width:100%;max-width:310px;margin:0 auto}.compare-value{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.compare-value strong{font-size:43px}.compare-value>span{font-size:18px}.compare-card>p{min-height:0;font-size:14px;margin-bottom:18px}.carbon-inputs>div{font-size:14px}.carbon-inputs dt{max-width:65%}.carbon-equation{gap:10px;font-size:20px;justify-content:center}.carbon-explanation .carbon-meaning{font-size:16px}.difference{padding:22px 18px;align-items:flex-start}.difference>div{min-width:0}.difference>div>span{font-size:12px;letter-spacing:0}.difference strong{font-size:34px;line-height:1.3;overflow-wrap:anywhere}.difference small{font-size:21px}.result-detail{grid-template-columns:minmax(0,1fr);gap:8px}.result-detail .diagram-note,.scope-note{font-size:14px}.learning p{font-size:16px}.learning article>span{font-size:12px}.result-footnote{font-size:14px;line-height:1.7}.result-footnote button{font-size:14px}.result-actions{gap:10px}.result-actions .back{width:100%;min-height:48px}.modal{width:calc(100% - 24px);padding:30px 20px 22px;margin:auto}.modal .diagram-note{font-size:14px}.modal p{font-size:16px}.share-actions{flex-direction:column}.share-actions button{width:100%}.share-preview img{max-height:48vh}.bottom-note{font-size:14px}.bottom-note>span:last-child{font-size:12px}footer{font-size:12px;padding:15px 16px;padding-bottom:max(15px,env(safe-area-inset-bottom));gap:6px 16px}.footer-separator{padding:0 6px}}
@media(max-width:380px){.header .event{display:none}.header .text-button{margin-left:auto}.controls,.results{padding:20px 14px}.stage{padding:20px 14px}.compare-card{padding:17px 14px}.compare-card.chosen{padding:16px 13px}.carbon-inputs dt{max-width:none}.carbon-inputs>div{display:block}.carbon-inputs dd{text-align:left;margin-top:4px}.carbon-equation{font-size:18px;gap:8px}.carbon-equation small{font-size:12px}.house-stats{padding:13px;gap:12px}.calculation-trail{padding:18px 13px}.number-wrap input{width:74px}.material{gap:12px;padding:14px}.swatch{width:31px}.material strong{font-size:18px}.material small{font-size:14px}.step{gap:6px;padding-inline:2px}}
.water-limits{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;font-size:12px;line-height:1.6;color:var(--muted);margin-top:-3px;margin-bottom:14px}.number-wrap input[readonly]{appearance:textfield;cursor:default}.number-wrap input[readonly]::-webkit-inner-spin-button{appearance:none}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
