.grid-finding{border-left-color:#9b4b36;background:#f3efe5}.grid-explainer{margin:2.5rem 0 3rem;overflow:hidden;border:1px solid #b9aa91;border-radius:18px;background:#f3efe5;color:#1b232a;box-shadow:0 18px 44px rgba(27,35,42,.1)}.grid-explainer:focus-visible{outline:3px solid #9b4b36;outline-offset:4px}.grid-head{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;padding:1.5rem;border-bottom:1px solid #d9ccb7}.grid-head h3{margin:.25rem 0 0;font-size:clamp(1.3rem,3vw,2rem)}.grid-head p{align-self:end;margin:0;color:#5b544b;font-size:.92rem}.grid-head span{color:#9b4b36;font-size:.7rem;font-weight:700;letter-spacing:.11em}.grid-figure{margin:0;padding:1.25rem}.grid-stage{position:relative;overflow:hidden;padding:1rem;border:1px solid #b9aa91;border-radius:14px;background:#fffdf7}.grid-stage:before{position:absolute;inset:0;background-image:radial-gradient(rgba(27,35,42,.13) .7px,transparent .7px);background-size:20px 20px;content:"";pointer-events:none}.grid-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}.grid-route:before{position:absolute;top:1.15rem;right:8%;left:8%;height:3px;background:#c7baa5;content:""}.grid-route li{position:relative;padding:2.6rem .45rem .65rem;border:1px solid #ddd3c3;border-radius:9px;background:#fffdf7;opacity:.48;transition:.35s ease}.grid-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 #6e675f;border-radius:50%;background:#fffdf7;font-size:.6rem;font-style:normal}.grid-route strong,.grid-route small{display:block}.grid-route strong{font-size:.68rem}.grid-route small{margin-top:.2rem;color:#5b544b;font-size:.57rem}.grid-route li.is-complete,.grid-route li.is-active{opacity:1}.grid-route li.is-complete i{border-color:#315f58;background:#dfe9e4}.grid-route li.is-active{transform:translateY(-4px);border-color:#9b4b36;background:#efe0d7}.grid-route li.is-active i{border-color:#9b4b36;background:#9b4b36;color:#fffdf7}.grid-network{position:relative;z-index:2;display:grid;grid-template-columns:.85fr 1.5fr .9fr 1.25fr;align-items:center;gap:.7rem;min-height:158px;padding:1rem;border:1px solid #b9aa91;border-radius:12px;background:#eee5d5}.grid-project,.grid-substation{display:grid;min-height:94px;align-content:center;padding:.7rem;border:1px solid #6e675f;border-radius:10px;background:#fffdf7;text-align:center;transition:.35s ease}.grid-project b,.grid-substation b{font-size:.72rem}.grid-project small,.grid-substation small{color:#6e675f;font-size:.6rem}.grid-sun{width:28px;height:28px;margin:0 auto .55rem;border:2px solid #9b4b36;border-radius:50%;background:radial-gradient(circle,#d5b37d 0 38%,transparent 40%)}.grid-line{position:relative;height:7px;border:1px solid #6e675f;border-radius:999px;background:repeating-linear-gradient(90deg,#b9aa91 0 12px,#fffdf7 12px 18px)}.grid-line i{position:absolute;top:-5px;left:0;width:15px;height:15px;border-radius:50%;background:#9b4b36;opacity:0;transition:left .65s ease,opacity .25s ease}.grid-substation span{position:relative;width:46px;height:42px;margin:0 auto .45rem;border-right:3px solid #315f58;border-left:3px solid #315f58}.grid-substation span:before,.grid-substation span:after{position:absolute;right:-10px;left:-10px;height:3px;background:#315f58;content:""}.grid-substation span:before{top:10px}.grid-substation span:after{bottom:9px}.grid-values{display:grid;gap:.4rem}.grid-values div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.6rem;padding:.48rem .55rem;border:1px solid #b9aa91;border-radius:7px;background:#fffdf7}.grid-values span{color:#6e675f;font-size:.53rem;font-weight:700;letter-spacing:.07em}.grid-values b{font-size:.72rem}.grid-explainer[data-step="0"] .grid-project{border-color:#9b4b36;background:#efe0d7}.grid-explainer[data-step="1"] .grid-project{border-color:#315f58;background:#dfe9e4}.grid-explainer[data-step="1"] .grid-line i{left:22%;opacity:1}.grid-explainer[data-step="2"] .grid-substation{border-color:#9b4b36;background:#efe0d7}.grid-explainer[data-step="2"] .grid-line i{left:52%;opacity:1}.grid-explainer[data-step="3"] .grid-substation{border-color:#315f58;background:#dfe9e4}.grid-explainer[data-step="3"] .grid-line{background:#315f58}.grid-explainer[data-step="3"] .grid-line i{left:88%;opacity:1}.grid-explainer[data-step="4"] .grid-project,.grid-explainer[data-step="4"] .grid-substation{border-color:#315f58;background:#dfe9e4}.grid-explainer[data-step="4"] .grid-line{background:#315f58}.grid-explainer[data-step="4"] .grid-line i{left:88%;opacity:1}.grid-document,.grid-decision,.grid-gate{position:relative;z-index:2;margin-top:.75rem;padding:.75rem .85rem;border:1px solid #b9aa91;border-radius:8px;background:#fffdf7}.grid-document span,.grid-decision span,.grid-gate span{display:block;color:#6e675f;font-size:.56rem;font-weight:700;letter-spacing:.08em}.grid-document b,.grid-document small,.grid-decision b,.grid-gate b{display:block}.grid-document b,.grid-decision b,.grid-gate b{margin-top:.2rem;font-size:.76rem}.grid-document small{margin-top:.12rem;color:#315f58;font-size:.64rem}.grid-gate{border-left:4px solid #9b4b36}.grid-live{min-height:76px;margin-top:.85rem;padding:.9rem 1rem;border-radius:10px;background:#1b232a;color:#fffdf7}.grid-live strong,.grid-live span{display:block}.grid-live span{margin-top:.3rem;color:#e5dccd;font-size:.85rem}.grid-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.85rem}.grid-controls button{min-height:42px;padding:.55rem .8rem;border:1px solid #6e675f;border-radius:7px;background:#fffdf7;color:#1b232a;font:inherit;font-size:.76rem;cursor:pointer}.grid-controls button:hover{background:#e5dccd}.grid-controls button:focus-visible{outline:3px solid #9b4b36;outline-offset:2px}.grid-controls button:disabled{opacity:.5;cursor:not-allowed}.grid-counter{margin-left:auto;color:#5b544b;font-size:.76rem}.grid-figure figcaption{margin-top:.9rem;color:#5b544b;font-size:.78rem}.grid-state-copy{margin:0;padding:0 1.25rem 1.25rem;list-style:none}.grid-state-copy li{display:grid;grid-template-columns:minmax(210px,.8fr) 2fr;gap:1rem;padding:.7rem 0;border-top:1px solid #d9ccb7}.grid-state-copy strong{font-size:.8rem}.grid-state-copy span{color:#5b544b;font-size:.8rem}.grid-state-copy li.is-active strong{color:#9b4b36}#sequence,[id^=source-]{scroll-margin-top:100px}
@media(max-width:820px){.grid-network{grid-template-columns:.8fr 1.1fr .9fr}.grid-values{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.grid-values div{grid-template-columns:1fr}.grid-line{min-width:50px}}
@media(max-width:720px){.grid-head{grid-template-columns:1fr;gap:.7rem}.grid-figure{padding:1rem}.grid-route{grid-template-columns:1fr}.grid-route:before{top:1rem;bottom:1rem;left:1.4rem;width:2px;height:auto}.grid-route li{display:grid;grid-template-columns:35px 1fr;padding:.6rem .65rem .6rem 3.35rem}.grid-route i{top:50%;left:1.4rem;transform:translate(-50%,-50%)}.grid-route li.is-active{transform:translateX(4px)}.grid-route small{grid-column:2}.grid-network{grid-template-columns:1fr 44px 1fr;min-height:0}.grid-project{grid-column:1}.grid-line{grid-column:2}.grid-substation{grid-column:3}.grid-values{grid-column:1/-1;grid-template-columns:1fr}.grid-state-copy li{grid-template-columns:1fr;gap:.25rem}.grid-counter{width:100%;margin-left:0}}
@media(prefers-reduced-motion:reduce){.grid-explainer *,.grid-explainer *:before,.grid-explainer *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}