.dsb_table { margin: 1em 0; }

.dsb_table :is(th,td) {
	padding: 6px;
	border:1px solid #999;
	vertical-align: middle;
	}

.dsb_table thead {
	background-color: #69c;
	color: #fff;
	}

.dsb_table thead th:nth-child(1) { width: 20%; }
.dsb_table thead th:nth-child(2) { width: 40%; }
.dsb_table thead th:nth-child(n+3) { width: 10%; }

.dsb_table tbody tr:nth-child(even) td { background-color: rgba(0,0,0,.05); } /* assumes first col is th and it's got rowspan for multiple rows */
.dsb_table tbody th { text-align: left; }
.dsb_table tbody td:nth-last-child(-n+4) { text-align: center; }

.dsb_table .diss_platforms { background-color: #ffe5cc; }
.dsb_table .comm_media { background-color: #b2e5ff; }
.dsb_table .other_methods { background-color: #ffffb2; }
.dsb_table .resouces_communities { background-color: #b2ffcc; }
.dsb_table .other_links { background-color: #b2e5ff; }

.dsb_header {
	display: flex;
	gap: 1em;
	justify-content: space-between;
	align-items: center;
	}

	.dsb_header > div:first-child { margin: 2em 0; }

	.dsb_header > div > p { font-size:1.25em; }
	/* .dsb_header > div:has(> img) { flex: 1 1 250px; } */