.reading-icon { display: inline-grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; padding: 8px; border: 1px solid var(--line); border-radius: 5px; background: white; color: var(--teal); cursor: pointer; }
.reading-icon svg { width: 19px; height: 19px; }
.reading-icon:hover, .reading-icon[aria-pressed=true] { background: #e6f3ee; border-color: #87b8aa; }
.reading-status { font-size: 12px; color: var(--muted); }
.resource-card h3 a { color: var(--ink); }
.resource-card h3 a:hover { color: var(--teal); }
.reading-progress { display: block; width: 100%; height: 3px; margin: 16px 0; border: 0; appearance: none; background: var(--line); color: var(--teal); }
.reading-progress::-webkit-progress-bar { background: var(--line); }
.reading-progress::-webkit-progress-value { background: var(--teal); }
.reading-progress::-moz-progress-bar { background: var(--teal); }
.reading-resume { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; margin-bottom: 16px; padding: 10px 14px; border: 1px solid var(--line); border-radius: 5px; background: #e6f3ee; color: var(--teal); font: inherit; font-size: 14px; cursor: pointer; }
.reading-resume svg { width: 18px; height: 18px; }
.reading-contents > summary { font-size: 13px; font-weight: 650; color: var(--ink); cursor: pointer; padding: 8px 0; }
.professional-reader-toc .reading-contents a { display: block; padding: 10px 12px; border-left: 2px solid transparent; line-height: 1.5; font-size: 13px; color: var(--muted); }
.professional-reader-toc .reading-contents a:hover { color: var(--teal); background: #f3f7fa; }
.professional-reader-toc .reading-contents a.is-current { color: var(--teal); border-color: var(--teal); background: #e6f3ee; }
.reading-library { width: min(660px, calc(100% - 32px)); max-height: calc(100dvh - 40px); padding: 24px; overflow: auto; border: 1px solid var(--line); border-radius: 8px; background: white; color: var(--ink); }
.reading-library::backdrop { background: #182c3466; }
.reading-library header { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 16px; }
.reading-library h2 { margin: 0; font-size: 22px; }
.reading-entry { display: flex; gap: 12px; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--line); }
.reading-entry > a { display: flex; flex: 1; min-width: 0; gap: 12px; align-items: center; color: var(--ink); }
.reading-entry > a:hover { color: var(--teal); }
.reading-entry a svg { width: 18px; height: 18px; flex-shrink: 0; color: var(--teal); }
.reading-entry a > div { min-width: 0; flex: 1; }
.reading-entry strong { display: block; font-size: 14px; line-height: 1.55; overflow-wrap: anywhere; }
.reading-entry small { display: block; font-size: 12px; color: var(--muted); margin-top: 6px; }
.reading-note, .reading-empty { font-size: 13px; color: var(--muted); line-height: 1.6; }
.knowledge-detail .resource-prose :is(h2,h3,h4,h5) { scroll-margin-top: calc(var(--portal-sticky-height) + 24px); }
@media(max-width:600px) { .reading-library { padding: 18px; }.reading-status { flex-basis: 100%; }.reading-entry { gap: 8px; }.reading-entry > a { gap: 8px; }
  #view-knowledge .section-head { grid-template-columns: minmax(0,1fr) 44px 44px; }
  #view-knowledge .section-head > .reading-icon { grid-column: 2; grid-row: 2; }
  #view-knowledge .section-head > .professional-context-button { grid-column: 3; grid-row: 2; }
}
@media print { .reading-icon,.reading-resume,.reading-status,.reading-progress,.reading-library { display: none !important; } }