.reading-page { font-size: .8rem; line-height: 1.85; min-width: 0; }
.md-typeset .reading-page h1 {
  max-width: none; margin: 1rem 0; font-size: clamp(1.7rem, 3.3vw, 2.35rem);
  line-height: 1.35; background: none; color: var(--md-default-fg-color);
}
.reading-page h2 { padding-top: 1rem; border-top: 1px solid var(--notes-border); }
.reading-page h3 { margin-top: 1.8rem; }
.reading-breadcrumb { display: flex; flex-wrap: wrap; gap: .5rem; font-size: .7rem; }
.reading-tags { display: flex; gap: .4rem; flex-wrap: wrap; margin-top: .8rem; }
.reading-tags span { padding: .12rem .5rem; border: 1px solid var(--notes-border); border-radius: .3rem; color: var(--md-default-fg-color--light); font-size: .65rem; }
.reading-page .highlight { margin: 1.2rem 0; }
.reading-page pre { position: relative; overflow: hidden; }
.reading-page pre > code { overflow-x: auto; padding-right: 2.5rem; font-size: .7rem; tab-size: 4; }
.reading-page .md-code__button { color: var(--md-default-fg-color--light); }
.reading-page .md-typeset__table { display: block; }
.reading-page table:not([class]) { font-size: .75rem; }
.reading-page .md-typeset__scrollwrap { overflow-x: auto; }
.reading-page img { display: block; max-width: 100%; height: auto; border-radius: .5rem; }
.reading-related { margin-top: 2.5rem; }
.reading-related a { display: block; margin: .6rem 0; }
.reading-page a:focus-visible, .reading-page button:focus-visible, .reading-dialog button:focus-visible { outline: 2px solid var(--md-accent-fg-color); outline-offset: 3px; }
.reading-page .arithmatex { overflow-x: auto; overflow-y: hidden; }
.reading-page span.arithmatex { display: inline; }
.reading-diagram { margin: 1rem 0; padding: 1rem; border: 1px solid var(--notes-border); border-radius: .6rem; background: var(--notes-surface-strong); }
.reading-diagram__canvas { overflow-x: auto; }
.reading-diagram__canvas svg { display: block; margin: auto; max-width: none !important; }
.reading-diagram details { font-size: .7rem; margin-top: .5rem; }
.reading-diagram summary { cursor: pointer; }
.reading-media-button { border: 1px solid var(--notes-border); border-radius: .3rem; padding: .35rem .65rem; margin: .4rem 0; color: var(--md-typeset-a-color); cursor: pointer; font: inherit; font-size: .7rem; background: var(--notes-surface); }
.reading-dialog { width: min(94vw, 80rem); max-height: 90vh; padding: 1rem; border: 1px solid var(--notes-border); border-radius: .6rem; background: var(--md-default-bg-color); color: var(--md-default-fg-color); }
.reading-dialog::backdrop { background: #000b; }
.reading-dialog__content { overflow: auto; max-height: 74vh; }
.reading-dialog__content img { max-width: none; }
.reading-dialog__content svg { max-width: none !important; }
.reading-page [id] { scroll-margin-top: 6.5rem; }
@media (max-width: 45em) {
  .reading-page pre > code { font-size: .68rem; }
  .reading-page .md-typeset__scrollwrap { margin: 1em 0; }
}