/**
 * Case Study Quickref component.
 *
 * Self-contained defaults so the component also works outside the node
 * default layout (e.g. the map pin popup, which has no .c--nodeDefault
 * ancestor to inherit --cs-ref_bg / --cs-ref_accent from).
 */

.c--case-study-quickref {
  /* Read the public property so an ancestor (e.g. .c--nodeDefault--resource)
     can retheme the card; declaring --cs-ref_bg directly here would beat any
     inherited value and make those overrides dead. */
  --_cs-ref_bg: var(--cs-ref_bg, #E5F1FA);
  --_cs-ref_accent: var(--cs-ref_accent, #5387AC);
  --_cs-ref_border: var(--cs-ref_border, #C2CED6);

  display: flex;
  flex-direction: column;
  padding: 1.25rem 1.25rem 0.625rem;
  border-radius: 0.875rem;
  background: var(--_cs-ref_bg);
}

.c--case-study-quickref .cs-quickref__name {
    margin: 0 0 0.25rem;
    font-family: var(--f-f_s);
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.1;
  }

.c--case-study-quickref .cs-quickref__row {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-block: 0.625rem;
  }

.c--case-study-quickref .cs-quickref__row:not(:last-child) {
      border-bottom: 1px solid var(--_cs-ref_border);
    }

.c--case-study-quickref .cs-quickref__label {
    font-size: 0.6875rem;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--_cs-ref_accent);
    line-height: 1.125rem;
  }

.c--case-study-quickref .cs-quickref__value {
    font-size: 0.8125rem;
    line-height: 150%;
  }

.c--case-study-quickref .button {
    --btn_c: #222222;
    --btn_bg: #f6f6f6;
    --_btn_o-w: 0px;

    align-self: flex-start;
    margin-block: 1rem;
  }

/* Green palette used on the sponge measure page (vs. the blue case study
   default above) - same element, so this simply overrides the two custom
   properties the rules above already read from. */
.c--case-study-quickref--alt {
  --cs-ref_bg: #E6F2D9;
  --cs-ref_accent: #66804D;
}
.c--case-study-quickref--alt .cs-quickref__row:not(:last-child) {
    border-bottom-color: #CCD6C2;
  }