/* Native, keyboard-accessible disclosure for the existing letter form. */
.sl-send:has(.sl-letter-disclosure){padding-top:32px;padding-bottom:36px}
.sl-letter-summary{cursor:pointer;list-style:none;padding:16px 0}
.sl-letter-summary::-webkit-details-marker{display:none}
.sl-letter-summary:focus-visible{outline:2px solid var(--site-accent);outline-offset:7px}
.sl-letter-summary h2{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:clamp(27px,3vw,40px);font-weight:400;line-height:1.2;letter-spacing:-.035em;margin:0}
.sl-letter-summary-action{display:flex;align-items:center;gap:16px;flex:none;font-size:13px;line-height:1.5;letter-spacing:0;color:var(--site-accent)}
.sl-letter-summary-action svg{width:20px;height:20px;flex:none;transition:transform .15s}
.sl-letter-summary-close{display:none}
.sl-letter-disclosure[open] .sl-letter-summary-open{display:none}
.sl-letter-disclosure[open] .sl-letter-summary-close{display:inline}
.sl-letter-disclosure[open] .sl-letter-summary-action svg{transform:rotate(45deg)}
.sl-letter-body{padding-top:22px}
.sl-letter-body .sl-section-heading{margin-bottom:28px}
.sl-letter-body .sl-section-heading>p{margin-top:15px}
@media(max-width:760px){
  .sl-send:has(.sl-letter-disclosure){padding-top:22px;padding-bottom:26px}
  .sl-letter-summary h2{font-size:28px;gap:16px;align-items:flex-start;flex-direction:column}
  .sl-letter-summary-action{font-size:12px;gap:12px}
  .sl-letter-body{padding-top:18px}
}
@media(prefers-reduced-motion:reduce){.sl-letter-summary-action svg{transition:none}}