/* Pregnancy cash planner (lane r7-p2-money): the month table with cash, CDA and MediSave columns.
   Tokens only (assets/tokens.css), so light and dark themes follow the skin. The result column is
   narrow at every width, so each row always stacks: the item, then each amount with its pot's name.
   The table keeps its column headers for screen readers. */
.result-panel table.pc-plan{width:100%;border-collapse:collapse}
.result-panel table.pc-plan thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.result-panel table.pc-plan tr{display:block}
.result-panel table.pc-plan tbody tr:not(.pc-month){padding:var(--space-2) 0;border-bottom:2px dashed var(--hair)}
.result-panel table.pc-plan tbody th,.result-panel table.pc-plan td{display:block;text-align:left;white-space:normal;padding:2px 0;border:0;color:var(--ink);background:none;font-size:inherit;text-transform:none;letter-spacing:normal}
.result-panel table.pc-plan tbody th{font-weight:700}
.result-panel table.pc-plan td{font-variant-numeric:tabular-nums}
.result-panel table.pc-plan td.pc-zero{display:none}
.result-panel table.pc-plan td:nth-of-type(1)::before{content:"Cash: ";font-weight:600;color:var(--muted)}
.result-panel table.pc-plan td:nth-of-type(2)::before{content:"CDA: ";font-weight:600;color:var(--muted)}
.result-panel table.pc-plan td:nth-of-type(3)::before{content:"MediSave: ";font-weight:600;color:var(--muted)}
.result-panel table.pc-plan tr.pc-month th{font-family:var(--font-head);font-weight:800;padding-top:var(--space-4);border-bottom:3px solid var(--outline)}
.result-panel table.pc-plan tr.pc-due-month th{color:var(--blue-ink)}
.pc-when{font-family:var(--font-body);font-weight:600;color:var(--muted);font-size:.875rem;margin-left:var(--space-2)}
.pc-note{display:block;font-weight:400;color:var(--muted);font-size:.875rem}
.pc-approx{display:inline-block;padding:0 var(--space-2);border:2px solid var(--outline);border-radius:999px;font-size:.75rem;font-weight:800;line-height:1.5}
.pc-whose{font-size:.8125rem;color:var(--muted);font-weight:600}
.result-panel table.pc-plan td.pc-in{color:var(--green-ink);font-weight:800}
#pc-dont-get{border-left:4px solid var(--line-ink,var(--brand));padding-left:var(--space-3);font-weight:700}