.lecture-share-button{min-height:48px;color:var(--accent);border:1px solid var(--accent);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-soft), color var(--dur-fast) var(--ease-soft), border-color var(--dur-fast) var(--ease-soft);background:0 0;border-radius:10px;justify-content:center;align-items:center;padding:0 12px;font-size:.75rem;font-weight:600;display:inline-flex}.lecture-share-button:active{background:var(--accent);color:#fff}.lecture-favorite-button--saved{background-color:var(--accent);color:#fff;border-color:var(--accent)}.lecture-favorite-button--saved:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);color:#fff}
.offline-save-button{min-height:48px;color:var(--accent);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-soft), color var(--dur-fast) var(--ease-soft), opacity var(--dur-fast) var(--ease-soft);text-align:center;background:#147a501a;border:none;border-radius:8px;width:100%;margin-top:12px;padding:0 16px;font-size:14px;font-weight:500}.offline-save-button:hover:not(:disabled){background:#147a5026}.offline-save-button:disabled{opacity:.7;cursor:default}.offline-save-button[disabled]{color:var(--muted);background:#0000000d}
.note-reading{min-width:0;container:note-reading/inline-size}.note-reading__layout,.note-reading__body{min-width:0}.lecture-detail .note-reading .table-of-contents{border:0;border-bottom:1px solid var(--line);margin:0 0 20px;padding:0}.table-of-contents--desktop{display:none}.table-of-contents summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:48px;font-size:.875rem;font-weight:700;list-style:none;display:flex}.table-of-contents summary::-webkit-details-marker{display:none}.table-of-contents summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.toc-toggle-label{color:var(--accent);font-size:.75rem;font-weight:600}.toc-toggle-label__open,.table-of-contents[open] .toc-toggle-label__closed{display:none}.table-of-contents[open] .toc-toggle-label__open{display:inline}.lecture-detail .toc-list{margin:0 0 12px;padding:0;list-style:none}.lecture-detail .toc-link{min-height:48px;color:var(--muted);overflow-wrap:anywhere;transition:color var(--dur-fast) var(--ease);align-items:center;padding:8px 0;font-size:.875rem;line-height:1.45;text-decoration:none;display:flex}.toc-link:hover,.toc-link:focus-visible{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.note-reading__body .note-document{min-width:0}.note-reading__body :is(h2,h3,h4,h5,h6)[id]{scroll-margin-top:100px}@container note-reading (min-width:56rem){.table-of-contents--mobile{display:none}.table-of-contents--desktop{display:block}.note-reading__layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.note-reading__layout:has(.table-of-contents--desktop[open]){grid-template-columns:minmax(0,1fr) 14rem;gap:32px}.lecture-detail .note-reading .table-of-contents--desktop{border-bottom:0;margin:0;position:sticky;top:24px}.lecture-detail .note-reading .table-of-contents--desktop[open]{border-left:1px solid var(--line);grid-area:1/2;padding-left:20px}.table-of-contents--desktop:not([open]){justify-self:end}.table-of-contents--desktop summary{gap:20px}.table-of-contents--desktop nav{overscroll-behavior:contain;scrollbar-width:thin;max-height:calc(100svh - 120px);overflow-y:auto}.lecture-detail .note-reading .table-of-contents--desktop .toc-list{margin:0}.note-reading__body{max-width:72ch}.note-reading__layout:has(.table-of-contents--desktop[open]) .note-reading__body{grid-area:1/1}}@media print{.table-of-contents{display:none}.note-reading__layout{display:block}}