.margin-note{clear:inline-start;border-inline-start:2px solid var(--reading-information);color:var(--ink-soft);background:var(--reader-panel);overflow-wrap:anywhere;margin-block:1.25rem;padding:.7rem .9rem;font-size:.85rem;line-height:1.65}.margin-note p{font-size:inherit;line-height:inherit;margin:0}.margin-note strong{color:var(--chapter-ink,var(--ink-strong));font-size:.75rem;display:block}.sl-markdown-content:has(.margin-note){container:noted-lesson/inline-size}html[data-note-mode=margin] .sl-markdown-content,html[data-note-mode=pin] .sl-markdown-content{position:relative}html[data-note-mode] .margin-note{clear:none;float:none;border:1px solid var(--line,#c9d0d8);background:var(--reader-panel);text-align:start;z-index:2;border-radius:14px;width:15rem;margin:0;padding:.6rem .8rem;position:absolute}html[data-note-mode=margin] .margin-note{inset-inline:auto -16.5rem}html[data-note-mode=margin] .margin-note[data-side=left]{inset-inline:-16.5rem auto}html[data-note-mode=margin] .margin-note:after{content:"";top:.85rem;background:var(--reader-panel);border:1px solid var(--line,#c9d0d8);border-inline-end:0;border-top:0;width:12px;height:12px;position:absolute;inset-inline-start:-7px;transform:rotate(45deg)}html[data-note-mode=margin] .margin-note[data-side=left]:after{inset-inline:auto -7px;transform:rotate(-135deg)}html[data-note-mode=pin] .margin-note{cursor:pointer;border-radius:50%;width:1.9rem;height:1.9rem;padding:0;inset-inline-end:-.35rem;overflow:hidden}html[data-note-mode=pin] .margin-note[data-side=left]{inset-inline:-.35rem auto}html[data-note-mode=pin] .margin-note>*{visibility:hidden}html[data-note-mode=pin] .margin-note:before{content:"💬";place-items:center;font-size:.95rem;display:grid;position:absolute;inset:0}html[data-note-mode=pin] .margin-note[data-open=true]{z-index:6;border-radius:14px;width:min(16rem,78%);height:auto;padding:.6rem .8rem;overflow:visible;box-shadow:0 6px 20px #0000002e}html[data-note-mode=pin] .margin-note[data-open=true]>*{visibility:visible}html[data-note-mode=pin] .margin-note[data-open=true]:before{display:none}@media (width>=70rem){.reader-article__body:has(.margin-note){padding-inline-start:14rem}.reader-article__body>.margin-note{float:inline-start;text-align:end;background:0 0;border:0;width:12rem;margin:.2rem 2rem 1.2rem -14rem;padding:0}}@media print{.margin-note{color:#333;break-inside:avoid;background:0 0;float:none!important;text-align:start!important;border-inline-start:2px solid #666!important;width:auto!important;margin:.8rem 0!important;padding:.4rem .7rem!important}}html:root .margin-note{--note-hue:#d97706;border-inline-start:4px solid var(--note-hue);background:color-mix(in srgb, var(--note-hue) 13%, var(--reader-panel,transparent))}.margin-note__type{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.margin-note[data-kind=brief]{--note-hue:#d97706}.margin-note[data-kind=alternative]{--note-hue:#7c3aed}.margin-note[data-kind=narration]{--note-hue:#0891b2}.margin-note[data-kind=context]{--note-hue:#64748b}.margin-note[data-kind=clarify]{--note-hue:#ea580c}.margin-note[data-kind=inquiry]{--note-hue:#4f46e5}.margin-note[data-kind=praise]{--note-hue:#16a34a}.margin-note[data-kind=action]{--note-hue:#2563eb}.margin-note[data-kind=code]{--note-hue:#e11d48}.margin-note[data-kind=math]{--note-hue:#c026d3}.margin-note[data-kind=mine]{--note-hue:var(--ink-soft,#64748b)}html[data-note-mode=pin] .margin-note:not([data-open=true]){border:2px solid var(--note-hue);background:color-mix(in srgb, var(--note-hue) 22%, var(--reader-panel,transparent))}.margin-note__x{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:0;margin-inline-start:.4rem;padding:0 .3rem}html[data-note-mode=margin] .margin-note{z-index:6}html[data-note-mode=margin] .main-frame{z-index:6;pointer-events:none;position:relative}html[data-note-mode=margin] .main-pane,html[data-note-mode=margin] .right-sidebar{pointer-events:auto}html[data-note-mode=margin] .main-pane{z-index:1;position:relative}html[data-note-mode=margin] .panel-restore{z-index:7}html[data-comments=hide] [data-margin-note]{display:none!important}.margin-note__toggle{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin-block-start:.35rem;padding:.1rem .35rem;font-size:.8rem}.margin-note__toggle:focus-visible{outline:.125rem solid var(--chapter-ink,var(--ink));outline-offset:.125rem}.margin-note[data-collapsed=true]{cursor:pointer;border-radius:50%;width:1.9rem;height:1.9rem;padding:0;position:relative;overflow:hidden}.margin-note[data-collapsed=true]>:not(.margin-note__toggle),.margin-note[data-collapsed=true]:after{display:none}html[data-note-mode] .margin-note[data-collapsed=true]{border:2px solid var(--note-hue);background:color-mix(in srgb, var(--note-hue) 22%, var(--reader-panel,transparent));border-radius:50%;width:1.9rem;height:1.9rem;padding:0;overflow:hidden}html[data-note-mode=margin] .margin-note[data-collapsed=true]{inset-inline:auto -2.6rem}html[data-note-mode=margin] .margin-note[data-side=left][data-collapsed=true]{inset-inline:-2.6rem auto}html[data-note-mode=pin] .margin-note:not([data-open=true])>.margin-note__toggle,.margin-note[data-collapsed=true]>.margin-note__toggle{visibility:visible;border-radius:inherit;outline-offset:-.125rem;width:100%;height:100%;margin:0;padding:0;font-size:.95rem;position:absolute;inset:0}html[data-note-mode=pin] .margin-note[data-adopted]:before{display:none}@media print{.margin-note{height:auto!important;position:static!important;inset:auto!important;overflow:visible!important}.margin-note__toggle{display:none!important}.margin-note[data-collapsed=true]>:not(.margin-note__toggle){display:block!important}.margin-note[data-collapsed=true]{height:auto;overflow:visible}}:root{interpolate-size:allow-keywords}html[data-note-mode] .margin-note{transition:width .18s,height .18s,padding .18s,border-radius .18s}@media (prefers-reduced-motion:reduce){html[data-note-mode] .margin-note{transition:none}}