/* Report appendix, following the sports report's answer blocks. */
.study-responses { grid-column:1 / -1; margin-block:32px; min-width:0; }
.study-responses h2 { font-family:var(--font-display, "Cormorant Garamond", Georgia, serif); font-weight:var(--heading-weight-soft, 400); font-size:var(--heading-2, 2rem); line-height:var(--heading-leading, 1.15); color:#2F2F2B; margin:0 0 20px; }
.study-response-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-items:start; }
.study-response-block { min-width:0; background:#FAF8F4; border:1px solid #E4D9C6; border-radius:20px; padding:0 24px; }
.study-response-block > summary { list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:64px; padding:6px 0; }
.study-response-block > summary::-webkit-details-marker { display:none; }
.study-response-block > summary:focus-visible { outline:2px solid #6B5B4B; outline-offset:4px; border-radius:8px; }
.study-responses .study-response-block h3 { font-family:var(--font-display, "Cormorant Garamond", Georgia, serif); font-weight:var(--heading-weight-soft, 400); font-size:var(--heading-row, 1.3rem); line-height:var(--heading-leading, 1.15); color:#2F2F2B; margin:0; }
.study-response-block summary i { width:32px; height:32px; border-radius:50%; border:1px solid #CDBFAE; display:grid; place-items:center; color:#6B5B4B; flex:0 0 auto; transition:transform .2s; }
.study-response-block summary svg { width:14px; height:14px; }
.study-response-block[open] summary i { transform:rotate(180deg); }
.study-response-block dl { margin:0; padding:0 0 12px; }
.study-response-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; padding:12px 0; border-top:1px solid #EFE7DC; font-size:var(--text-small, .875rem); line-height:1.5; }
.study-response-row dt { color:#6B5B4B; overflow-wrap:anywhere; }
.study-response-row dd { margin:0; text-align:end; font-weight:500; color:#2F2F2B; overflow-wrap:anywhere; white-space:pre-line; }
@media (max-width:768px) { .study-response-grid { grid-template-columns:minmax(0,1fr); } }
@media (max-width:560px) { .study-response-row { grid-template-columns:minmax(0,1fr); gap:4px; } .study-response-row dd { text-align:start; } }
@media (prefers-reduced-motion:reduce) { .study-response-block summary i { transition:none; } }
