/* Utilities used by the absence calculators (ILR, citizenship, Canada PR) that the
   compiled Tailwind bundle does not include. Kept in its own file (not the cached site-wide sheets) instead of rebuilding the
   bundle, which would drop classes still used by blog content stored in the database. */
.bg-blue-500\/5 { background-color: rgb(59 130 246 / 0.05); }
.bg-blue-500\/10 { background-color: rgb(59 130 246 / 0.1); }
.border-blue-500\/20 { border-color: rgb(59 130 246 / 0.2); }
.bg-blue-600 { background-color: rgb(37 99 235); }
.bg-red-500\/5 { background-color: rgb(239 68 68 / 0.05); }
.bg-red-600 { background-color: rgb(220 38 38); }
.hover\:bg-red-500:hover { background-color: rgb(239 68 68); }
.focus\:ring-blue-500\/50:focus { --tw-ring-color: rgb(59 130 246 / 0.5); }
.focus\:ring-red-500\/50:focus { --tw-ring-color: rgb(239 68 68 / 0.5); }
.from-amber-500\/10 { --tw-gradient-from: rgb(245 158 11 / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-red-500\/10 { --tw-gradient-to: rgb(239 68 68 / 0.1) var(--tw-gradient-to-position); }
.col-span-3 { grid-column: span 3 / span 3; }
.ml-5 { margin-left: 1.25rem; }
.pr-3 { padding-right: 0.75rem; }
.text-right { text-align: right; }

/* Results table sits on a dark card; undo the site-wide light table styling. */
#main-content table.dm-calc-table, table.dm-calc-table { background: transparent; border: 0; box-shadow: none; border-radius: 0; margin: 0; }
table.dm-calc-table th, table.dm-calc-table td { background: transparent !important; border-left: 0; border-right: 0; color: rgb(203 213 225); padding: .5rem .75rem .5rem 0; }
table.dm-calc-table th { color: rgb(148 163 184); font-weight: 500; border-top: 0; }
table.dm-calc-table td { border-top: 1px solid rgb(51 65 85); }
table.dm-calc-table th:last-child, table.dm-calc-table td:last-child { padding-right: 0; }
#main-content table.dm-calc-table thead, #main-content table.dm-calc-table tbody { background: transparent !important; }
#main-content table.dm-calc-table th { color: rgb(148 163 184) !important; }
.align-top { vertical-align: top; }
.bg-slate-700\/40 { background-color: rgb(51 65 85 / 0.4); }
/* Versioned filename: Cloudflare caches /static/ for a day, so change the name when editing. */