/* Projects-only layout overrides */

/* Give projects pages a bit more overall room so 2-column cards stay comfortable */
.container {
  max-width: 1600px;
}

/* Base site content max-width is 900px.
   widened for project pages only. */
.content {
  max-width: 1320px;
  padding-left: 40px;
  padding-right: 40px;
}

/* Keep typography/components close to the base site scale */
.content article {
  font-size: 17px;
  line-height: 1.7;
}

.content article h1 {
  font-size: 42px;
}

.content article h2 {
  font-size: 28px;
}

.content article h3 {
  font-size: 20px;
}

.content .viz-card {
  padding: 16px;
}

.content .kpi strong {
  font-size: 20px;
}

.content .donut {
  width: 220px;
  height: 220px;
}

.content .matrix {
  font-size: 15px;
  width: 100%;
  table-layout: auto;
}

.content .matrix th,
.content .matrix td {
  overflow-wrap: normal;
  word-break: normal;
}

/* Give the cramped table columns better proportions */
.content .matrix th:nth-child(1),
.content .matrix td:nth-child(1) { width: 30%; }
.content .matrix th:nth-child(2),
.content .matrix td:nth-child(2) { width: 30%; }
.content .matrix th:nth-child(3),
.content .matrix td:nth-child(3) { width: 40%; }

.content .viz-card {
  overflow: hidden;
}