/* One readable paper. The Outline owns its placement and scrolling. */
.tl .tl-face[data-face="outline"] .tl-paper-head { margin-bottom: 12px; }
.tl .tl-face[data-face="outline"] .tl-paper-title { margin: 0 0 6px; color: var(--tl-ink); font-family: var(--tl-sans); font-size: max(var(--tl-fs-min), calc(23px * var(--tl-fs))); font-weight: 700; line-height: 1.3; overflow-wrap: anywhere; }
.tl .tl-face[data-face="outline"] .tl-paper-meta { margin: 0 0 8px; color: var(--tl-muted); font-size: max(var(--tl-fs-min), calc(14px * var(--tl-fs))); }
.tl .tl-face[data-face="outline"] .tl-paper-toolbar { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; }
.tl .tl-face[data-face="outline"] .tl-paper-modes { display: flex; flex-wrap: wrap; gap: 4px 12px; }
.tl .tl-face[data-face="outline"] .tl-paper-modes .tl-paper-mode { padding: 6px 2px; border-color: transparent; background: transparent; font-weight: 400; }
.tl .tl-face[data-face="outline"] .tl-paper-modes .tl-paper-mode[aria-pressed="true"] { border-color: transparent; color: var(--tl-holo); background: transparent; font-weight: 700; text-decoration: underline; text-underline-offset: 5px; }
.tl .tl-face[data-face="outline"] .tl-paper-body { max-width: 70ch; color: var(--tl-ink); font-family: var(--tl-sans); font-size: max(var(--tl-fs-min), calc(16px * var(--tl-fs))); line-height: 1.65; overflow-wrap: anywhere; }
.tl .tl-face[data-face="outline"] .tl-paper-heading { margin: 0 0 12px; font-size: max(var(--tl-fs-min), calc(18px * var(--tl-fs))); font-weight: 700; }
.tl .tl-face[data-face="outline"] .tl-paper-words { margin: 0 0 12px; white-space: pre-wrap; }
.tl .tl-face[data-face="outline"] .tl-paper-note { color: var(--tl-muted); margin: 0 0 18px; }
.tl .tl-face[data-face="outline"] .tl-paper-parts { margin: 0; padding: 0; list-style: none; }
.tl .tl-face[data-face="outline"] .tl-paper-part { padding: 0 0 16px; margin: 0 0 12px; border-bottom: 1px solid var(--tl-holo-line); }
.tl .tl-face[data-face="outline"] .tl-paper-script .tl-paper-part { border-bottom: 0; padding: 0; margin: 0 0 20px; }
.tl .tl-face[data-face="outline"] .tl-paper-script .tl-paper-words { margin: 0; }
.tl .tl-face[data-face="outline"] .tl-paper-part-meta { display: flex; align-items: baseline; gap: 12px; margin-bottom: 8px; color: var(--tl-muted); font-size: max(var(--tl-fs-min), calc(14px * var(--tl-fs))); }
.tl .tl-face[data-face="outline"] .tl-paper-objectives { padding-left: 24px; margin: 0 0 24px; }
.tl .tl-face[data-face="outline"] .tl-paper-objective { padding-bottom: 8px; white-space: pre-wrap; }
.tl .tl-face[data-face="outline"] .tl-paper-figure { max-width: 440px; margin: 0 0 24px; }
.tl .tl-face[data-face="outline"] .tl-paper-caption { margin-top: 6px; color: var(--tl-muted); font-size: max(var(--tl-fs-min), calc(14px * var(--tl-fs))); }
.tl .tl-face[data-face="outline"] .tl-paper-questions { margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--tl-holo-line); }
.tl .tl-face[data-face="outline"] .tl-paper-summary { cursor: pointer; color: var(--tl-ink); padding: 8px 0; font-weight: 700; }
.tl .tl-face[data-face="outline"] .tl-paper-summary:focus-visible { outline: 2px solid var(--tl-holo); outline-offset: 4px; }
.tl .tl-face[data-face="outline"] .tl-paper-question-list { padding-left: 24px; }
.tl .tl-face[data-face="outline"] .tl-paper-question { margin-bottom: 24px; }
.tl .tl-face[data-face="outline"] .tl-paper-options { padding-left: 24px; list-style-type: upper-alpha; }
.tl .tl-face[data-face="outline"] .tl-paper-answer { font-weight: 700; }
@media (pointer: coarse), (max-width: 979px) {
  .tl .tl-face[data-face="outline"] .tl-paper-mode,
  .tl .tl-face[data-face="outline"] .tl-paper-open,
  .tl .tl-face[data-face="outline"] .tl-paper-part-open,
  .tl .tl-face[data-face="outline"] .tl-paper-summary { min-height: 44px; box-sizing: border-box; }
}
@media (forced-colors: active) {
  .tl .tl-face[data-face="outline"] .tl-paper-modes .tl-paper-mode[aria-pressed="true"] { color: Highlight; border-color: Highlight; }
  .tl .tl-face[data-face="outline"] .tl-paper-summary:focus-visible { outline-color: Highlight; }
}
