.note-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1.25rem;margin:1em 0}
.note-column>:first-child{margin-top:0}
.note-widget{--note-widget-cols:2;--note-widget-rows:2;position:relative;display:block;box-sizing:border-box;aspect-ratio:var(--note-widget-cols)/var(--note-widget-rows);width:min(calc(var(--note-widget-cols)*5rem),100%,calc(20rem*var(--note-widget-cols)/var(--note-widget-rows)));max-width:100%;margin:1em 0;overflow:hidden;border-radius:.85rem}
.note-widget[data-size="1x1"]{--note-widget-cols:1;--note-widget-rows:1}
.note-widget[data-size="2x1"]{--note-widget-cols:2;--note-widget-rows:1}
.note-widget[data-size="1x2"]{--note-widget-cols:1;--note-widget-rows:2}
.note-widget[data-size="2x3"]{--note-widget-cols:2;--note-widget-rows:3}
.note-widget[data-size="3x2"]{--note-widget-cols:3;--note-widget-rows:2}
.note-widget[data-size="3x3"]{--note-widget-cols:3;--note-widget-rows:3}
.note-widget[data-size="2x4"]{--note-widget-cols:2;--note-widget-rows:4}
.note-widget[data-size="4x1"]{--note-widget-cols:4;--note-widget-rows:1}
.note-widget[data-size="4x2"]{--note-widget-cols:4;--note-widget-rows:2}
.note-widget[data-size="4x4"]{--note-widget-cols:4;--note-widget-rows:4}
.note-widget::before{content:"";position:absolute;inset:0;border-radius:inherit;background:currentColor;opacity:.06;pointer-events:none;animation:myriad-widget-wait 1.6s ease-in-out infinite alternate}
.note-widget:has(>iframe[data-embed-ready])::before{content:none}
.note-widget>iframe.myriad-widget{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;border:0;opacity:0;transition:opacity .3s ease;animation:myriad-widget-reveal 0s 8s forwards}
.note-widget>iframe.myriad-widget[data-embed-ready]{opacity:1;animation:none}
@keyframes myriad-widget-wait{to{opacity:.1}}
@keyframes myriad-widget-reveal{to{opacity:1}}
math[display=block]{margin:1em 0;font-size:1.15em;max-width:100%;overflow-x:auto}
.myriad-table{max-width:100%;overflow-x:auto}
:where(:has(>iframe.myriad-comments)){overflow-wrap:anywhere}
:where(:has(>iframe.myriad-comments) table){overflow-wrap:break-word}
:where(:has(>iframe.myriad-comments) pre){overflow-x:auto}
:where(:has(>iframe.myriad-comments) :is(img,video)){max-width:100%;height:auto}
.myriad-comments,.myriad-friend-apply{display:block;width:100%;border:0;margin-top:2rem}
.myriad-comments{height:180px}
.myriad-friend-apply{height:660px}
iframe[data-embed-scheme=light]{color-scheme:light}
iframe[data-embed-scheme=dark]{color-scheme:dark}
.myriad-companion__frame{display:none}
mark.myriad-annot{padding:0 .1em;color:inherit;background:color-mix(in srgb,var(--myriad-annot,#f97316) 10%,transparent);border-bottom:2px dotted color-mix(in srgb,var(--myriad-annot,#f97316) 70%,transparent);border-radius:3px;cursor:help;transition:background-color .2s,box-shadow .2s}
mark.myriad-annot:hover,mark.myriad-annot:focus-visible{outline:none;background:color-mix(in srgb,var(--myriad-annot,#f97316) 18%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--myriad-annot,#f97316) 30%,transparent)}
mark.myriad-annot.is-flash{animation:myriad-annot-flash 1.5s ease-in-out}
@keyframes myriad-annot-flash{0%,100%{box-shadow:0 0 0 2px transparent}25%,75%{background:color-mix(in srgb,var(--myriad-annot,#f97316) 26%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,#a855f7 60%,transparent)}}
mark.myriad-annot[data-type=reference]{--myriad-annot:#3b82f6}
mark.myriad-annot[data-type=implicit]{--myriad-annot:#a855f7}
mark.myriad-annot[data-type=context]{--myriad-annot:#22c55e}
mark.myriad-annot[data-type=abbreviation]{--myriad-annot:#ec4899}
.myriad-annot-tip{position:fixed;z-index:2147483001;max-width:min(20rem,calc(100vw - 2rem));padding:10px 12px;border:1px solid var(--myriad-tip-line,light-dark(#e8e2d4,#333));border-radius:12px;color:var(--myriad-tip-fg,light-dark(#2c2c2c,#c9c9c9));background:var(--myriad-tip-bg,light-dark(#fff9f0,#242424));color-scheme:var(--myriad-tip-scheme,normal);box-shadow:0 20px 25px -5px rgb(0 0 0/12%),0 8px 10px -6px rgb(0 0 0/10%);font:13px/1.55 ui-sans-serif,system-ui,sans-serif;pointer-events:none}
.myriad-annot-tip[hidden]{display:none}
.myriad-annot-tip small{display:block;margin-bottom:4px;font-size:11px;opacity:.65}
.myriad-annot-tip b{display:block;margin-bottom:2px;font-weight:600}
@media (prefers-reduced-motion:reduce){.note-widget::before{animation:none}.note-widget>iframe.myriad-widget{transition:none}mark.myriad-annot{transition:none}mark.myriad-annot.is-flash{animation:none;background:color-mix(in srgb,var(--myriad-annot,#f97316) 26%,transparent)}}
@media print{#myriad-companion,.myriad-annot-tip{display:none}}