@cooperco/cooper-component-library 0.1.130 → 0.1.131

package/dist/lib/css/main.css

@@ -118,7 +118,8 @@ div {
 	color: var(--copy-accent-color);
 }
 
-.content-module-body-copy table {
+.content-module-body-copy table,
+.table-module table {
 	width: 100%;
 	border-collapse: separate;
 	border-spacing: 0;
@@ -129,7 +130,8 @@ div {
 	white-space: normal;
 }
 
-.content-module-body-copy table th {
+.content-module-body-copy table th,
+.table-module table th {
 	color: var(--iris);
 	font-family: 'GT-Walsheim-Bd';
 	padding: 0.75em 1em;
@@ -137,12 +139,14 @@ div {
 	text-align: center;
 }
 
-.content-module-body-copy table th:first-child {
+.content-module-body-copy table th:first-child,
+.table-module table th:first-child {
 	text-align: left;
 }
 
 
-.content-module-body-copy table .table-highlighted-cell {
+.content-module-body-copy table .table-highlighted-cell,
+.table-module table .table-highlighted-cell {
 	background-color: var(--hydrangea) !important;
 	color: var(--iris) !important;
 	font-family: 'GT-Walsheim-Bd';
@@ -150,7 +154,9 @@ div {
 }
 
 .content-module-body-copy table .table-empty-row,
-.content-module-body-copy table .table-empty-column {
+.content-module-body-copy table .table-empty-column,
+.table-module table .table-empty-row,
+.table-module table .table-empty-column {
 	background-color: var(--iris) !important;
 	/* keep text readable; override color if necessary */
 	color: white !important;
@@ -159,21 +165,25 @@ div {
 	border-bottom: 1px solid rgb(0, 0, 0);
 }
 
-.content-module-body-copy table th:not(:last-child) {
+.content-module-body-copy table th:not(:last-child),
+.table-module table th:not(:last-child) {
 	border-right: 1px solid rgb(0, 0, 0);
 }
 
-.content-module-body-copy table td {
+.content-module-body-copy table td,
+.table-module table td {
 	padding: 1em;
 	text-align: center;
 	vertical-align: middle;
 }
 
-.content-module-body-copy table tr:not(:last-child) td {
+.content-module-body-copy table tr:not(:last-child) td,
+.table-module table tr:not(:last-child) td {
 	border-bottom: 1px solid rgb(0, 0, 0);
 }
 
-.content-module-body-copy table td:not(:last-child) {
+.content-module-body-copy table td:not(:last-child),
+.table-module table td:not(:last-child) {
 	border-right: 1px solid rgb(0, 0, 0);
 }
 
@@ -182,8 +192,13 @@ div {
 	text-align: left;
 }
 
+.table-module table td:first-child {
+	text-align: left;
+}
+
 
-.content-module-body-copy table td:only-child {
+.content-module-body-copy table td:only-child,
+.table-module table td:only-child {
 	background-color: var(--iris);
 	color: white;
 	font-family: 'GT-Walsheim-Bd';
@@ -191,43 +206,53 @@ div {
 	text-align: left;
 }
 
-.content-module-body-copy table p {
+.content-module-body-copy table p,
+.table-module table p {
 	margin: 0;
 	white-space: normal;
 }
 
-.content-module-body-copy table td p {
+.content-module-body-copy table td p,
+.table-module table td p {
 	padding-top: 0.5em;
 }
 
-.content-module-body-copy table td p:first-child {
+.content-module-body-copy table td p:first-child,
+.table-module table td p:first-child {
 	padding-top: 0;
 }
 
-.content-module-body-copy table ul {
+.content-module-body-copy table ul,
+.table-module table ul {
 	list-style: none;
 	margin: 1em 0 0 1em;
 	padding-left: 0;
 	text-align: left;
 }
 
-.content-module-body-copy table ul li {
+.content-module-body-copy table ul li,
+.table-module table ul li {
 	position: relative;
 	padding-left: 1.5em;
 	margin: 0;
 }
 
-.content-module-body-copy table td:first-child {
+.content-module-body-copy table td:first-child,
+.table-module table td:first-child {
 	--bullet-color: var(--rosemary);
+	/* no gray background for table-module first col — handled separately above */
 }
 
 
 .content-module-body-copy table td:nth-child(3),
-.content-module-body-copy table td:nth-child(4) {
+.content-module-body-copy table td:nth-child(4),
+.table-module table td:nth-child(3),
+.table-module table td:nth-child(4) {
 	--bullet-color: var(--rosemary);
 }
 
-.content-module-body-copy table ul p {
+.content-module-body-copy table ul p,
+.table-module table ul p {
 	padding-top: 0;
 }
 
@@ -311,6 +336,11 @@ div {
 
 /* ─── Unified bullet styles ─── */
 @layer components {
+	.container-collection-headline {
+		max-width: 15ch;
+		white-space: pre-line;
+	}
+
 	/* Unordered list */
 	.content-module-body-copy ul,
 	.body-copy-with-lists ul,