.facility-presentation{max-width:100%;overflow:clip}
.process-view{display:flex;min-width:0;flex-direction:column}
.process-view [data-rotation-toggle]{display:none!important}
.facility-stage .water-cycle-view[hidden]{display:grid!important}
.facility-presentation .container,.facility-stage,.facility-stage>*{min-width:0}
.facility-stage{max-width:100%;overflow:hidden;border-radius:28px!important}
.facility-stage [hidden]{display:none!important}
.process-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:28px;padding-bottom:22px;border-bottom:1px solid var(--border-default)}
.process-toolbar--single{justify-content:flex-end}
.segmented-control{display:inline-flex;max-width:100%;padding:4px;border:1px solid var(--border-default);border-radius:14px;background:var(--surface-secondary)}
.segmented-control button{min-height:44px;padding:8px 14px;border:0;border-radius:10px;background:transparent;color:var(--text-secondary);font-weight:750;white-space:nowrap}
.segmented-control button[aria-pressed="true"]{background:var(--surface-primary);color:var(--text-primary);box-shadow:0 0 0 1px var(--border-default),0 5px 18px rgba(0,0,0,.18)}
.scale-control{display:grid;justify-items:end;gap:7px;max-width:560px}
.scale-control small{color:var(--text-muted);font-size:.74rem;text-align:right}
.process-header,.layout-view__head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}
.process-header h3,.layout-view__head h3{font-size:clamp(1.35rem,2vw,1.85rem)}
.process-header p,.layout-view__head p{margin-top:5px}
.process-actions,.process-cta{display:flex;flex-wrap:wrap;gap:9px}
.process-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,350px);align-items:start;gap:20px}
.process-flow{display:grid;min-width:0;gap:18px}
.process-legend{display:flex;flex-wrap:wrap;gap:9px 20px;color:var(--text-muted);font-family:var(--mono);font-size:.72rem;font-weight:750}
.process-legend span{display:inline-flex;min-width:0;max-width:100%;align-items:center;gap:8px;overflow-wrap:anywhere}
.process-legend span::before{width:30px;height:3px;border-radius:3px;background:var(--brand-blue);content:""}
.process-legend .legend-tray::before{height:3px;border:0;background:var(--brand-blue)}
.process-track-wrap{position:relative;min-height:570px;overflow:hidden;border:1px solid var(--border-default);border-radius:22px;background:color-mix(in srgb,var(--surface-secondary) 86%,transparent)}
.process-track-wrap::before{position:absolute;inset:0;background-image:linear-gradient(var(--border-muted) 1px,transparent 1px),linear-gradient(90deg,var(--border-muted) 1px,transparent 1px);background-size:32px 32px;opacity:.24;content:""}
.process-flow-lines{display:none}
.process-track{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:150px 190px 156px;gap:24px 24px;min-height:570px;margin:0;padding:34px 24px;list-style:none}
.process-stage{position:relative;min-width:0}
.process-stage--intake::after,.process-stage--cleaning::after,.process-stage--soaking::after,.process-stage--germination::after,.process-stage--growth::after,.process-stage--harvest::after,.process-stage--trayCleaning::after{position:absolute;z-index:4;display:grid;place-items:center;color:#328df0;font-size:28px;font-weight:900;line-height:1;pointer-events:none;text-shadow:0 0 12px rgba(50,141,240,.4)}
.process-stage--intake::after,.process-stage--cleaning::after{top:50%;right:-24px;width:24px;content:"→";transform:translateY(-50%)}
.process-stage--soaking::after{bottom:-24px;left:50%;width:24px;content:"↓";transform:translateX(-50%)}
.process-stage--germination::after,.process-stage--growth::after{top:50%;left:-24px;width:24px;content:"←";transform:translateY(-50%)}
.process-stage--harvest::after{bottom:-24px;left:50%;width:24px;content:"↓";transform:translateX(-50%)}
.process-stage--trayCleaning::after{top:50%;right:-24px;width:24px;content:"→";transform:translateY(-50%)}
.process-stage--intake{grid-area:1/1}.process-stage--cleaning{grid-area:1/2}.process-stage--soaking{grid-area:1/3}.process-stage--germination{grid-area:2/3}.process-stage--growth{grid-area:2/2}.process-stage--harvest{grid-area:2/1}.process-stage--trayCleaning{grid-area:3/1}.process-stage--output{grid-area:3/2/4/4}
.process-stage button{position:relative;display:grid;width:100%;height:100%;min-height:82px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:9px;padding:15px 42px 15px 13px;border:1px solid var(--border-default);border-radius:16px;background:color-mix(in srgb,var(--surface-primary) 94%,transparent);color:var(--text-primary);text-align:left;box-shadow:0 12px 28px rgba(0,0,0,.08);transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}
.process-stage button:hover{border-color:color-mix(in srgb,var(--brand-blue) 68%,var(--border-default));transform:translateY(-2px)}
.process-stage button:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-blue) 45%,transparent);outline-offset:3px}
.process-stage.is-active button{border-color:var(--brand-blue);background:color-mix(in srgb,var(--brand-blue) 12%,var(--surface-primary));box-shadow:0 0 0 1px var(--brand-blue),0 16px 38px color-mix(in srgb,var(--brand-blue) 18%,transparent)}
.process-stage.is-complete button{border-color:color-mix(in srgb,var(--brand-green) 48%,var(--border-default))}
.process-stage--featured button{border-color:color-mix(in srgb,var(--brand-blue) 75%,var(--border-default));background:linear-gradient(145deg,color-mix(in srgb,var(--brand-blue) 17%,var(--surface-primary)),var(--surface-primary))}
.process-stage--featured strong{font-size:clamp(1rem,1.2vw,1.15rem)}
.process-stage__number{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:var(--brand-green);color:#fff;font-family:var(--mono);font-size:.68rem;font-weight:850}
.process-stage.is-active .process-stage__number,.process-stage--featured .process-stage__number{background:var(--brand-blue)}
.process-stage__icon{position:absolute;top:11px;right:10px;display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:var(--surface-secondary);color:var(--brand-blue)}
.process-stage__icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.process-stage__copy{display:grid;min-width:0;gap:4px}
.process-stage__copy strong{overflow-wrap:normal;line-height:1.2;word-break:normal;hyphens:auto}
.process-stage__copy small{color:var(--text-muted);font-family:var(--mono);font-size:.68rem}
.process-stage__chevron{position:absolute;right:12px;bottom:9px;color:var(--brand-blue);font-size:1.25rem}
.support-layer{padding:18px;border:1px solid color-mix(in srgb,var(--brand-green) 50%,var(--border-default));border-radius:18px;background:color-mix(in srgb,var(--brand-green) 6%,var(--surface-primary))}
.support-layer summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0;color:var(--text-primary);list-style:none}
.support-layer summary::-webkit-details-marker{display:none}
.support-layer summary span{font-size:1.03rem;font-weight:800}
.support-layer summary small{color:var(--brand-green);font-family:var(--mono)}
.support-layer p{padding:10px 0 0;font-size:.9rem}
.support-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.support-chips span{padding:7px 10px;border:1px solid color-mix(in srgb,var(--brand-green) 36%,var(--border-default));border-radius:999px;background:var(--surface-primary);color:var(--text-secondary);font-size:.76rem;font-weight:700}
.functional-zones{display:grid;gap:15px;padding:20px;border:1px solid var(--border-default);border-radius:20px;background:var(--surface-secondary)}
.functional-zones__head h3{font-size:1.08rem}.functional-zones__head p{margin-top:4px;font-size:.88rem}
.zone-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.zone-group{--zone-color:var(--brand-green);padding:14px;border:1px solid color-mix(in srgb,var(--zone-color) 55%,var(--border-default));border-radius:15px;background:color-mix(in srgb,var(--zone-color) 7%,var(--surface-primary))}
.zone-group--blue{--zone-color:#328df0}.zone-group--orange{--zone-color:#e8943a}
.zone-group h4{margin-bottom:10px;color:var(--zone-color);font-size:.85rem}
.zone-group ol{display:grid;gap:0;margin:0;padding:0;list-style:none}
.zone-group li{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:7px;min-height:42px;align-items:center;padding:6px 0;color:var(--text-secondary);font-size:.79rem}
.zone-group li:not(:last-child)::after{position:absolute;bottom:-3px;left:8px;color:var(--zone-color);content:"↓";font-family:var(--mono);font-weight:900}
.zone-group li span{color:var(--zone-color);font-family:var(--mono);font-size:.63rem}.zone-group li strong{overflow-wrap:anywhere}
.process-info{position:sticky;top:88px;display:grid;max-height:calc(100dvh - 112px);gap:16px;padding:22px;overflow:auto;border:1px solid var(--border-default);border-radius:22px;background:var(--surface-primary);box-shadow:var(--shadow);scrollbar-width:thin}
.process-info__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.process-info__day{color:var(--brand-blue);font-family:var(--mono);font-size:.72rem;font-weight:800}
.process-info h3{font-size:clamp(1.45rem,2vw,2rem);line-height:1.12}.process-info h4{margin-bottom:7px;font-size:.78rem;letter-spacing:.035em;text-transform:uppercase}
.process-info__duration{margin-top:-9px;color:var(--brand-green);font-family:var(--mono);font-size:.78rem;font-weight:750}
.process-info__description{padding-top:3px}
.process-info__columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.process-info ul{display:grid;gap:5px;padding-left:18px;color:var(--text-secondary);font-size:.84rem}.process-info li::marker{color:var(--brand-blue)}
.process-target-note{padding:12px;border-left:3px solid var(--brand-blue);border-radius:8px;background:var(--surface-secondary);font-size:.78rem}
.process-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:4px}.process-nav .btn{padding-inline:8px}.process-nav .btn:disabled{opacity:.42;pointer-events:none}
.rotation-view{display:grid;grid-template-columns:minmax(240px,.6fr) minmax(0,1fr);align-items:center;gap:28px;margin-top:26px;padding:clamp(20px,3vw,34px);border:1px solid var(--border-default);border-radius:22px;background:var(--surface-secondary)}
.rotation-copy h3{margin-top:9px}.rotation-copy p{margin-top:10px}
.water-cycle-visual{display:grid;justify-items:center;gap:22px;min-width:0}
.water-cycle-ring{position:relative;display:grid;width:min(330px,86%);aspect-ratio:1;margin-inline:auto;padding:20px;place-items:center;border:0;border-radius:50%;background:#328df0;box-shadow:0 0 42px rgba(50,141,240,.2)}
.water-cycle-ring::after{display:none;content:none}
.water-cycle-core{display:grid;width:68%;aspect-ratio:1;place-content:center;gap:5px;border-radius:50%;background:var(--bg-primary);text-align:center}
.water-cycle-core strong{color:var(--brand-blue);font-family:var(--mono);font-size:clamp(2.35rem,5vw,4rem);line-height:1}.water-cycle-core span{max-width:150px;color:var(--text-secondary);font-size:.78rem;font-weight:700}
.water-cycle-steps{display:flex;max-width:100%;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;color:var(--text-secondary);font-size:.75rem;font-weight:700}
.water-cycle-steps span{display:inline-flex;align-items:center;gap:7px}.water-cycle-steps span:not(:last-child)::after{color:var(--brand-blue);content:"→"}.water-cycle-steps span:last-child::after{margin-left:7px;color:var(--brand-blue);content:"↻"}
.process-disclaimer{margin-top:20px;padding:14px 16px;border:1px solid var(--border-default);border-radius:12px;color:var(--text-muted);font-size:.78rem}.process-cta{margin-top:16px}
.layout-view__head{align-items:end}.layout-filters{display:flex;flex-wrap:wrap;gap:6px}.layout-filters button{min-height:42px;padding:8px 12px;border:1px solid var(--border-default);border-radius:9px;background:var(--surface-primary);color:var(--text-secondary)}.layout-filters button[aria-pressed="true"]{border-color:var(--brand-blue);color:var(--brand-blue)}
.facility-canvas{position:relative;min-height:0!important;overflow:auto;border:1px solid var(--border-default);border-radius:20px;background:var(--surface-secondary);overscroll-behavior:contain}
.facility-layout-svg{display:block;width:100%;min-width:760px;height:auto}.facility-zone{cursor:pointer;transition:opacity .2s}.facility-zone .zone-body{fill:var(--surface-primary);stroke:var(--border-default);stroke-width:2}.facility-zone:hover .zone-body,.facility-zone:focus .zone-body{stroke:var(--brand-blue);stroke-width:3}.facility-zone.is-dimmed{opacity:.15}.layout-zone-label{display:grid;height:100%;align-content:center;gap:5px;color:var(--text-primary);font-family:"Bavaria Ubuntu Sans","Ubuntu Sans",sans-serif;text-align:center;overflow-wrap:anywhere}.layout-zone-label span{color:var(--brand-blue);font-family:var(--mono);font-size:10px}.layout-zone-label strong{font-size:12px;line-height:1.2}
.process-fallback{display:grid;gap:8px;padding-left:20px}
@media(max-width:1120px){.process-toolbar{display:grid}.scale-control{justify-items:start}.scale-control small{text-align:left}.process-workspace{grid-template-columns:1fr}.process-info{position:relative;top:auto;max-height:none}.process-stage-media img{max-height:360px}.zone-groups{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.facility-stage{width:100%;min-width:0;margin-inline:0;padding:15px!important;border-radius:20px!important}.process-toolbar,.process-header,.layout-view__head{display:grid;min-width:0}.process-toolbar--single{justify-content:stretch}.segmented-control{width:100%;min-width:0;overflow:auto}.segmented-control button{flex:1;padding-inline:10px}.scale-control{width:100%;min-width:0;max-width:100%}.scale-control .segmented-control button{min-width:max-content}.process-actions{display:grid;grid-template-columns:1fr}.process-actions .btn{width:100%}.process-track-wrap{min-height:0;overflow:visible;border:0;background:transparent}.process-track-wrap::before,.process-flow-lines{display:none}.process-track{display:grid;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:24px;padding:0}.process-stage{min-width:0;grid-area:auto!important}.process-stage:not(:last-child)::after{top:auto!important;right:auto!important;bottom:-22px!important;left:50%!important;display:grid!important;width:24px!important;content:"↓"!important;font-size:19px!important;transform:translateX(-50%)!important}.process-stage button{min-height:76px;height:auto;padding:12px 42px 12px 12px}.process-stage--featured button{min-height:96px}.process-stage__copy strong{font-size:.92rem}.process-info{min-width:0;padding:17px;border-radius:18px}.process-info__columns{grid-template-columns:1fr}.process-info__top{align-items:flex-start}.process-info__day{text-align:right}.process-nav{position:sticky;z-index:2;bottom:0;padding:10px 0 0;background:linear-gradient(transparent,var(--surface-primary) 24%)}.rotation-view{grid-template-columns:1fr}.water-cycle-ring{width:min(300px,82%);border-width:16px}.process-cta{display:grid}.process-cta .btn{width:100%}.layout-filters{display:grid;grid-template-columns:1fr 1fr}.facility-layout-svg{min-width:700px}}
@media(max-width:430px){.process-stage button{grid-template-columns:30px minmax(0,1fr);gap:6px}.process-stage__number{width:29px;height:29px}.process-stage__icon{width:30px;height:30px}.process-stage__icon svg{width:18px}.water-cycle-ring{width:230px;border-width:14px}.water-cycle-steps{font-size:.68rem}.process-nav .btn{font-size:.82rem}.process-info__top{display:grid}.process-info__day{text-align:left}}
@media(prefers-reduced-motion:reduce){.process-stage button,.facility-zone{transition:none}.process-stage button:hover{transform:none}}