.lebrija-finding{border-left-color:#5e646e;background:#eaecef}.lebrija-explainer{margin:2.5rem 0 3rem;overflow:hidden;border:1px solid #9ea4b0;border-radius:18px;background:#eaecef;color:#0d0f12;box-shadow:0 18px 44px rgba(13, 15, 18, .1)}.lebrija-explainer:focus-visible{outline:3px solid #5e646e;outline-offset:4px}.lebrija-head{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;padding:1.5rem;border-bottom:1px solid #e2e5ea}.lebrija-head h3{margin:.25rem 0 0;font-size:clamp(1.3rem,3vw,2rem)}.lebrija-head p{align-self:end;margin:0;color:#107c55;font-size:.92rem}.lebrija-head span{color:#5e646e;font-size:.7rem;font-weight:700;letter-spacing:.11em}.lebrija-figure{margin:0;padding:1.25rem}.lebrija-stage{position:relative;overflow:hidden;padding:1rem;border:1px solid #e2e5ea;border-radius:14px;background:#ffffff}.lebrija-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}.lebrija-route{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);gap:.45rem;margin:0 0 1rem;padding:0;list-style:none}.lebrija-route:before{position:absolute;top:1.15rem;right:8%;left:8%;height:3px;background:#9ea4b0;content:""}.lebrija-route li{position:relative;padding:2.6rem .45rem .65rem;border:1px solid #e2e5ea;border-radius:9px;background:#f7f8fa;opacity:.48;transition:.35s ease}.lebrija-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}.lebrija-route strong,.lebrija-route small{display:block}.lebrija-route strong{font-size:.68rem}.lebrija-route small{margin-top:.2rem;color:#107c55;font-size:.57rem}.lebrija-route li.is-complete,.lebrija-route li.is-active{opacity:1}.lebrija-route li.is-complete i{border-color:#107c55;background:#e8f3ee}.lebrija-route li.is-active{transform:translateY(-4px);border-color:#5e646e;background:#f4e6e6}.lebrija-route li.is-active i{border-color:#5e646e;background:#5e646e;color:#ffffff}.lebrija-components{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.lebrija-components>div{min-height:98px;padding:.7rem;border:1px solid #9ea4b0;border-radius:10px;background:#f7f8fa;text-align:center;transition:.35s ease}.lebrija-components span{position:relative;display:block;width:48px;height:42px;margin:.15rem auto .65rem;border:2px solid #107c55;border-radius:6px}.lebrija-components [data-component=pipe] span{height:14px;margin-top:15px;margin-bottom:28px;border-radius:999px}.lebrija-components [data-component=bridge] span:after{position:absolute;right:5px;bottom:-8px;left:5px;height:8px;border-right:2px solid #107c55;border-bottom:2px solid #107c55;border-left:2px solid #107c55;content:""}.lebrija-components [data-component=pump] span:after{position:absolute;inset:9px;border:2px solid #5e646e;border-radius:50%;content:""}.lebrija-components b{font-size:.72rem}.lebrija-explainer[data-step="1"] [data-component=pump],.lebrija-explainer[data-step="1"] [data-component=bridge]{border-style:dashed;background:#f4e6e6}.lebrija-explainer[data-step="2"] [data-component=pipe]{background:#e8f3ee}.lebrija-explainer[data-step="2"] [data-component=pump]{background:#f4e6e6}.lebrija-explainer[data-step="3"] .lebrija-components>div{border-color:#5e646e}.lebrija-explainer[data-step="4"] .lebrija-components>div{border-color:#107c55;background:#e8f3ee}.lebrija-document,.lebrija-decision{position:relative;z-index:2;margin-top:.75rem;padding:.75rem .85rem;border:1px solid #9ea4b0;border-radius:8px;background:#f7f8fa}.lebrija-document span,.lebrija-decision span,.lebrija-metrics span{display:block;color:#5e646e;font-size:.56rem;font-weight:700;letter-spacing:.08em}.lebrija-document b,.lebrija-document small,.lebrija-decision b{display:block}.lebrija-document b,.lebrija-decision b{margin-top:.2rem;font-size:.76rem}.lebrija-document small{margin-top:.12rem;color:#107c55;font-size:.64rem}.lebrija-metrics{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.75rem}.lebrija-metrics div{min-height:60px;padding:.65rem;border:1px solid #e2e5ea;border-radius:8px;background:rgba(255, 255, 255, .95)}.lebrija-metrics b{display:block;margin-top:.22rem;font-size:.66rem}.lebrija-live{min-height:76px;margin-top:.85rem;padding:.9rem 1rem;border-radius:10px;background:#107c55;color:#f7f8fa}.lebrija-live strong,.lebrija-live span{display:block}.lebrija-live span{margin-top:.3rem;color:#e2e5ea;font-size:.85rem}.lebrija-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.85rem}.lebrija-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}.lebrija-controls button:hover{background:#e2e5ea}.lebrija-controls button:focus-visible{outline:3px solid #5e646e;outline-offset:2px}.lebrija-controls button:disabled{opacity:.5;cursor:not-allowed}.lebrija-counter{margin-left:auto;color:#107c55;font-size:.76rem}.lebrija-figure figcaption{margin-top:.9rem;color:#5e646e;font-size:.78rem}.lebrija-state-copy{margin:0;padding:0 1.25rem 1.25rem;list-style:none}.lebrija-state-copy li{display:grid;grid-template-columns:minmax(190px,.8fr) 2fr;gap:1rem;padding:.7rem 0;border-top:1px solid #e2e5ea}.lebrija-state-copy strong{font-size:.8rem}.lebrija-state-copy span{color:#107c55;font-size:.8rem}.lebrija-state-copy li.is-active strong{color:#5e646e}#sequence,[id^=source-]{scroll-margin-top:100px}
@media(max-width:720px){.lebrija-head{grid-template-columns:1fr;gap:.7rem}.lebrija-figure{padding:1rem}.lebrija-route{grid-template-columns:1fr}.lebrija-route:before{top:1rem;bottom:1rem;left:1.4rem;width:2px;height:auto}.lebrija-route li{display:grid;grid-template-columns:35px 1fr;padding:.6rem .65rem .6rem 3.35rem}.lebrija-route i{top:50%;left:1.4rem;transform:translate(-50%,-50%)}.lebrija-route li.is-active{transform:translateX(4px)}.lebrija-route small{grid-column:2}.lebrija-components{grid-template-columns:1fr 1fr}.lebrija-metrics{grid-template-columns:1fr}.lebrija-state-copy li{grid-template-columns:1fr;gap:.25rem}.lebrija-counter{width:100%;margin-left:0}}
@media(prefers-reduced-motion:reduce){.lebrija-explainer *,.lebrija-explainer *:before,.lebrija-explainer *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}