.experience-main { max-width: 50rem; padding-block: 2rem 4rem; }
.experience-intro { max-width: 39rem; margin: 0 auto 1.75rem; text-align: center; }
.experience-intro h1 { font-size: clamp(2.4rem, 5vw, 3.4rem); margin-bottom: 1.5rem; }
.experience-intro > p:not(.eyebrow):not(.experience-signature) { margin-top: 1rem; color: var(--muted); }
.experience-intro .experience-signature { margin-top: 1rem; font: 1.6rem/1.4 var(--serif); }
.experience-form { background: var(--dark); color: var(--paper); padding: 2.5rem; max-width: none; }
.experience-note { padding-bottom: 1.75rem; color: #d9e2d6; font-size: .9375rem; }
.experience-form .experience-group { margin: 0 0 2rem; padding: 0 0 1rem; border-bottom: 1px solid #526b61; }
.experience-group h2, .experience-group legend { width: 100%; padding: 0; margin-bottom: 1.5rem; font: 600 1.4rem/1.4 var(--sans); letter-spacing: -.02em; }
.experience-group h2 > span, .experience-group legend > span { color: var(--lime); font-size: .9375rem; margin-right: .75rem; }
.experience-form .field-help { margin: .45rem 0 .7rem; color: #d9e2d6; font-size: .875rem; line-height: 1.65; }
.experience-form .context-help { margin-top: -.5rem; margin-bottom: 1.5rem; }
.experience-form .permission-choice { display: flex; align-items: flex-start; gap: .8rem; margin: 1rem 0; padding: 1rem; border: 1px solid #6f887d; border-radius: .65rem; cursor: pointer; font-size: .9375rem; }
.permission-choice input { flex: 0 0 auto; width: 1.25rem; height: 1.25rem; margin: .25rem 0 0; accent-color: var(--lime); }
.permission-choice input:focus-visible { outline: 3px solid var(--lime); outline-offset: 4px; }
.permission-choice:has(input:checked) { border-color: var(--lime); background: #233f34; }
.permission-choice strong { display: block; color: var(--lime); margin-bottom: .25rem; }
#attribution-fields { padding-top: 1rem; }
.experience-privacy { margin-bottom: 1.5rem; font-size: .875rem; color: #d9e2d6; }
.experience-form .form-status:not(:empty) { margin-top: 1.5rem; padding: 1rem; border: 1px solid #6f887d; border-radius: .6rem; color: var(--paper); }
.experience-fallback { max-width: 40rem; margin: 1.5rem auto 0; text-align: center; font-size: .9375rem; color: var(--muted); overflow-wrap: anywhere; }
.experience-bottom { text-align: center; margin-top: 2rem; font: italic 1.4rem/1.5 var(--serif); }
.experience-page .form-trap { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); }
@media (max-width: 760px) {
  .experience-page .site-header { flex-wrap: wrap; justify-content: center; gap: .5rem; }
  .experience-page .site-header > .text-link { font-size: .875rem; min-height: 2.5rem; }
  .experience-main { padding-block: 2.5rem 3rem; }
  .experience-form { padding: 1.5rem 1.15rem; }
  .experience-group h2, .experience-group legend { font-size: 1.25rem; }
}