.farn-card-link {
  color: inherit;
  text-decoration: none;
}
.farn-card-link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}

.farn-card .farn-angle-tab,
.farn-card .farn-swatch,
.farn-card .farn-open-viewer,
.farn-card .farn-contact-btn {
  position: relative;
  z-index: 2;
}

.farn-card .farn-angle-tabs,
.farn-card .farn-swatches {
  z-index: 2;
}

.farn-card {
  container-type: inline-size;
}
.farn-dims-compact {
  display: none;
}
.farn-dims-compact abbr {
  text-decoration: none;
  border-bottom: none;
  cursor: inherit;
}
@container (max-width: 250px) {
  .farn-dims-full {
    display: none;
  }
  .farn-dims-compact {
    display: inline;
  }
}
/* Fallback for engines without container queries (all evergreen
   browsers support them since 2023): the full form simply remains,
   wrapping if needed — content is never lost. */