/* DAR detail page (/dar-statistics/dar/{id}): additions on top of the .dar-detail rules in style.css. */

/* "Show more" (datasets, publications) goes away once open, rather than staying above the list as a
   toggle (data team, 2026-10-02); js/dar-detail.js adds "Show less" at the end instead (2026-10-05). */
.dar-ds-more[open] > summary { display: none; }
.dar-show-less { display: inline-block; margin-top: .3em; padding: .3em 0; font: inherit; font-size: .9em; font-weight: 600; color: #2f6f9f; background: none; border: 0; cursor: pointer; }
.dar-show-less:hover { text-decoration: underline; }
.dar-show-less:focus-visible, .dar-ds-more > summary:focus-visible { outline: 2px solid #f5a623; outline-offset: 2px; }

/* Research Use Statement and Non-Technical Summary: show/hide sections, closed by default. */
.dar-statement { margin-top: 1.25em; border-top: 1px solid #e3e9ef; }
.dar-statement > summary { display: flex; align-items: center; gap: .5em; padding: .8em 0; list-style: none; cursor: pointer; }
.dar-statement > summary::-webkit-details-marker { display: none; }
.dar-statement > summary::before { content: "\25B8"; color: #2f6f9f; transition: transform .1s; }
.dar-statement[open] > summary::before { transform: rotate(90deg); }
.dar-statement > summary .dar-section-label { margin: 0; }
.dar-statement > summary:hover .dar-section-label { color: #2f6f9f; }
.dar-statement > summary:focus-visible { outline: 2px solid #f5a623; outline-offset: 2px; }
.dar-statement .dar-rus { margin: 0 0 1.25em; }
@media (prefers-reduced-motion: reduce) { .dar-statement > summary::before { transition: none; } }