/* Shared storage-flow layout, routes, responsive geometry and reduced-motion states.
   Used by commercial (7668) and residential (7736) storage offers.
   The page-scoped :is() selector preserves the original specificity. */
/* Transparent raster illustrations and CSS-drawn routes keep the system schematic spacious. */
:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow {
  min-width: 0;
  margin: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__network {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 52px minmax(0, 1fr) 52px minmax(0, 1fr) 52px minmax(0, 1fr);
  grid-template-rows: 232px 50px 232px 50px 232px;
  align-items: stretch;
  width: 100%;
  padding-top: 4px;
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__node {
  box-sizing: border-box;
  display: flex;
  width: min(100%, 240px);
  height: 100%;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  justify-self: center;
  justify-content: center;
  gap: 5px;
  padding: 14px 12px;
  border: 1px solid var(--storage-line);
  border-radius: 16px;
  background: var(--asta-color-white);
  box-shadow: 0 8px 22px rgb(31 45 34 / 4%);
  text-align: center;
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__node--battery { grid-column: 3; grid-row: 1; }
:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__node--pv { grid-column: 1; grid-row: 3; }
:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__node--grid { grid-column: 5; grid-row: 1; }
:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__node--inverter { grid-column: 3; grid-row: 3; }
:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__node--switchboard { grid-column: 5; grid-row: 3; }
:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__node--loads { grid-column: 7; grid-row: 3; }
:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__node--critical { grid-column: 7; grid-row: 5; }

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__node--battery {
  border-color: #8fc87c;
  background: linear-gradient(145deg, #f4faf1 0%, var(--asta-color-white) 76%);
  box-shadow: 0 0 0 4px #f0f7ed, 0 12px 28px rgb(48 104 35 / 10%);
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__image {
  display: block;
  width: min(100%, 172px);
  height: 142px;
  flex: 0 0 auto;
  object-fit: contain;
  object-position: center;
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__battery-visual {
  display: flex;
  width: 100%;
  height: 142px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__battery-visual .ae-storage-flow__image {
  width: min(calc(100% - 20px), 172px);
  min-width: 0;
  flex: 1 1 auto;
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__charge-meter {
  display: flex;
  width: 12px;
  flex: 0 0 12px;
  align-items: center;
  justify-content: center;
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__charge-track {
  position: relative;
  display: block;
  width: 10px;
  height: 76px;
  overflow: hidden;
  border: 1px solid #b9d7ad;
  border-radius: 7px;
  background: repeating-linear-gradient(to top, #e8f1e4 0 9px, var(--asta-color-white) 9px 11px);
  box-shadow: inset 0 1px 3px rgb(38 71 30 / 8%);
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__charge-track i {
  position: absolute;
  right: 1px;
  bottom: 1px;
  left: 1px;
  display: block;
  height: 30%;
  border-radius: 5px;
  background: repeating-linear-gradient(to top, #55aa36 0 9px, #f5faf2 9px 11px);
  animation: ae-storage-charge-level 6.4s ease-in-out infinite;
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__label {
  max-width: 100%;
  color: var(--storage-ink);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.015em;
  text-wrap: balance;
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__description {
  color: #657362;
  font-size: .8rem;
  line-height: 1.35;
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link {
  position: relative;
  display: block;
  min-width: 0;
  min-height: 0;
  color: #54a832;
  --route-color: #54a832;
  --route-angle: 90deg;
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--pv { grid-column: 2; grid-row: 3; }
:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--battery { grid-column: 3; grid-row: 2; color: #72b657; --route-color: #72b657; --route-angle: 180deg; }
:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--grid { grid-column: 5; grid-row: 2; color: #899786; --route-color: #899786; --route-angle: 180deg; }
:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--main { grid-column: 4; grid-row: 3; }
:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--load { grid-column: 6; grid-row: 3; }
:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--backup-route { grid-column: 3 / 8; grid-row: 4; color: #78b95a; --route-color: #78b95a; --route-angle: 180deg; }

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link::before {
  position: absolute;
  display: block;
  content: "";
  background: repeating-linear-gradient(var(--route-angle), var(--route-color) 0 6px, transparent 6px 12px);
  animation: ae-storage-flow-dash 1.5s linear infinite;
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link:is(.ae-storage-flow__link--pv,.ae-storage-flow__link--main,.ae-storage-flow__link--load)::before {
  top: calc(50% - 1px);
  right: 0;
  left: 0;
  height: 2px;
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link:is(.ae-storage-flow__link--battery,.ae-storage-flow__link--grid)::before {
  top: 0;
  bottom: 0;
  left: calc(50% - 1px);
  width: 2px;
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--grid::before {
  background-image: repeating-linear-gradient(var(--route-angle), var(--route-color) 0 3px, transparent 3px 9px);
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--grid .ae-storage-flow__arrow--start {
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
  border-top: 0;
  border-bottom: 8px solid currentColor;
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__route-part--drop-secondary,
:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__arrow--secondary { display: none; }

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__route-part {
  position: absolute;
  display: block;
  background: repeating-linear-gradient(90deg, #78b95a 0 6px, transparent 6px 12px);
  animation: ae-storage-flow-dash 1.5s linear infinite;
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__route-part--stem {
  top: -6px;
  bottom: 50%;
  left: 13.5%;
  width: 2px;
  background-image: repeating-linear-gradient(180deg, #78b95a 0 6px, transparent 6px 12px);
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__route-part--branch {
  top: calc(50% - 1px);
  right: 13.5%;
  left: 13.5%;
  height: 2px;
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__route-part--drop {
  top: 50%;
  bottom: -6px;
  left: 86.5%;
  width: 2px;
  background-image: repeating-linear-gradient(180deg, #78b95a 0 6px, transparent 6px 12px);
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--backup-route .ae-storage-flow__arrow--end {
  bottom: -7px;
  left: 86.5%;
  transform: translateX(-50%);
  border-bottom: 0;
  border-top: 8px solid currentColor;
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__arrow {
  position: absolute;
  z-index: 1;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  color: inherit;
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link:is(.ae-storage-flow__link--pv,.ae-storage-flow__link--main,.ae-storage-flow__link--load) .ae-storage-flow__arrow--end {
  top: 50%;
  right: -1px;
  transform: translateY(-50%);
  border-right: 0;
  border-left: 8px solid currentColor;
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--main .ae-storage-flow__arrow--start {
  top: 50%;
  left: -1px;
  transform: translateY(-50%);
  border-top: 5px solid transparent;
  border-right: 8px solid currentColor;
  border-bottom: 5px solid transparent;
  border-left: 0;
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__route-label {
  position: absolute;
  top: calc(50% + 8px);
  left: 50%;
  padding: 2px 7px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: var(--asta-color-white);
  color: #62715d;
  font-size: .68rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link:is(.ae-storage-flow__link--battery,.ae-storage-flow__link--grid) .ae-storage-flow__arrow--start {
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
  border-top: 0;
  border-bottom: 8px solid currentColor;
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link:is(.ae-storage-flow__link--battery,.ae-storage-flow__link--grid) .ae-storage-flow__arrow--end {
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 0;
  border-top: 8px solid currentColor;
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__caption {
  display: grid;
  gap: 12px;
  margin-top: 18px;
  padding: 14px 0 0;
  border-top: 1px solid var(--storage-line);
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__routes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(18px, 3vw, 36px);
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__route {
  display: grid;
  min-width: 0;
  align-content: start;
  gap: 7px;
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__route + .ae-storage-flow__route {
  padding-left: clamp(16px, 2vw, 26px);
  border-left: 1px solid var(--storage-line);
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__route > strong {
  color: var(--storage-green-dark);
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.35;
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__route-path {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 7px;
  align-items: center;
  color: var(--storage-ink);
  font-size: .82rem;
  line-height: 1.5;
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__route-path i {
  color: var(--storage-green);
  font-size: .88rem;
  font-style: normal;
  font-weight: 700;
}

:is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__caption p {
  max-width: none;
  margin: 0;
  color: #687565;
  font-size: .76rem;
  line-height: 1.55;
}

@media (max-width: 900px) {
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__network {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 14px;
    grid-template-rows: 174px 30px 174px 36px 174px 36px 174px 32px 174px;
    --storage-flow-node-row: 174px;
    --storage-flow-gap-before-inverter: 30px;
  }

  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__node--pv { grid-column: 1; grid-row: 1; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__node--grid { grid-column: 1; grid-row: 7; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__node--inverter { grid-column: 1 / -1; grid-row: 3; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__node--battery { grid-column: 2; grid-row: 1; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__node--switchboard { grid-column: 1 / -1; grid-row: 5; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__node--loads { grid-column: 2; grid-row: 7; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__node--critical { grid-column: 2; grid-row: 9; }

  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__node--inverter,
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__node--battery,
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__node--switchboard { width: min(100%, 310px); }

  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--pv { grid-column: 1; grid-row: 2; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--battery { grid-column: 2; grid-row: 2; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--grid { grid-column: 1; grid-row: 6; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--main { grid-column: 1 / -1; grid-row: 4; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--load { display: block; grid-column: 2; grid-row: 6; color: #54a832; --route-color: #54a832; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--backup-route { position: absolute; top: calc(var(--storage-flow-node-row) + var(--storage-flow-gap-before-inverter) + var(--storage-flow-node-row) / 2); right: 0; bottom: calc(var(--storage-flow-node-row) / 2); left: 0; display: block; width: auto; grid-column: auto; grid-row: auto; color: #78b95a; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--backup-route .ae-storage-flow__route-part--stem { top: 0; right: calc(clamp(0px, calc(25% - 120px), 25%) - 10px); bottom: 0; left: auto; width: 2px; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--backup-route .ae-storage-flow__route-part--branch { top: 0; right: calc(clamp(0px, calc(25% - 120px), 25%) - 10px); left: calc(50% + 155px); width: auto; height: 2px; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--backup-route .ae-storage-flow__route-part--drop { display: none; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--backup-route .ae-storage-flow__route-part--drop-secondary { top: auto; right: calc(clamp(0px, calc(25% - 120px), 25%) - 10px); bottom: 0; left: auto; display: block; width: 20px; height: 2px; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--backup-route .ae-storage-flow__arrow--end { top: auto; right: auto; bottom: -5px; left: calc(100% - clamp(0px, calc(25% - 120px), 25%) - 10px); transform: translateY(-50%); border: 5px solid transparent; border-right: 8px solid currentColor; border-left: 0; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--backup-route .ae-storage-flow__route-label,
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--backup-route .ae-storage-flow__arrow--secondary { display: none; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link:is(.ae-storage-flow__link--pv,.ae-storage-flow__link--grid,.ae-storage-flow__link--main,.ae-storage-flow__link--load,.ae-storage-flow__link--battery)::before { top: 0; right: auto; bottom: 0; left: calc(50% - 1px); width: 2px; height: auto; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--main::before,
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--load::before { background-image: repeating-linear-gradient(180deg, #54a832 0 6px, transparent 6px 12px); }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link:is(.ae-storage-flow__link--pv,.ae-storage-flow__link--grid,.ae-storage-flow__link--main,.ae-storage-flow__link--load,.ae-storage-flow__link--battery) .ae-storage-flow__arrow--end { top: auto; right: auto; bottom: -1px; left: 50%; transform: translateX(-50%); border: 5px solid transparent; border-top: 8px solid currentColor; border-bottom: 0; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link:is(.ae-storage-flow__link--grid,.ae-storage-flow__link--main,.ae-storage-flow__link--battery) .ae-storage-flow__arrow--start { top: -1px; right: auto; bottom: auto; left: 50%; transform: translateX(-50%); border: 5px solid transparent; border-top: 0; border-bottom: 8px solid currentColor; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__node { padding: 10px 8px; border-radius: 14px; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__node--pv .ae-storage-flow__image,
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__node--grid .ae-storage-flow__image { width: 100px; height: 86px; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__node:not(:is(.ae-storage-flow__node--pv,.ae-storage-flow__node--grid)) .ae-storage-flow__image { width: 112px; height: 96px; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__battery-visual { height: 96px; gap: 4px; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__battery-visual .ae-storage-flow__image { width: calc(100% - 16px); height: 96px; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__charge-meter { width: 10px; flex-basis: 10px; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__charge-track { width: 8px; height: 56px; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__label { font-size: .9rem; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__description { font-size: .8125rem; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__caption { margin-top: 14px; padding-top: 12px; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__routes { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__route + .ae-storage-flow__route { padding-top: 9px; padding-left: 0; border-top: 1px solid var(--storage-line); border-left: 0; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__route-path { font-size: .78rem; }
}

@media (min-width: 600px) and (max-width: 900px) {
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__network {
    grid-template-rows: 196px 36px 196px 38px 196px 38px 196px 34px 196px;
    --storage-flow-node-row: 196px;
    --storage-flow-gap-before-inverter: 36px;
  }

  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__node {
    width: min(100%, 300px);
    padding: 12px;
  }

  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__node--pv .ae-storage-flow__image,
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__node--grid .ae-storage-flow__image { width: 132px; height: 112px; }

  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__node:not(:is(.ae-storage-flow__node--pv,.ae-storage-flow__node--grid)) .ae-storage-flow__image { width: 148px; height: 126px; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__battery-visual { height: 126px; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__battery-visual .ae-storage-flow__image { width: calc(100% - 20px); height: 126px; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__charge-track { height: 68px; }

  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--grid::after,
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--load::after { position: absolute; top: 0; display: block; height: 2px; background: repeating-linear-gradient(90deg, currentColor 0 6px, transparent 6px 12px); content: ""; }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--grid::after { left: 50%; width: max(0px, calc(50% - 150px)); }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--load::after { right: 50%; width: max(0px, calc(50% - 150px)); }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--grid .ae-storage-flow__arrow--start { left: calc(100% - 150px); }

  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--backup-route .ae-storage-flow__route-part--stem,
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--backup-route .ae-storage-flow__route-part--branch,
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--backup-route .ae-storage-flow__route-part--drop-secondary { right: calc(clamp(0px, calc(25% - 150px), 25%) - 10px); }
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link--backup-route .ae-storage-flow__arrow--end { left: calc(100% - clamp(0px, calc(25% - 150px), 25%) - 10px); }
}

@media (prefers-reduced-motion: reduce) {
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__link::before,
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__route-part,
  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__charge-track i { animation: none !important; }

  :is(body.page-id-7668 .ae-storage-lp, body.page-id-7736 .ae-home-storage-lp) .ae-storage-flow__charge-track i { height: 62%; }
}