.resource-tool .dt-hero{max-width:1040px}.resource-tool .dt-hero h1{max-width:21ch}.resource-tool h2{font-family:var(--serif);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:400;line-height:1.15;margin:.5rem 0 1rem}.resource-tool h3{font-family:var(--serif);font-size:1.4rem;font-weight:400}.resource-tool .section{scroll-margin-top:110px}.r-kicker{font-size:.74rem;text-transform:uppercase;letter-spacing:.13em;color:#a10d25}.r-boundary{border-left:3px solid #c8102e;padding:.6rem 1rem;background:#f7f3ef;line-height:1.6}.r-jump{display:flex;gap:.6rem 1.5rem;flex-wrap:wrap;margin-top:1.7rem}.r-jump a{font-size:.84rem;text-underline-offset:5px}.r-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.r-evidence{border-top:1px solid #ccc;padding-top:1.8rem}.r-energy-stats{display:grid;grid-template-columns:1fr 1fr .8fr;gap:1.5rem}.r-energy-stats strong{display:block;font-family:var(--serif);font-size:clamp(2.1rem,4vw,3.7rem);font-weight:400;line-height:1.2;margin:.7rem 0}.r-energy-stats small{font-family:var(--sans);font-size:1rem}.r-tag{display:inline-block;font-size:.72rem;letter-spacing:.025em;border:1px solid #888;border-radius:3px;padding:.25rem .5rem;color:#444}.r-tag.projected{border-style:dashed}.r-growth{border-left:1px solid #ccc;padding-left:1.5rem}.r-growth span{font-size:.88rem;color:var(--muted)}.r-chart{margin:2rem 0 1.5rem}.r-chart figcaption{font-size:.78rem;color:var(--muted);margin-bottom:1.1rem}.r-bar-row{display:grid;grid-template-columns:4rem 1fr 7.7rem;gap:.75rem;align-items:center;margin:.9rem 0;font-size:.92rem}.r-track{position:relative;height:34px;background:repeating-linear-gradient(to right,#ddd 0px,#ddd 1px,transparent 1px,transparent 25%);border-left:1px solid #666}.r-bar{display:block;background:#c8102e;height:100%}.r-bar.projected{background:repeating-linear-gradient(135deg,#c8102e 0px,#c8102e 2px,#f8e3e7 2px,#f8e3e7 7px);border:1px solid #c8102e}.r-interval{position:absolute;top:0;bottom:0;border:1px dashed #111;background:repeating-linear-gradient(135deg,transparent 0px,transparent 3px,#ddd9 3px,#ddd9 6px)}.r-axis{display:flex;justify-content:space-between;margin-left:4.75rem;margin-right:8.45rem;color:#666;font-size:.72rem;border-top:1px solid #aaa;padding-top:.4rem}.r-interpretation{max-width:78ch}.r-source{font-size:.8rem;color:#444}.r-caption{font-size:.8rem;color:#555}.resource-tool details{margin:1.3rem 0;border-top:1px solid #ccc;padding-top:.9rem;font-size:.88rem}.resource-tool summary{cursor:pointer;font-weight:600}.resource-tool summary:focus-visible,.resource-tool a:focus-visible,.resource-tool button:focus-visible{outline:3px solid #1f3fbf;outline-offset:4px}.r-water-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:1.5rem 0}.r-water-grid article{border-top:2px solid #bbb;padding-top:1.2rem}.r-quantity{display:block;font-family:var(--serif);font-size:3.5rem;font-weight:400;line-height:1.2;margin:.7rem 0}.r-quantity small{font-family:var(--sans);font-size:1rem}.r-bar.upstream{background:#444}.r-calculator{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin:2rem 0}.r-field{margin-bottom:1.5rem}.r-field label{display:flex;justify-content:space-between;gap:1rem;font-size:.86rem;font-weight:600}.r-field output{white-space:nowrap;font-weight:400}.r-field input{width:100%;height:28px;accent-color:#c8102e;cursor:pointer}.r-field small{font-size:.78rem;display:block;color:#555}.r-output{background:#151515;color:#fff;padding:2rem;align-self:start}.r-output>.r-tag{color:#ddd;border-color:#aaa}.r-output>strong{display:block;font-family:var(--serif);font-size:3.8rem;font-weight:400;margin:1rem 0 0;line-height:1.2}.r-output>strong small{font-family:var(--sans);font-size:1rem}.r-output-detail{display:grid;grid-template-columns:1fr auto;gap:.7rem 1rem;border-block:1px solid #555;padding:1.2rem 0;font-size:.8rem}.r-output-detail b{font-weight:500;text-align:right}.r-output-note{font-size:.78rem;color:#bbb}.r-limit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}.r-limit-grid p{font-size:.92rem}.r-limits{border-block:1px solid #aaa}.resource-tool #methods li{margin:.7rem 0}.resource-tool #methods a{overflow-wrap:anywhere}@media(max-width:700px){.r-energy-stats{grid-template-columns:1fr 1fr}.r-energy-stats .r-growth{grid-column:1/-1;border-left:0;border-top:1px solid #ccc;padding:1rem 0 0;display:flex;align-items:center;gap:1rem}.r-growth strong{font-size:2rem;margin:0}.r-water-grid,.r-calculator,.r-limit-grid{grid-template-columns:1fr;gap:1.2rem}.r-water-grid{padding:.5rem 0}.r-quantity{font-size:2.7rem}.r-bar-row{grid-template-columns:3rem 1fr 5.8rem;gap:.45rem;font-size:.8rem}.r-axis{margin-left:3.45rem;margin-right:6.25rem;font-size:.72rem}.r-axis span:nth-child(2),.r-axis span:nth-child(4){visibility:hidden}.r-energy-stats strong{font-size:2.25rem}.r-tag{font-size:.65rem}.r-output{padding:1.4rem}.r-output>strong{font-size:3.1rem}.r-field label{flex-wrap:wrap;gap:.2rem .7rem}.resource-tool .section{scroll-margin-top:160px}.r-jump{gap:.65rem 1rem}}

.r-number-label{font-size:.74rem!important;font-weight:400!important;margin-top:.3rem}.r-field input[type=number]{width:7rem;height:40px;border:1px solid #999;border-radius:5px;padding:.4rem .6rem;font:inherit;margin:.35rem 0}.r-field input[type=number]:focus-visible{outline:3px solid #1f3fbf;outline-offset:2px}.r-energy-flow{margin:1.5rem 0}.r-energy-flow figcaption,.r-energy-flow p{font-size:.75rem;color:#ddd}.r-flow-track{display:flex;height:25px;border:1px solid #aaa}.r-flow-track span{display:block;min-width:0;height:100%}#it-bar{background:#ddd}#infrastructure-bar{background:repeating-linear-gradient(135deg,#555 0px,#555 2px,#aaa 2px,#aaa 6px)}.r-time-row{display:grid;grid-template-columns:12rem 1fr 6rem;gap:1rem;align-items:center;font-size:.87rem;margin:1rem 0}.r-time-range{position:absolute;top:0;bottom:0;background:#ddd;border:1px solid #555}.r-time-axis{display:flex;justify-content:space-between;border-top:1px solid #aaa;margin-left:13rem;margin-right:7rem;padding-top:.4rem;font-size:.74rem}@media(max-width:700px){.r-time-row{grid-template-columns:1fr 6rem;gap:.5rem}.r-time-row b{grid-column:1/-1}.r-time-axis{margin-left:0;margin-right:6.5rem}.r-field input[type=number]{width:100%}}

.r-table{width:100%;border-collapse:collapse;font-size:.85rem}.r-table th,.r-table td{padding:.6rem .4rem;text-align:left;border-bottom:1px solid #ccc}.r-table th{font-weight:600}.r-table caption{text-align:left;margin:.5rem 0}.r-quantity{font-size:clamp(2rem,4vw,3.4rem)}
