.column {
  > .content-card,
  > .content-card--extended {
    &:first-child {
      margin-top: 0;
    }
    &:last-child {
      margin-bottom: 0;
    }
  }
}

.content-card,
.content-card--extended {
  --padding: 2.143em;
  background-color: var(--bulma-scheme-main);
  box-shadow: 0 0.25em 0.5em hsla(221deg, 14%, 40%, 0.1);
  border: 1px solid var(--bulma-border);
  padding: var(--padding);
  margin: var(--padding) auto;
  border-radius: var(--bulma-radius);

  &.is-highlighted {
    border-top: 2px solid var(--bulma-primary);
  }

  &.is-shadowless {
    box-shadow: none;
    border: 1px solid var(--bulma-border);
  }

  &.is-compact {
    padding: calc(var(--padding) / 2);
  }
}
.content-card header:first-child,
.content-card--extended header:first-child {
    margin-bottom: var(--padding);
}

.content-card > .table,
.content-card > .maximizable-table {
  th:first-child, td:first-child {
    padding-left: var(--padding);
  }
  th:last-child, td:last-child {
    padding-right: var(--padding);
  }
}
.content-card__header {
  padding: var(--padding);
}
.content-card__header,
.content-card__body,
.content-card__footer {
  padding-left: var(--padding);
  padding-right: var(--padding);
}
.content-card__body {
  padding: var(--padding);
}
.content-card__principal-body,
.content-card__footer,
.content-card__bold-footer {
  background-color: var(--bulma-background-hover);
  padding: var(--padding);
  border-top: 1px solid var(--bulma-border);
}
.content-card__footer {
  margin-top: var(--padding);
}
.content-card__bold-footer {
  background-color: var(--bulma-primary);
  color: var(--bulma-white);
  a { color: var(--bulma-white-bis); text-decoration: underline; }
  a:hover { color: var(--bulma-white); }
}

.content-card__section {
  padding: calc(var(--bulma-column-gap) / 8);
  border-top: 1px solid var(--bulma-border);
  &:first-child {
    border-top: 0;
  }
  > .button {
    border: 0;
    border-radius: 0;
    &.is-primary {
      box-shadow: none;
    }
  }
}
@media screen and (min-width: 1024px) {
  .content-card__section {
    padding: calc(var(--padding) / 2);
  }
}

.content-card--extended {
  padding: 0;
  overflow: auto;
}
.content-card--extended header:first-child {
  margin-bottom: 0;
}
.content-card__embedded-header {
  padding: calc(var(--padding) / 2) var(--padding);
}
.content-card__embedded-header {
  border-bottom: 1px solid var(--bulma-border);
}

.content-card__body.is-paddingless > table {
  th, td {
    &:first-child { padding-left: var(--padding); }
    &:last-child { padding-right: var(--padding); }
  }
}

ul.content-card__body {
  padding: 0;
  > li > a {
    display: block;
    padding: calc(var(--padding) / 2) var(--padding);
    &:hover {
      background-color: var(--bulma-background-hover);
    }
  }
}