.sample-main, .samples-main { max-width: 1120px; padding-block: clamp(32px,5vw,72px) clamp(58px,7vw,100px); }
.sample-heading { max-width: 790px; margin-bottom: clamp(28px,4vw,48px); }
.sample-heading .eyebrow { color: var(--brass-dark); margin-bottom: 14px; }
.sample-heading h1, .samples-main h1 { font-size: clamp(46px,5.8vw,78px); }
.sample-heading h1 em { color: var(--brass-dark); }

.sample-columns { display: grid; grid-template-columns: minmax(0,.92fr) minmax(0,1fr); gap: clamp(32px,6vw,84px); }
.sample-column { padding-top: 21px; border-top: 1px solid var(--line); min-width: 0; }
.sample-column h2, .sample-confirm h2 { font-size: clamp(31px,3.1vw,44px); }
.sample-column > p:first-of-type { margin-top: 15px; color: var(--muted); font-size: 15px; }
.sample-column .recording-studio { margin-top: 18px; padding: 18px 22px; }
.sample-column .level-bars { height: 58px; }
.sample-column .playback-card { margin-top: 16px; }
.sample-column .upload-alternative { margin-top: 16px; padding-top: 14px; }
#assessment-form { margin-top: 20px; }
#assessment-form .form-row { gap: 14px; }
#assessment-form .field label, #assessment-form legend { font-size: 13px; }
#assessment-form .field input, #assessment-form .field select, #assessment-form .field textarea { font-size: 16px; }
#assessment-form .goal-chips label, #assessment-form .health-options label { position: relative; }
#assessment-form .goal-chips input, #assessment-form .health-options input {
  inset: 0; width: 100%; height: 100%; margin: 0; z-index: 1; opacity: 0; cursor: pointer;
}
#assessment-form .goal-chips, #assessment-form .health-options { gap: 5px; }
#assessment-form .goal-fieldset, #assessment-form .health-fieldset { margin-block: 14px 18px; }
#assessment-form .button:disabled { cursor: default; opacity: .52; }
.sample-page .quiet-note { margin-top: 9px; }
.sample-guide { margin-top: 14px; }
.guide-transcript { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.65; white-space: pre-line; }
.sample-heading .guide-transcript { color: var(--ink); max-width: 55ch; font-size: clamp(16px, 1.8vw, 19px); }
.guide-byline, .guide-recording > p { color: var(--brass-dark); font-size: 13px; }
.guide-byline { margin: 0 0 12px; }
.guide-recording { max-width: 29rem; margin: 12px 0; }
.guide-recording audio { display: block; width: 100%; margin-top: 5px; }
.guide-recording audio[hidden] { display: none; }
.record-transcript { border: 0; }
.record-transcript > summary {
  display: list-item;
  list-style: revert;
  padding: 5px 0;
  color: var(--brass-dark);
  font-size: 13px;
}
.record-transcript .guide-transcript { margin-top: 6px; }
.playback-card > .sample-guide { display: block; margin: 0 0 18px; }
.playback-card .sample-guide h3 { font-size: 25px; margin: 0 0 8px; }
.owner-guides summary, .sample-tools summary { font-size: 13px; color: var(--brass-dark); padding-block: 10px; }
.owner-guides > summary::after, .sample-tools > summary::after { content: '+'; margin-left: auto; }
.owner-guides[open] > summary::after, .sample-tools[open] > summary::after { content: '−'; }
.owner-sample audio { width: 100%; margin-top: 8px; }
.owner-guides { scroll-margin-top: 110px; }
.owner-guides > p { color: var(--muted); font-size: 14px; margin-block: 12px; }
.sample-confirm { padding: 35px 0; border-top: 1px solid var(--line); }
.sample-confirm p, .sample-confirm a { margin-top: 17px; }
.samples-main { max-width: 780px; }
.samples-main > h1 { margin-bottom: 19px; }
#owner-message { font-size: 14px; margin-block: 12px; }
.owner-sample { border-top: 1px solid var(--line); }
.owner-sample > summary { display: grid; grid-template-columns: 1fr auto; gap: 8px; padding: 14px 2px; }
.owner-sample > summary strong { font-weight: 550; }
.owner-sample > summary small { color: var(--muted); font-size: 12px; }
.owner-sample > div { padding: 4px 0 21px; }
.owner-sample .text-link { margin-top: 12px; font-size: 14px; }
.owner-sample p { font-size: 14px; overflow-wrap: anywhere; margin-block: 8px; white-space: pre-line; }
.sample-tools { margin-top: 14px; }
.sample-tools button, .owner-more { font: inherit; font-size: 13px; padding: 7px 12px; border: 1px solid var(--line); background: var(--paper); margin: 4px 12px 5px 0; }
.owner-guides { margin-top: 32px; }
.owner-guides textarea { width: 100%; }
.guide-mic { display: block; padding: 9px 15px; border: 1px solid var(--brass-dark); background: var(--paper); color: var(--ink); margin-top: 10px; font: inherit; font-size: 14px; }
@media (max-width: 760px) {
  .sample-columns { grid-template-columns: 1fr; gap: 30px; }
  .sample-column .recording-studio { padding: 14px 18px; }
  .sample-column .level-bars { height: 32px; }
  .sample-heading .guide-transcript { font-size: 16px; }
  .samples-main .owner-sample > summary { grid-template-columns: 1fr; gap: 1px; }
}

.sample-column .phone-help { border: 0; margin: 4px 0; }
.phone-help > summary { display: list-item; list-style: revert; width: fit-content; min-height: 44px; padding: 10px 0; color: var(--brass-dark); font-size: 14px; cursor: pointer; }
.phone-help > p { margin: 3px 0 12px; font-size: 14px; color: var(--muted); }
.phone-help a { text-decoration: underline; text-underline-offset: .2em; }
.sample-column #audio-upload { display: block; min-height: 44px; max-width: 100%; font-size: 16px; }
#upload-option input::file-selector-button { min-height: 44px; margin-right: 10px; padding: 4px 12px; cursor: pointer; }
@media (max-width: 760px) {
  .sample-column .record-buttons > button { min-height: 48px; }
  .sample-column .record-buttons .record-button { width: 100%; justify-content: center; }
}