/* renewal-dates-south-africa — on top of the guide kit (pages/_guide.css).
   Column widths for the two date tables, the deposit's three deadlines as lines, and the product panel. */

@media (min-width: 641px) {
  html body .rd-table table { table-layout: fixed; }
  html body .rd-table thead th:nth-child(1) { width: 22%; }
  html body .rd-table thead th:nth-child(2) { width: 23%; }
  html body .rd-table thead th:nth-child(3) { width: 31%; }
  html body .rd-table thead th:nth-child(4) { width: 24%; }
  html body .rd-table td[data-label="Source"] { font-size: 14.5px; }
}
html body .rd-table .rd-line { display: block; }
html body .rd-table .rd-line + .rd-line { margin-top: 8px; }
@media (max-width: 640px) {
  html body .gd-table:has(td[data-label]):not(.gd-table--scroll) td[data-label]:empty { display: none; }
}

/* ---- the product panel */
html body .rd-dates .gd-app-row { align-items: center; padding: 9px 0; }
html body .rd-dates .gd-app-row > span { min-width: 0; }
html body .rd-dates .gd-app-row b { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
html body .rd-dates .gd-app-row small { display: block; margin-top: 1px; color: var(--gd-mute); font: 500 12px/1.35 var(--font-sans); }
html body .rd-dates .gd-app-row time { color: var(--gd-ink); font-weight: 600; }
html body .gd-article .rd-quote {
  margin: 0 0 12px; padding: 12px 14px; border: 0; border-radius: 10px; background: #f3f7fc;
  box-shadow: inset 3px 0 0 #8fb6dc;
}
html body .gd-article .rd-quote p { margin: 0 !important; color: var(--gd-text); font: 500 13.5px/1.5 var(--font-mono, ui-monospace, Menlo, monospace); }
html body .rd-quote mark { padding: 1px 4px; border-radius: 4px; background: #d6eeff; color: var(--gd-ink); }
html body .gd-article .gd-app-label.rd-gap { margin-top: 16px !important; }
html body .rd-chips { display: flex; flex-wrap: wrap; gap: 6px; }