/* Readable reports shared by native Mac, web, iPhone and iPad. */
.brief-reading { max-width: 68ch; font-family: var(--sans); font-size: 15px; line-height: 1.65; color: var(--text); overflow-wrap: anywhere; }
.brief-reading .md-p { line-height: inherit; margin: 0; }
.brief-reading .md-sp { height: 14px; }
.brief-reading .md-h { font-size: 16px; font-weight: 600; line-height: 1.4; margin: 24px 0 10px; color: var(--text); }
.brief-reading .md-h:first-child { margin-top: 0; }
.brief-reading .md-sp + .md-h { margin-top: 8px; }
.brief-reading .md-h + .md-sp { height: 0; }
.brief-reading .md-li { position: relative; padding-left: 20px; line-height: inherit; margin: 7px 0; }
.brief-reading .md-li::before { content: '•'; position: absolute; left: 3px; }
.brief-reading .md-li.md-ol { padding-left: 0; }
.brief-reading .md-li.md-ol::before { content: none; }
.brief-reading .md-n { margin-right: 5px; font-variant-numeric: tabular-nums; }
.brief-reading .md-code, .brief-reading .md-tblwrap { max-width: 100%; overflow-x: auto; }
.brief-reading .md-code { font-size: 13px; padding: 12px; background: var(--surface-3); border-radius: 8px; }
.brief-reading .md-table { border-collapse: collapse; min-width: 100%; }
.brief-reading .md-table th, .brief-reading .md-table td { padding: 8px 10px; border-bottom: 1px solid var(--line); text-align: left; }
.brief-reader { display: flex; flex-direction: column; }
.brief-preview { order: -1; }
.brief-details > summary { display: flex; align-items: center; min-height: 44px; width: fit-content; padding: 6px 2px; margin-top: 6px; font: 600 14px var(--sans); color: var(--accent-text, var(--text)); cursor: pointer; list-style: none; }
.brief-details > summary::-webkit-details-marker { display: none; }
.brief-details > summary::after { content: '↓'; margin-left: 10px; }
.brief-details > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 4px; }
.brief-less { display: none; }
.brief-details[open] .brief-more { display: none; }
.brief-details[open] .brief-less { display: inline; }
.brief-details[open] > summary::after { content: '↑'; }
.brief-details[open] + .brief-preview { display: none; }
.brief-details[open] .brief-reading { padding-top: 12px; }
@media (max-width: 600px) { .brief-reading { font-size: 16px; } }