/* 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: inherit; background: transparent; border: 0; box-shadow: none; }
details.cheers-content-details > summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 48px; padding: .8rem 0; color: inherit; font: inherit; font-size: 1rem; font-weight: 700; line-height: 1.5; text-align: left; cursor: pointer; list-style: none; border-block: 1px solid currentColor; }
details.cheers-content-details > summary::-webkit-details-marker { display: none; }
details.cheers-content-details > summary::after { content: '+'; flex: 0 0 1.25rem; font-size: 1.5rem; line-height: 1; text-align: center; }
details.cheers-content-details[open] > summary::after { content: '−'; }
details.cheers-content-details > summary:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
.cheers-content-details__body { display: flow-root; padding-block: 1rem .25rem; }
.cheers-content-details__body > :first-child { margin-top: 0; }
.cheers-content-details__body > :last-child { margin-bottom: 0; }
@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; } }