.fuel-finding{border-left-color:#b44343;background:#eaecef}.fuel-explainer{margin:2.5rem 0 3rem;overflow:hidden;border:1px solid #9ea4b0;border-radius:18px;background:#eaecef;color:#107c55;box-shadow:0 18px 44px rgba(13, 15, 18, .1)}.fuel-explainer:focus-visible{outline:3px solid #b44343;outline-offset:4px}.fuel-head{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;padding:1.5rem;border-bottom:1px solid #e2e5ea}.fuel-head h3{margin:.25rem 0 0;font-size:clamp(1.3rem,3vw,2rem)}.fuel-head p{align-self:end;margin:0;color:#107c55;font-size:.92rem}.fuel-head span{color:#b44343;font-size:.7rem;font-weight:700;letter-spacing:.11em}.fuel-figure{margin:0;padding:1.25rem}.fuel-stage{position:relative;overflow:hidden;padding:1rem;border:1px solid #9ea4b0;border-radius:14px;background:#ffffff}.fuel-stage:before{position:absolute;inset:0;background-image:radial-gradient(rgba(13, 15, 18, .14) .7px,transparent .7px);background-size:20px 20px;content:"";pointer-events:none}.fuel-route{position:relative;z-index:3;display:grid;grid-template-columns:repeat(5,1fr);gap:.45rem;margin:0 0 1rem;padding:0;list-style:none}.fuel-route:before{position:absolute;top:1.15rem;right:8%;left:8%;height:3px;background:#9ea4b0;content:""}.fuel-route li{position:relative;padding:2.6rem .45rem .65rem;border:1px solid #e2e5ea;border-radius:9px;background:#f7f8fa;opacity:.48;transition:.35s ease}.fuel-route i{position:absolute;top:.3rem;left:50%;z-index:2;display:grid;width:1.8rem;height:1.8rem;place-items:center;transform:translateX(-50%);border:2px solid #6e747e;border-radius:50%;background:#ffffff;font-size:.6rem;font-style:normal}.fuel-route strong,.fuel-route small{display:block}.fuel-route strong{font-size:.68rem}.fuel-route small{margin-top:.2rem;color:#107c55;font-size:.57rem}.fuel-route li.is-complete,.fuel-route li.is-active{opacity:1}.fuel-route li.is-complete i{border-color:#107c55;background:#e8f3ee}.fuel-route li.is-active{transform:translateY(-4px);border-color:#b44343;background:#f4e6e6}.fuel-route li.is-active i{border-color:#b44343;background:#b44343;color:#ffffff}.fuel-network{position:relative;z-index:2;display:grid;grid-template-columns:1fr .6fr .45fr .6fr 1fr 1.05fr .7fr .75fr;align-items:center;gap:.4rem;min-height:135px;padding:.9rem;border:1px solid #9ea4b0;border-radius:12px;background:#f7f8fa}.fuel-supplier,.fuel-plant,.fuel-tank,.fuel-meter{display:grid;min-height:76px;align-content:center;padding:.65rem;border:1px solid #6e747e;border-radius:9px;background:#ffffff;text-align:center;transition:.35s ease}.fuel-supplier span{color:#5e646e;font-size:.53rem;letter-spacing:.08em}.fuel-supplier b,.fuel-plant b,.fuel-tank b,.fuel-meter b{font-size:.65rem}.fuel-line{height:4px;border-radius:999px;background:#107c55;transition:.35s ease}.line-b{background:repeating-linear-gradient(90deg,#6e747e 0 8px,transparent 8px 13px)}.fuel-truck{position:relative;height:34px;opacity:0;transform:translateX(-18px);transition:.4s ease}.fuel-truck:before{position:absolute;inset:5px 3px 9px;border:2px solid #5e646e;border-radius:5px;background:#f4e6e6;content:""}.fuel-truck:after{position:absolute;right:7px;bottom:3px;left:7px;height:8px;background:radial-gradient(circle at 4px 4px,#107c55 0 4px,transparent 4.5px) 0 0/20px 8px repeat-x;content:""}.fuel-plant{position:relative;border-color:#107c55;background:#e8f3ee}.fuel-stack{width:22px;height:34px;margin:0 auto .35rem;border:2px solid #107c55;border-radius:4px 4px 0 0;background:linear-gradient(90deg,transparent 40%,#9ea4b0 40% 60%,transparent 60%)}.fuel-tank{position:relative;overflow:hidden}.fuel-tank>span{position:absolute;right:0;bottom:0;left:0;height:12%;background:#b44343;opacity:.55;transition:.5s ease}.fuel-tank b,.fuel-meter>*{position:relative;z-index:1}.fuel-meter>span{display:block;color:#107c55;font-size:1.1rem;font-weight:700}.fuel-explainer[data-step="1"] .supplier-a{border-color:#b44343;background:#f4e6e6}.fuel-explainer[data-step="1"] .line-a{background:repeating-linear-gradient(90deg,#b44343 0 8px,transparent 8px 13px)}.fuel-explainer[data-step="2"] .supplier-b{border-color:#b44343;background:#f4e6e6}.fuel-explainer[data-step="2"] .line-b{background:#b44343}.fuel-explainer[data-step="3"] .supplier-b{border-color:#107c55;background:#e8f3ee}.fuel-explainer[data-step="3"] .line-b{background:#107c55}.fuel-explainer[data-step="3"] .fuel-truck{opacity:1;transform:translateX(0)}.fuel-explainer[data-step="4"] .supplier-b{border-color:#107c55;background:#e8f3ee}.fuel-explainer[data-step="4"] .line-b{background:#107c55}.fuel-explainer[data-step="4"] .fuel-tank>span{height:68%}.fuel-explainer[data-step="4"] .fuel-meter{border-color:#b44343;background:#f4e6e6}.fuel-document,.fuel-decision{position:relative;z-index:2;margin-top:.75rem;padding:.75rem .85rem;border:1px solid #9ea4b0;border-radius:8px;background:#f7f8fa}.fuel-document span,.fuel-decision span{display:block;color:#5e646e;font-size:.56rem;font-weight:700;letter-spacing:.08em}.fuel-document b,.fuel-document small,.fuel-decision b{display:block}.fuel-document b,.fuel-decision b{margin-top:.2rem;font-size:.76rem}.fuel-document small{margin-top:.12rem;color:#107c55;font-size:.64rem}.fuel-live{min-height:76px;margin-top:.85rem;padding:.9rem 1rem;border-radius:10px;background:#107c55;color:#f7f8fa}.fuel-live strong,.fuel-live span{display:block}.fuel-live span{margin-top:.3rem;color:#e2e5ea;font-size:.85rem}.fuel-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.85rem}.fuel-controls button{min-height:40px;padding:.55rem .8rem;border:1px solid #5e646e;border-radius:7px;background:transparent;color:#107c55;font:inherit;font-size:.76rem;cursor:pointer}.fuel-controls button:hover{background:#e2e5ea}.fuel-controls button:focus-visible{outline:3px solid #5e646e;outline-offset:2px}.fuel-controls button:disabled{opacity:.5;cursor:not-allowed}.fuel-counter{margin-left:auto;color:#107c55;font-size:.76rem}.fuel-figure figcaption{margin-top:.9rem;color:#5e646e;font-size:.78rem}.fuel-state-copy{margin:0;padding:0 1.25rem 1.25rem;list-style:none}.fuel-state-copy li{display:grid;grid-template-columns:minmax(210px,.8fr) 2fr;gap:1rem;padding:.7rem 0;border-top:1px solid #e2e5ea}.fuel-state-copy strong{font-size:.8rem}.fuel-state-copy span{color:#107c55;font-size:.8rem}.fuel-state-copy li.is-active strong{color:#5e646e}#sequence,[id^=source-]{scroll-margin-top:100px}
@media(max-width:820px){.fuel-network{grid-template-columns:1fr 1fr 1fr}.fuel-line{min-width:25px}.fuel-truck{grid-column:2}.fuel-plant{grid-column:1}.fuel-tank{grid-column:2}.fuel-meter{grid-column:3}.supplier-b{grid-column:3}.line-b{grid-column:2}.line-a{grid-column:2}}
@media(max-width:720px){.fuel-head{grid-template-columns:1fr;gap:.7rem}.fuel-figure{padding:1rem}.fuel-route{grid-template-columns:1fr}.fuel-route:before{top:1rem;bottom:1rem;left:1.4rem;width:2px;height:auto}.fuel-route li{display:grid;grid-template-columns:35px 1fr;padding:.6rem .65rem .6rem 3.35rem}.fuel-route i{top:50%;left:1.4rem;transform:translate(-50%,-50%)}.fuel-route li.is-active{transform:translateX(4px)}.fuel-route small{grid-column:2}.fuel-network{grid-template-columns:1fr 38px 1fr}.supplier-a{grid-column:1}.line-a{grid-column:2}.fuel-truck{grid-column:2}.supplier-b{grid-column:3}.line-b{grid-column:2}.fuel-plant{grid-column:1}.fuel-tank{grid-column:2}.fuel-meter{grid-column:3}.fuel-state-copy li{grid-template-columns:1fr;gap:.25rem}.fuel-counter{width:100%;margin-left:0}}
@media(prefers-reduced-motion:reduce){.fuel-explainer *,.fuel-explainer *:before,.fuel-explainer *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}