/* UKpedia24 Extra Tools — only the band table needs styling; everything else reuses the theme's .tool classes. */
.tool[data-tool="stamp-duty"] div.ukx-scroll{overflow-x:auto;max-width:100%;margin-block:1rem}
.tool[data-tool="stamp-duty"] table.ukx-bands{width:100%;border-collapse:collapse;font-size:.9em;font-variant-numeric:tabular-nums}
.tool[data-tool="stamp-duty"] table.ukx-bands caption{text-align:start;font-weight:600;padding-block-end:.4rem}
.tool[data-tool="stamp-duty"] table.ukx-bands th,
.tool[data-tool="stamp-duty"] table.ukx-bands td{text-align:start;padding-block:.45rem;padding-inline:.5rem;border-block-end:1px solid color-mix(in srgb,currentColor 18%,transparent);white-space:nowrap}
.tool[data-tool="stamp-duty"] table.ukx-bands thead th{font-weight:600}
.tool[data-tool="stamp-duty"] table.ukx-bands tfoot th,
.tool[data-tool="stamp-duty"] table.ukx-bands tfoot td{font-weight:700;border-block-end:0}
.tool[data-tool="stamp-duty"] div.ukx-scroll:focus-visible{outline:2px solid currentColor;outline-offset:2px}

/* v1.1.0 — currency, bank holidays, holiday entitlement. Scoped to the three new tools only. */
.tool:is([data-tool="currency"],[data-tool="bank-holidays"],[data-tool="holiday-entitlement"]) [hidden]{display:none!important}
.tool:is([data-tool="currency"],[data-tool="bank-holidays"]) div.ukx-scroll{overflow-x:auto;max-width:100%;margin-block:1rem}
.tool:is([data-tool="currency"],[data-tool="bank-holidays"]) div.ukx-scroll:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.tool:is([data-tool="currency"],[data-tool="bank-holidays"]) table.ukx-table{width:100%;border-collapse:collapse;font-size:.95em;font-variant-numeric:tabular-nums}
.tool:is([data-tool="currency"],[data-tool="bank-holidays"]) table.ukx-table caption{text-align:start;font-weight:600;padding-block-end:.4rem}
.tool:is([data-tool="currency"],[data-tool="bank-holidays"]) table.ukx-table th,
.tool:is([data-tool="currency"],[data-tool="bank-holidays"]) table.ukx-table td{text-align:start;padding-block:.5rem;padding-inline:.5rem;border-block-end:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.tool:is([data-tool="currency"],[data-tool="bank-holidays"]) table.ukx-table thead th{font-weight:600}
.tool[data-tool="bank-holidays"] table.ukx-table tr.ukx-next td{font-weight:700;background:color-mix(in srgb,currentColor 7%,transparent)}
.tool[data-tool="bank-holidays"] table.ukx-table td span.small{font-weight:400}
.tool[data-tool="bank-holidays"] table.ukx-table td span.ukx-next-tag{margin-inline-start:.35rem}
.tool[data-tool="bank-holidays"] div.ukx-bh-division{margin-block:1rem}

/* v1.2.0 — zakat. Scoped to the zakat tool only. */
.tool[data-tool="zakat"] div.ukx-scroll{overflow-x:auto;max-width:100%;margin-block:1rem}
.tool[data-tool="zakat"] div.ukx-scroll:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.tool[data-tool="zakat"] table.ukx-table{width:100%;border-collapse:collapse;font-size:.95em;font-variant-numeric:tabular-nums}
.tool[data-tool="zakat"] table.ukx-table caption{text-align:start;font-weight:600;padding-block-end:.4rem}
.tool[data-tool="zakat"] table.ukx-table th,
.tool[data-tool="zakat"] table.ukx-table td{text-align:start;padding-block:.5rem;padding-inline:.5rem;border-block-end:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.tool[data-tool="zakat"] table.ukx-table thead th,
.tool[data-tool="zakat"] table.ukx-table tbody th{font-weight:600}
.tool[data-tool="zakat"] table.ukx-table tfoot th,
.tool[data-tool="zakat"] table.ukx-table tfoot td{font-weight:700;border-block-end:0}
