.ts-ch12-ch12-4{max-width:980px;margin:0 auto;padding:18px;}
.ts-ch12-ch12-4-badge{display:inline-flex;align-items:center;margin-bottom:10px;padding:3px 9px;border:1px solid color-mix(in srgb,var(--track) 28%,var(--line));border-radius:6px;background:var(--track-tint);color:var(--track-strong);font-size:13px;font-weight:800;}
.ts-ch12-ch12-4-title{margin:0 0 8px;font-size:26px;line-height:1.22;letter-spacing:0;font-weight:850;}
.ts-ch12-ch12-4-lead{margin:0 0 16px;color:var(--muted);font-size:16px;}
.ts-ch12-ch12-4-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:stretch;}
.ts-ch12-ch12-4-step,.ts-ch12-ch12-4-summary,.ts-ch12-ch12-4-panel,.ts-ch12-ch12-4-rung{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:12px;}
.ts-ch12-ch12-4-step small,.ts-ch12-ch12-4-summary small,.ts-ch12-ch12-4-panel small{display:block;margin-bottom:4px;color:var(--track-strong);font-size:12px;font-weight:850;}
.ts-ch12-ch12-4-step b,.ts-ch12-ch12-4-summary b,.ts-ch12-ch12-4-panel b,.ts-ch12-ch12-4-rung b{display:block;color:var(--text);font-size:17px;line-height:1.3;margin-bottom:5px;}
.ts-ch12-ch12-4-step p,.ts-ch12-ch12-4-summary p,.ts-ch12-ch12-4-panel p,.ts-ch12-ch12-4-rung p{margin:0;color:var(--muted);}
.ts-ch12-ch12-4-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.ts-ch12-ch12-4-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.ts-ch12-ch12-4-panel ul{margin:8px 0 0;padding-left:18px;color:var(--muted);}
.ts-ch12-ch12-4-panel li{margin:3px 0;}
.ts-ch12-ch12-4-ladder{display:grid;gap:8px;}
.ts-ch12-ch12-4-rung{display:grid;grid-template-columns:42px minmax(0,0.85fr) minmax(0,1.45fr);gap:10px;align-items:center;}
.ts-ch12-ch12-4-num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:28px;border:1px solid color-mix(in srgb,var(--track) 28%,var(--line));border-radius:6px;background:var(--paper);color:var(--track-strong);font-weight:850;}
.ts-ch12-ch12-4-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:12px;border:1px solid var(--line);border-radius:8px;overflow:hidden;}
.ts-ch12-ch12-4-table th,.ts-ch12-ch12-4-table td{padding:10px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;vertical-align:top;}
.ts-ch12-ch12-4-table th:last-child,.ts-ch12-ch12-4-table td:last-child{border-right:0;}
.ts-ch12-ch12-4-table tr:last-child td{border-bottom:0;}
.ts-ch12-ch12-4-table th{background:var(--surface-strong);color:var(--text);font-weight:850;}
.ts-ch12-ch12-4-table td:first-child{color:var(--track-strong);font-weight:850;white-space:nowrap;}
.ts-ch12-ch12-4-note{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);}
.ts-ch12-ch12-4-note b{color:var(--track-strong);}
@media(max-width:720px){.ts-ch12-ch12-4{padding:10px;}.ts-ch12-ch12-4-title{font-size:21px;}.ts-ch12-ch12-4-lead{font-size:14px;}.ts-ch12-ch12-4-path,.ts-ch12-ch12-4-summary-grid,.ts-ch12-ch12-4-split{grid-template-columns:1fr;}.ts-ch12-ch12-4-rung{grid-template-columns:38px minmax(0,1fr);gap:8px;}.ts-ch12-ch12-4-rung p{grid-column:2;}.ts-ch12-ch12-4-table{font-size:13px;}.ts-ch12-ch12-4-table th,.ts-ch12-ch12-4-table td{padding:8px 7px;}.ts-ch12-ch12-4-step b,.ts-ch12-ch12-4-summary b,.ts-ch12-ch12-4-panel b,.ts-ch12-ch12-4-rung b{font-size:15px;}}