
/* §12 — one-time vs ongoing split */
.rsg-page .ona-split { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:0 0 26px; }
.rsg-page .ona-col { border-radius:16px; padding:22px 22px 20px; border:1px solid var(--line); background:#fff; box-shadow:var(--shadow-md); display:flex; flex-direction:column; }
.rsg-page .ona-col.once { background:var(--paper-soft); border-color:var(--line); }
.rsg-page .ona-col.grow { background:linear-gradient(135deg,#F4F9F5,#E9F1EB); border-color:rgba(44,122,75,0.28); }
.rsg-page .ona-h { display:flex; align-items:center; gap:10px; margin-bottom:4px; }
.rsg-page .ona-h .ona-ic { width:34px; height:34px; border-radius:9px; display:flex; align-items:center; justify-content:center; flex-shrink:0; color:#fff; }
.rsg-page .ona-col.once .ona-ic { background:linear-gradient(135deg,#94A3B8,#64748B); }
.rsg-page .ona-col.grow .ona-ic { background:linear-gradient(135deg,var(--green-500),var(--green-700)); }
.rsg-page .ona-h .ona-ic svg { width:18px; height:18px; }
.rsg-page .ona-h b { font-family:var(--font-display); font-weight:800; font-size:16px; color:var(--ink-900); }
.rsg-page .ona-sub { font-size:12.5px; color:var(--ink-500); margin:0 0 16px; }
.rsg-page .ona-box { background:#fff; border:1px solid var(--line); border-radius:11px; padding:12px 14px; font-size:12.5px; font-weight:700; color:var(--ink-900); }
.rsg-page .ona-col.once .ona-box { border-style:dashed; }
.rsg-page .ona-flow { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:12px; }
.rsg-page .ona-chip { font-size:11.5px; font-weight:700; border-radius:999px; padding:6px 11px; }
.rsg-page .ona-col.grow .ona-chip { background:#fff; border:1px solid rgba(44,122,75,0.3); color:var(--green-700); }
.rsg-page .ona-flow .ona-arr { color:var(--green-600); display:inline-flex; }
.rsg-page .ona-flow .ona-arr svg { width:15px; height:15px; }
.rsg-page .ona-end { margin-top:auto; padding-top:16px; display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:10.5px; letter-spacing:0.08em; text-transform:uppercase; font-weight:700; }
.rsg-page .ona-col.once .ona-end { color:#64748B; }
.rsg-page .ona-col.grow .ona-end { color:var(--green-700); }
.rsg-page .ona-end svg { width:15px; height:15px; }
@media (max-width:720px){ .rsg-page .ona-split { grid-template-columns:1fr; } }
