/* Inherit each host's fonts and colors. The full copy also prints normally. */
details.cheers-content-details { margin: 1rem 0 1.5rem; padding: 0; color: var(--cheers-read-more-text, inherit); background: transparent; border: 0; box-shadow: none; }
details.cheers-content-details > summary { display: flex; align-items: center; justify-content: flex-start; gap: .625rem; width: fit-content; max-width: 100%; min-height: 48px; padding: .65rem 0; color: var(--cheers-read-more-control, inherit); background: transparent; font: inherit; font-size: 1rem; font-weight: 700; line-height: 1.5; text-align: start; text-decoration: none; cursor: pointer; list-style: none; border: 0; box-shadow: none; }
details.cheers-content-details > summary::-webkit-details-marker { display: none; }
details.cheers-content-details > summary::marker { content: ''; }
details.cheers-content-details > summary::before, details.cheers-content-details > summary::after { content: none; }
details.cheers-content-details > summary:hover { color: var(--cheers-read-more-hover, var(--cheers-read-more-control, inherit)); text-decoration: none; }
details.cheers-content-details > summary:focus-visible { outline: 3px solid var(--cheers-component-focus, currentColor); outline-offset: 4px; border-radius: 4px; }
.cheers-content-details__arrow { flex: 0 0 20px; width: 20px; height: 20px; transform: rotate(-90deg); transition: transform 180ms ease; }
.cheers-content-details[open] > summary .cheers-content-details__arrow { transform: rotate(0deg); }
.cheers-content-details__less, .cheers-content-details[open] > summary .cheers-content-details__more { display: none; }
.cheers-content-details[open] > summary .cheers-content-details__less { display: inline; }
.cheers-content-details__context { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.cheers-content-details__body { display: flow-root; padding-block: .5rem .25rem; overflow-wrap: anywhere; }
.cheers-content-details__body > :first-child { margin-top: 0; }
.cheers-content-details__body > :last-child { margin-bottom: 0; }
@media (prefers-reduced-motion: reduce) { .cheers-content-details__arrow { transition: none; } }
@media print { details.cheers-content-details > summary { display: none; } details.cheers-content-details::details-content { display: block; } details.cheers-content-details > .cheers-content-details__body { display: block !important; } }