.card {
  display:flex;
  flex-direction:column;
  border-radius:0.5rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property:box-shadow;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:200ms;
}.card:hover {
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.card {
  position:relative;
}

.card-body {
  display:flex;
  gap:1rem;
  padding:1.25rem;
}

.card-body img {
  display:flex;
  min-height:250px;
  align-items:center;
  justify-content:space-evenly;
  border-radius:0.125rem;
  padding:0px;
  text-align:center;
}

.card-title {
  font-size:1.125rem;
  line-height:1.75rem;
  font-weight:600;
  --tw-text-opacity:1;
  color:rgb(22 35 43 / var(--tw-text-opacity, 1));
}

.card-text {
  margin-bottom:1rem;
  font-size:1rem;
  line-height:1.5rem;
  --tw-text-opacity:1;
  color:rgb(89 89 89 / var(--tw-text-opacity, 1));
}

/* admonitions */

.admonition-title::first-letter {
  text-transform:capitalize;
}

.admonition {
  margin-top:1.5rem;
  margin-bottom:1.5rem;
  border-radius:0.375rem;
  border-width:1px;
  border-style:solid;
  padding:1.25rem;
}

.warning-card {
  --tw-border-opacity:1;
  border-color:rgb(202 138 4 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 243 205 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(133 77 14 / var(--tw-text-opacity, 1));
}

.info-card {
  --tw-border-opacity:1;
  border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.note-card,
.help-card {
  --tw-border-opacity:1;
  border-color:rgb(23 136 64 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(237 245 240 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(22 101 52 / var(--tw-text-opacity, 1));
}

.danger-card {
  --tw-border-opacity:1;
  border-color:rgb(220 38 38 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(248 215 218 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(127 29 29 / var(--tw-text-opacity, 1));
}

/* end admonitions */

.hover-card {
  position:absolute;
  right:0px;
  bottom:100%;
  width:-moz-max-content;
  width:max-content;
  max-width:32ch;
  border-radius:0.125rem;
  --tw-bg-opacity:1;
  background-color:rgb(22 35 43 / var(--tw-bg-opacity, 1));
  padding:0.5rem;
  text-align:left;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.measure-info {
  position: relative;

  &:last-of-type {
    border-bottom-right-radius:0.5rem;
  }

  &:last-of-type {
    border-bottom-left-radius:0.5rem;
  }

  @media (min-width: 768px) {&:last-of-type {
      border-bottom-left-radius:0px;
    }
  }
}

a.card-link::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}

a.card-other-link {
  --tw-text-opacity:1;
  color:rgb(22 35 43 / var(--tw-text-opacity, 1));
}

a.card-other-link:hover {
  --tw-text-opacity:1;
  color:rgb(23 136 64 / var(--tw-text-opacity, 1));
}

a.card-other-link {
  position: relative;
  z-index: 2;
}

.calc-file {
  font-size:0.875rem;
  line-height:1.25rem;
}