/* Placement only. Color, type, and radius stay in the compiled PostDeploy stylesheet. */

.pd-bento {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
}

.pd-span-8,
.pd-span-4,
.pd-span-12 {
  grid-column: 1 / -1;
  min-width: 0;
}

@media (min-width: 1056px) {
  .pd-bento {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .pd-span-8 {
    grid-column: span 8;
  }

  .pd-span-4 {
    grid-column: span 4;
  }

  .pd-span-12 {
    grid-column: span 12;
  }
}

summary {
  list-style: none;
}

summary::-webkit-details-marker {
  display: none;
}

.pd-chart {
  color: var(--color-interactive-primary);
  display: block;
  width: 100%;
  height: 96px;
}

.pd-chart-labels {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: 0.25rem;
}

.pd-log-table td:last-child,
.pd-tail-list {
  overflow-wrap: anywhere;
}

.pd-tail-list {
  max-height: 24rem;
  overflow: auto;
}

@media (max-width: 639px) {
  .pd-log-table thead {
    display: none;
  }

  .pd-log-table tbody {
    display: block;
  }

  .pd-log-table tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
  }

  .pd-log-table td {
    min-width: 0;
    padding: 0;
  }

  .pd-log-table td:first-child,
  .pd-log-table td:nth-child(2) {
    font-size: var(--text-caption);
    line-height: var(--text-caption--line-height);
  }

  .pd-log-table td:last-child {
    grid-column: 1 / -1;
  }
}

/* Utilities the views use that the compiled stylesheet does not contain. */
.max-w-xl {
  max-width: 36rem;
}

.max-w-2xl {
  max-width: 42rem;
}

.w-64 {
  width: calc(var(--spacing) * 64);
}

.pl-5 {
  padding-left: calc(var(--spacing) * 5);
}

.list-decimal {
  list-style-type: decimal;
}

.text-current {
  color: currentColor;
}

.grid-cols-\[8rem_1fr\] {
  grid-template-columns: 8rem 1fr;
}

@media (width >= 480px) {
  .sm\:w-72 {
    width: calc(var(--spacing) * 72);
  }
}

@media (width >= 1056px) {
  .lg\:min-h-\[calc\(100dvh-3rem\)\] {
    min-height: calc(100dvh - 3rem);
  }
}