.lab-reading { --reading-ink: #141210; --reading-paper: #f5f1ea; --reading-line: #cfc6b6; --reading-accent: #8a2a1d; --reading-hover: #ebe5db; --reading-active: #e2dbce; position: relative; z-index: 5; width: 100%; box-sizing: border-box; background: var(--reading-paper); color: var(--reading-ink); font: 14px/1.8 system-ui, sans-serif; text-align: left; letter-spacing: normal; }
.lab-reading * { box-sizing: border-box; }
.lab-reading details { max-width: 1128px; margin: 0 auto; border: 0; border-bottom: 1px solid var(--reading-line); border-radius: 0; background: var(--reading-paper); box-shadow: none; }
.lab-reading summary { color: var(--reading-ink); font-family: inherit; cursor: pointer; padding: 12px 22px; min-height: 44px; font-weight: 600; }
.lab-reading summary span { margin-left: 12px; font-size: 12px; font-weight: 400; }
.lab-reading summary:hover { background: var(--reading-hover); }
.lab-reading summary:active { background: var(--reading-active); }
.lab-reading summary:focus-visible, .lab-reading a:focus-visible { outline: 2px solid var(--reading-accent); outline-offset: -2px; }
.lab-reading .lab-reading-body { padding: 8px 22px 24px; max-height: 60vh; overflow: auto; }
.lab-reading dl { display: grid; grid-template-columns: 100px 1fr; gap: 8px 16px; margin: 0 0 12px; }
.lab-reading dt { font-weight: 600; }
.lab-reading dd { margin: 0; }
.lab-reading p { font: inherit; color: inherit; margin: 12px 0; }
.lab-reading ul { margin: 12px 0; padding-left: 22px; list-style: disc; }
.lab-reading a { color: inherit; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.lab-reading a:hover { color: var(--reading-accent); }
.lab-reading--slides { position: fixed; top: 8px; left: 8px; z-index: 90; width: min(540px, calc(100% - 16px)); }
@media (max-width: 480px) { .lab-reading dl { grid-template-columns: 1fr; gap: 4px; } .lab-reading dd { margin-bottom: 8px; } }
@media print { .lab-reading { display: none; } }