/* Homepage only. Shared parts (hero, splits, visual parts) are in css/tomnext.css. */

/* The three stages sit between hairlines */
.tn-home-stages>.tn-section{border-top:1px solid var(--tn-fog)}

/* Stage bullets: short lines, each with a Volt Blue dash */
/* 02: a slightly smaller ring, so each mix row stays on one line beside it;
   the list moves under the ring when the card is narrow */
.tn-home-stages .v-donut{width:140px;height:140px}
.tn-home-stages .v-donut-wrap{gap:14px}
/* 03: on phones the trend lines give way, so names and statuses fit */
.tn-home-stages .v-book td .v-sub{white-space:nowrap}
@media(max-width:520px){.tn-home-stages .v-book tr>:nth-child(2){display:none}}

/* Across every stage follows the stages: a hairline between them */
.tn-home-work{border-top:1px solid var(--tn-fog)}