/*
 * assets/css/large-systems.css — the page that answers what happens above the
 * towable line. One sheet of its own, beside site.css rather than edited into it.
 */
.ls-two{display:grid;grid-template-columns:1fr 1fr;gap:20px 48px;align-items:start}
.ls-two p{margin:0;color:var(--ink);line-height:1.65}

.ls-scale{padding:78px 0;background:var(--navy);color:#fff}
.ls-scale .eyebrow{color:#7fb0e6}
.ls-scale h2{color:#fff}
.ls-scale .section-heading p{color:#bcd0e2;max-width:62ch}

.ls-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:26px 0 0}
.ls-table{width:100%;min-width:680px;border-collapse:collapse;font-size:.94rem}
.ls-table th{text-align:left;padding:0 16px 10px 0;font-size:.7rem;font-weight:800;letter-spacing:.13em;
  text-transform:uppercase;color:#7fb0e6;border-bottom:1px solid #1d3f66;white-space:nowrap}
.ls-table td{padding:13px 16px 13px 0;border-bottom:1px solid #12304f;color:#dce7f2;vertical-align:baseline}
.ls-table td b{color:#fff}
.ls-table tr:last-child td{border-bottom:0}
.ls-table .ls-beyond td{background:rgba(255,120,0,.07)}
.ls-table .ls-beyond td:first-child{box-shadow:inset 3px 0 0 var(--orange)}
.ls-source{margin:18px 0 0;color:#8fa8c0;font-size:.85rem;max-width:68ch}

.ls-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:8px 0 0}
.ls-grid article{padding:26px 28px;background:#fff;border:1px solid var(--line);border-radius:10px}
.ls-grid h3{margin:0 0 10px;font-size:1.3rem;letter-spacing:-.02em}
.ls-grid p{margin:0 0 12px;color:var(--ink);line-height:1.6}
.ls-grid p:last-child{margin-bottom:0}
.ls-note{padding-left:14px;border-left:2px solid var(--orange);color:var(--muted)!important;font-size:.92rem}

.ls-changes{list-style:none;margin:26px auto 0;padding:0;max-width:78ch;display:grid;gap:14px}
.ls-changes li{padding:0 0 0 24px;position:relative;color:#c9d8e6;line-height:1.62}
.ls-changes li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;
  background:var(--orange)}
.ls-changes b{color:#fff;font-weight:700}

@media(max-width:860px){
  .ls-two,.ls-grid{grid-template-columns:1fr;gap:18px}
  .ls-scale{padding:56px 0}
}

/*
 * WHAT WE UNDERTAKE, NOT WHAT THE HARDWARE PERMITS. Owner 2026-09-12: "3 max".
 * The band sits directly under the hero because a reader who reaches this page has
 * already been told no once by the calculator, and the first thing it owes them is
 * the number they can plan against.
 */
.ls-commit{padding:34px 0;background:var(--soft);border-bottom:1px solid var(--line)}
.ls-commit-lead{margin:0 0 18px;font-size:1.12rem;color:var(--ink)}
.ls-commit-lead b{color:var(--navy)}
.ls-commit-figs{display:flex;flex-wrap:wrap;gap:14px 56px;margin:0}
.ls-commit-figs>div{display:grid;gap:2px}
.ls-commit-figs dt{font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--blue)}
.ls-commit-figs dd{margin:0;font-size:2.5rem;line-height:1;font-weight:800;letter-spacing:-.04em;color:var(--navy)}
.ls-commit-figs span{color:var(--muted);font-size:.87rem}
.ls-dim{color:#7f97ad;font-size:.86em}
@media(max-width:860px){.ls-commit-figs{gap:18px 32px}.ls-commit-figs dd{font-size:2.05rem}}

/*
 * ONE MODULE, TWO WIRINGS. Owner 2026-09-12: the dual-voltage battery is not two
 * products, it is one array wired parallel for the towable line and series for the
 * 30K. Two cards side by side because that is the comparison being made.
 */
.ls-wire-band{padding:70px 0;background:#fff}
.ls-wire{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:26px 0 0}
.ls-wire article{padding:26px 28px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}
.ls-wire h3{margin:0 0 10px;font-size:1.18rem;letter-spacing:-.02em}
.ls-wire p{margin:0 0 14px;color:var(--ink);line-height:1.6}
.ls-wire dl{display:flex;gap:10px;align-items:baseline;margin:0 0 12px}
.ls-wire dt{font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--blue)}
.ls-wire dd{margin:0;font-weight:700;color:var(--navy)}
.ls-sheet{margin:0!important;padding-left:13px;border-left:2px solid var(--line);color:var(--muted)!important;font-size:.87rem}
.ls-wire-foot{margin:22px 0 0;color:var(--muted);font-size:.92rem;max-width:82ch}
@media(max-width:860px){.ls-wire{grid-template-columns:1fr;gap:16px}.ls-wire-band{padding:50px 0}}