/* Privacy: southsidevetfw.life — callback phone number only */

.sou81-priv {
  padding-block: clamp(2.6rem, 5.5vw, 4.75rem);
}

.sou81-priv-sheet {
  display: grid;
  gap: 1.75rem;
  width: min(40rem, 100%);
  min-width: 0;
}

.sou81-priv-head,
.sou81-priv-row,
.sou81-priv-copy,
.sou81-priv-reach {
  display: grid;
  align-content: start;
  justify-items: start;
  min-width: 0;
  text-align: left;
}

.sou81-priv-head { gap: 0.75rem; }

.sou81-priv-copy {
  gap: 0.55rem;
  grid-template-rows: auto auto auto;
}

.sou81-priv-reach { gap: 0.35rem; }

.sou81-priv-head > *,
.sou81-priv-row > *,
.sou81-priv-copy > *,
.sou81-priv-reach > * {
  margin: 0;
  min-width: 0;
  max-width: 100%;
}

.sou81-priv h1,
.sou81-priv h2 {
  text-wrap: balance;
}

.sou81-priv p {
  text-wrap: pretty;
  overflow-wrap: break-word;
  color: var(--sou81-muted);
}

.sou81-priv h1 {
  max-width: 16ch;
  font-size: clamp(2rem, 4.2vw, 2.85rem);
}

.sou81-priv h2 {
  max-width: 22ch;
  font-size: clamp(1.15rem, 1.8vw, 1.4rem);
}

.sou81-priv-kicker,
.sou81-priv-label {
  color: var(--sou81-accent);
  font-size: 0.78rem;
  font-weight: 650;
  letter-spacing: 0.06em;
  line-height: 1.3;
  text-transform: uppercase;
}

.sou81-priv-head p { max-width: 38rem; }

.sou81-priv-list {
  display: grid;
  width: 100%;
  border-top: 1px solid var(--sou81-line);
}

.sou81-priv-row {
  grid-template-columns: 6.5rem minmax(0, 1fr);
  grid-template-areas:
    "label title"
    "label copy";
  column-gap: 1.25rem;
  row-gap: 0.4rem;
  padding-block: 1.15rem;
  border-bottom: 1px solid var(--sou81-line);
}

.sou81-priv-label { grid-area: label; }

.sou81-priv-row h2 { grid-area: title; }

.sou81-priv-copy { grid-area: copy; }

.sou81-priv-copy a {
  color: var(--sou81-ink);
  font-weight: 650;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}

.sou81-priv-reach a {
  color: var(--sou81-ink);
  font-weight: 650;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.sou81-priv-copy a:hover,
.sou81-priv-reach a:hover { color: var(--sou81-accent-2); }

.sou81-priv-time { white-space: nowrap; }

@media (max-width: 640px) {
  .sou81-priv h1 {
    max-width: none;
    font-size: clamp(1.7rem, 8vw, 2.1rem);
  }

  .sou81-priv-row {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "label"
      "title"
      "copy";
    row-gap: 0.45rem;
  }
}
