
/* Native details/summary remain keyboard accessible and express their state to assistive technology. */
details > summary { cursor: pointer; position: relative; padding-right: 42px !important; list-style: none !important; }
details > summary::-webkit-details-marker { display: none; }
details > summary::marker { content: ''; }
details > summary::after {
 content: ''; position: absolute; right: 16px; top: 50%; width: 9px; height: 9px;
 border-right: 2px solid #477caa; border-bottom: 2px solid #477caa;
 transform: translateY(-65%) rotate(45deg); transition: transform .17s ease;
 pointer-events: none;
}
details[open] > summary::after { transform: translateY(-35%) rotate(225deg); }
details > summary:focus-visible { outline: 3px solid #67a6da; outline-offset: -3px; border-radius: 7px; }
details > summary .doc-chevron, details > summary .year-arrow, details > summary .fold-caret { display: none !important; }
.mysts-profile-documents { margin: 13px 0; border: 1px solid #d7e5f0; border-radius: 11px; background: #fff; overflow: hidden; }
.mysts-profile-documents > summary { background: #f1f7fd; color: #173a5a; padding: 14px 44px 14px 16px !important; font-weight: 800; font-size: 14px; }
.mysts-profile-documents .mysts-collapsible-body { padding: 12px; overflow-x: auto; }
.mysts-section-count { font-size: 11px; background: #deecf7; border-radius: 7px; padding: 3px 7px; margin-left: 9px; color: #28577a; }
@media (prefers-reduced-motion: reduce) { details > summary::after { transition: none; } }
