.audio-photo{background:#fff;letter-spacing:0}.audio-photo h2,.audio-photo h3,.audio-photo .eyebrow{letter-spacing:0}.sample-heading{max-width:710px;margin-bottom:36px}.sample-row{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}.sample-image{width:100%;max-height:560px;object-fit:contain;border-radius:8px;background:#eef2f4}.sample-visual figcaption{margin-top:12px}.sample-controls{min-width:0}.sample-controls h3{font-size:30px}.sample-controls label{display:block;font-size:16px;font-weight:650;margin:24px 0 8px}.sample-controls select{min-height:48px;width:100%;border:1px solid #747d89;border-radius:6px;background:white;padding:10px 12px;font:inherit;color:#14171d}.sample-controls audio{display:block;width:100%;min-height:54px;margin:20px 0 12px}.sample-status{font-size:16px;color:#59606d;min-height:26px}.sample-controls details{border-top:1px solid #d6d9dd;margin-top:22px;padding-top:10px}.sample-controls summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-weight:650}.sample-controls summary:before{content:'+';font-size:24px;margin-right:12px}.sample-controls details[open] summary:before{content:'−'}.sample-controls details p{margin-top:8px}.sample-controls :focus-visible{outline:3px solid #08729a;outline-offset:4px}.sample-retry{min-height:48px;border:1px solid #747d89;padding:8px 16px;background:white;border-radius:6px;font:inherit;cursor:pointer}.sample-retry[hidden]{display:none}.design-banner{padding:12px 20px;background:#edf4f8;color:#233e51;font-size:14px;text-align:center}.audio-photo .section-link{color:#8e201a;min-height:48px;display:inline-flex;align-items:center}.sample-source{font-size:14px;color:#59606d;margin-top:20px}@media(max-width:899px){.sample-row{grid-template-columns:1fr;gap:24px}.sample-controls h3{font-size:26px}.sample-heading{margin-bottom:24px}.audio-photo{padding:40px 20px}.sample-image{max-height:none}.sample-controls details p{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.sample-count{font-size:16px;color:#59606d;margin-top:-8px;margin-bottom:24px}
.sample-navigation{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}
.sample-navigation button{min-height:48px;border:1px solid #747d89;background:white;color:#14171d;border-radius:6px;font:600 16px/1.3 Inter,system-ui,sans-serif;padding:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}
.sample-navigation #sample-next{background:#b71f17;border-color:#b71f17;color:white}
.sample-navigation button:disabled,.sample-navigation #sample-next:disabled{background:#f1f3f5;border-color:#c6cbd0;color:#69717c;cursor:default}
.sample-navigation button:focus-visible{outline:3px solid #08729a;outline-offset:4px}