/* SWD Comparison table. */
.swd-table .tb { border-radius: 28px; background: var(--card); box-shadow: inset 0 0 0 1px var(--edge); overflow: hidden; }
.swd-table .tb__scroll { overflow-x: auto; overscroll-behavior-x: contain; }
.swd-table table { width: 100%; min-width: 640px; border-collapse: collapse; font-size: 15.5px; }
.swd-table th, .swd-table td { padding: 17px 24px; text-align: left; border: 0; border-bottom: 1px solid var(--edge); background: none; color: #DCE2EF; font-weight: 400; vertical-align: middle; }
.swd-table thead th { padding-top: 22px; padding-bottom: 20px; font-size: 15px; font-weight: 500; color: #fff; background: rgba(255, 255, 255, .025); }
.swd-table tbody th { color: var(--muted); }
.swd-table tbody tr:last-child > * { border-bottom: 0; }
.swd-table .is-hi { background: color-mix(in srgb, var(--a) 9%, transparent); color: #fff; }
.swd-table thead .is-hi { color: var(--a); box-shadow: inset 0 2px 0 var(--a); }
.swd-table .tb__yes { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: color-mix(in srgb, var(--a) 16%, transparent); color: var(--a); }
.swd-table .tb__yes .lic { width: 15px; height: 15px; stroke-width: 2.4; }
.swd-table .tb__no { color: var(--muted-d); }
.swd-table .tb__note { padding: 16px 24px 20px; font-size: 14px; color: var(--muted); box-shadow: inset 0 1px 0 var(--edge); }

@media (max-width: 640px) {
	.swd-table .tb { border-radius: 22px; }
	.swd-table th, .swd-table td { padding: 14px 16px; }
}