/* A left-aligned four-beat overview; the shared host owns all timing and state. */
.software-overview:not(.active){display:none}
.software-overview{text-align:left}
.overview-story{display:grid;align-items:start}
.overview-beat{grid-area:1/1;min-width:0;visibility:hidden;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .4s;pointer-events:none}
.overview-beat.active{visibility:visible;opacity:1;transform:none}
.software-overview .software-body{max-width:350px}
.software-overview .software-aside{margin-top:22px}
.overview-beat-nav{display:flex;align-items:center;gap:13px;margin-top:24px}
.overview-beat-nav button{display:flex;align-items:center;gap:7px;min-height:34px;padding:8px 0;border:0;background:none;color:#72818e;font:9px var(--mono,monospace);cursor:pointer}
.overview-beat-nav button::before{content:'';width:17px;height:2px;background:#4b5a6470;transition:background .25s,width .25s}
.overview-beat-nav button[aria-pressed="true"]{color:#bdebf0}
.overview-beat-nav button[aria-pressed="true"]::before{width:25px;background:var(--cyan,#a7dce0);box-shadow:0 0 8px #a7dce030}
.overview-beat-nav button:hover{color:#d4e5e9}
.overview-beat-nav button:focus-visible{outline:1px solid var(--cyan,#a7dce0);outline-offset:4px}
.software-overview .software-explore{margin-top:9px}
@media(max-height:800px){.software-overview .software-aside{margin-top:17px}.overview-beat-nav{margin-top:17px}.software-overview .software-explore{margin-top:5px}}
@media(prefers-reduced-motion:reduce){.overview-beat,.overview-beat-nav button::before{transition:none;transform:none}}