/* Widget 19 — disclosure module. Values from the design-system sample
   (line 101-108): wash card r14, padding 13/18, margin-bottom 30, summary
   13.5/700 body with a 9px gap, body 13.5/1.65 secondary. */

.hc-disclosure {
  background: var(--hc-wash);
  border-radius: 14px;
  padding: 13px 18px;
  margin: 0 0 30px;
}

.hc-disclosure__summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--hc-body);
}
/* Hide the native marker so the custom chevron is the only affordance. */
.hc-disclosure__summary::-webkit-details-marker { display: none; }

.hc-disclosure__icon { flex: none; }
.hc-disclosure__chevron {
  margin-left: auto;
  flex: none;
  transition: transform 0.15s ease;
}
.hc-disclosure[open] .hc-disclosure__chevron { transform: rotate(180deg); }

.hc-disclosure__body {
  font-size: 13.5px;
  line-height: 1.65;
  color: var(--hc-secondary);
  margin-top: 10px;
}
.hc-disclosure__body a {
  font-weight: 700;
  color: var(--hc-pink);
  text-decoration: none;
}
.hc-disclosure__body a:hover { color: var(--hc-pink-hover); }