.page-ecoflow .backup-copy{max-width:960px;margin-inline:auto;line-height:1.75}.page-ecoflow .backup-copy h3{margin-top:1.5rem}.page-ecoflow .backup-copy p,.page-ecoflow .backup-copy li{margin-bottom:.8rem}.page-ecoflow .backup-copy ul,.page-ecoflow .backup-copy ol{padding-left:1.5rem}.page-ecoflow .backup-table-wrap{overflow-x:auto}.page-ecoflow .backup-table{width:100%;border-collapse:collapse;text-align:left}.page-ecoflow .backup-table th,.page-ecoflow .backup-table td{padding:12px;border:1px solid var(--color-border);vertical-align:top}.page-ecoflow .backup-table caption{font-weight:700;text-align:left;padding-bottom:12px}.page-ecoflow .gallery-item img{height:300px;aspect-ratio:auto;object-fit:contain;background:var(--color-surface)}.page-ecoflow .backup-caption{display:block;padding:12px;line-height:1.5}.page-ecoflow .backup-breadcrumb{font-size:.9rem;margin-bottom:1rem}.page-ecoflow section[id]{scroll-margin-top:90px}@media(max-width:480px){.page-ecoflow .backup-table th,.page-ecoflow .backup-table td{padding:7px;font-size:.85rem;overflow-wrap:anywhere}}
.page-ecoflow .backup-copy{width:calc(100% - var(--page-padding)*2)}
.page-ecoflow .backup-table{min-width:620px;color:var(--color-text)}.page-ecoflow .backup-table th,.page-ecoflow .backup-table td{color:var(--color-text);overflow-wrap:normal}.page-ecoflow .backup-table th:first-child{width:150px}.page-ecoflow .backup-table-wrap:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}

/* Compact section navigation; shared navigation and section content stay unchanged. */
.page-ecoflow .backup-copy .backup-toc {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.page-ecoflow .backup-toc li {
  display: flex;
  min-width: 0;
  margin: 0;
  padding: 0;
}
.page-ecoflow .backup-toc a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 72px;
  padding: 12px;
  border: 1px solid var(--color-border);
  border-radius: 12px;
  background: var(--color-surface);
  color: var(--color-text);
  font-size: 15px;
  font-weight: 650;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  overflow-wrap: anywhere;
  transition: background-color .15s ease, border-color .15s ease, transform .15s ease;
}
.page-ecoflow .backup-toc a:focus-visible {
  outline: 2px solid var(--color-accent, #19cec4);
  outline-offset: 3px;
  border-color: var(--color-accent, #19cec4);
}
@media (hover: hover) {
  .page-ecoflow .backup-toc a:hover {
    border-color: var(--color-accent, #19cec4);
    background: rgba(25, 206, 196, .1);
  }
}
.page-ecoflow .backup-toc a:active {
  background: rgba(25, 206, 196, .16);
  transform: translateY(1px);
}
@media (max-width: 480px) {
  .page-ecoflow .backup-copy .backup-toc {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .page-ecoflow .backup-toc a {
    padding: 10px 8px;
    font-size: 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .page-ecoflow .backup-toc a { transition: none; }
}

/* One accessible comparison at a time: table on wide screens, cards on phones. */
.page-ecoflow .backup-comparison-cards { display: none; }
@media (max-width: 767px) {
  .page-ecoflow .backup-table-wrap { display: none; }
  .page-ecoflow .backup-comparison-cards {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }
  .page-ecoflow .backup-comparison-card {
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--color-border);
    border-radius: 12px;
    background: var(--color-surface);
    color: var(--color-text);
    overflow-wrap: break-word;
  }
  .page-ecoflow .backup-comparison-card h3 {
    margin: 0 0 14px;
    color: var(--color-accent, #19cec4);
    font-size: 1.1rem;
    line-height: 1.4;
  }
  .page-ecoflow .backup-comparison-card dl { margin: 0; }
  .page-ecoflow .backup-comparison-card dt {
    margin-top: 12px;
    font-weight: 700;
    line-height: 1.5;
  }
  .page-ecoflow .backup-comparison-card dd {
    margin: 4px 0 0;
    color: var(--color-text-muted);
    line-height: 1.65;
  }
}


/* EcoFlow: mobile heading gutters */
@media (max-width: 767px) {
  .page-ecoflow .section-title.section-heading {
    width: calc(100% - 2 * var(--page-padding));
    max-width: var(--container);
    margin-inline: auto;
    box-sizing: border-box;
  }
}