/*@3.NOTC2.74*/
/*@3.NOTC2.75*/
/*@3.NOTC2.152*/
@property --ne-pb { syntax: '<length>'; inherits: false; initial-value: 0px; }
@property --ne-b0 { syntax: '<length>'; inherits: false; initial-value: .15rem; }
.ne-root { display: block; }
/*@3.NOTC2.73*/
.ne-root > [data-bid] { margin-block-start: calc(var(--ne-b0, .15rem) + var(--ne-pb, 0px)); }
.ne-root > [data-bid]:first-child { --ne-b0: 0px; }
/*@3.NOTC2.85*/
.ne-win { display: block; margin: 0; padding: 0; pointer-events: none;
  contain: strict; contain-intrinsic-size: 0 0; }
.ne-root > .ne-w0 { margin-block-start: 0; }

.ne-b {
  position: relative; display: flex; align-items: flex-start;
  gap: .25rem; border-radius: var(--radius-md);
  padding-inline: 2.9rem .4rem;
  /*@3.NOTC2.44*/
  z-index: 4;
}
.ne-b:hover { background: color-mix(in oklab, var(--text-muted) 6%, transparent); }
/*@3.NOTC2.143*/
/*@3.NOTC2.146*/
/*@3.NOTC2.155*/
/*@3.NOTC2.164*/
.ne-root > .ne-b[data-card] {
  --ne-card-acc: #1a73e8;
  --ne-card-base: var(--bg-card);
  --ne-card-mix: 0%;
  --ne-card-fill: color-mix(in oklab, var(--ne-card-base) calc(100% - var(--ne-card-mix)), var(--ne-card-acc) var(--ne-card-mix));
  --ne-card-line: rgba(0, 0, 0, .08);
  --ne-card-shadow: 0 2px 10px rgba(0, 0, 0, .06);
  --ne-card-head: color-mix(in srgb, var(--ne-card-fill) 97.5%, #000);
  --ne-mark: var(--ne-card-acc);
  background: var(--ne-card-fill);
  border-inline: 1px solid var(--ne-card-line);
  box-shadow: var(--ne-card-shadow);
  clip-path: inset(0 -18px 0 -18px);
  border-radius: 0;
  padding-inline: .7rem;
}
:root:not([data-theme="light"]) .ne-root > .ne-b[data-card] {
  --ne-card-acc: #8ab4f8;
  --ne-card-base: color-mix(in oklab, var(--bg-card) 95%, #fff 5%);
  --ne-card-line: rgba(255, 255, 255, .09);
  --ne-card-shadow: 0 2px 10px rgba(0, 0, 0, .35);
  --ne-card-head: color-mix(in srgb, var(--ne-card-fill) 95.5%, #fff);
}
.ne-root > .ne-b[data-card][data-card-alt="1"] { --ne-card-base: color-mix(in oklab, var(--bg-card) 97%, #000 3%); }
:root:not([data-theme="light"]) .ne-root > .ne-b[data-card][data-card-alt="1"] { --ne-card-base: color-mix(in oklab, var(--bg-card) 90%, #fff 10%); }
/*@3.NOTC2.156*/
.ne-root > .ne-b[data-card-tone="white"]   { --ne-card-base: var(--bg-card); --ne-card-mix: 0%; }
.ne-root > .ne-b[data-card-tone="grey"]    { --ne-card-base: color-mix(in oklab, var(--bg-card) 92%, var(--text-primary) 8%); --ne-card-mix: 0%; }
.ne-root > .ne-b[data-card-tone="sky"], .ne-root > .ne-b[data-card-tone="amber"], .ne-root > .ne-b[data-card-tone="rose"],
.ne-root > .ne-b[data-card-tone="emerald"], .ne-root > .ne-b[data-card-tone="violet"] { --ne-card-mix: 5%; }
:root:not([data-theme="light"]) .ne-root > .ne-b[data-card-tone="sky"], :root:not([data-theme="light"]) .ne-root > .ne-b[data-card-tone="amber"],
:root:not([data-theme="light"]) .ne-root > .ne-b[data-card-tone="rose"], :root:not([data-theme="light"]) .ne-root > .ne-b[data-card-tone="emerald"],
:root:not([data-theme="light"]) .ne-root > .ne-b[data-card-tone="violet"] { --ne-card-mix: 7%; }
.ne-root > .ne-b[data-card-tone="sky"]     { --ne-card-acc: #0284c7; }
.ne-root > .ne-b[data-card-tone="amber"]   { --ne-card-acc: #b45309; }
.ne-root > .ne-b[data-card-tone="rose"]    { --ne-card-acc: #be123c; }
.ne-root > .ne-b[data-card-tone="emerald"] { --ne-card-acc: #047857; }
.ne-root > .ne-b[data-card-tone="violet"]  { --ne-card-acc: #6d28d9; }
:root:not([data-theme="light"]) .ne-root > .ne-b[data-card-tone="sky"]     { --ne-card-acc: #7dd3fc; }
:root:not([data-theme="light"]) .ne-root > .ne-b[data-card-tone="amber"]   { --ne-card-acc: #fcd34d; }
:root:not([data-theme="light"]) .ne-root > .ne-b[data-card-tone="rose"]    { --ne-card-acc: #fda4af; }
:root:not([data-theme="light"]) .ne-root > .ne-b[data-card-tone="emerald"] { --ne-card-acc: #6ee7b7; }
:root:not([data-theme="light"]) .ne-root > .ne-b[data-card-tone="violet"]  { --ne-card-acc: #c4b5fd; }
.ne-root > .ne-b[data-card]:hover { background: color-mix(in oklab, var(--ne-card-fill) 96%, var(--text-muted) 4%); }
/*@3.NOTC2.157*/
.ne-root > .ne-b[data-card-start] {
  border-block-start: 1px solid var(--ne-card-line);
  border-start-start-radius: 14px; border-start-end-radius: 14px;
  margin-block-start: 1.15rem; padding-block-start: .55rem;
  clip-path: inset(-18px -18px 0 -18px);
}
.ne-root > .ne-b[data-card-end] {
  border-block-end: 1px solid var(--ne-card-line);
  border-end-start-radius: 14px; border-end-end-radius: 14px;
  margin-block-end: 1.15rem; padding-block-end: .7rem;
  clip-path: inset(0 -18px -18px -18px);
}
.ne-root > .ne-b[data-card-start][data-card-end] { clip-path: inset(-18px); }
/*@3.NOTC2.158*/
/*@3.NOTC2.169*/
.ne-root > .ne-b[data-card] { padding-inline-end: 1.15rem; clip-path: inset(0 -18px); }
.ne-root > .ne-b[data-card-title] {
  background: var(--ne-card-head);
  border-block-end: 1px solid var(--ne-card-line);
  padding-block: .62rem .58rem;
  margin-block-end: 0;
}
.ne-root > .ne-b[data-card-title][data-card-start] { padding-block-start: .68rem; }
.ne-root > .ne-b[data-card-title] + .ne-b[data-card] { padding-block-start: .72rem; }
.ne-root > .ne-b[data-card-title]:hover { background: var(--ne-card-head); }
.ne-root > .ne-b[data-card-title] > .ne-body :where(.ne-text) {
  position: relative; padding-inline-start: calc(4px + .6rem); font-weight: 700;
  font-size: var(--ne-card-tfs, 1.06em); line-height: 1.6; color: var(--text-primary);
}
.ne-root > .ne-b[data-card-title] > .ne-body .ne-text::before {
  content: ''; position: absolute; inset-inline-start: 0; inset-block-start: 50%;
  transform: translateY(-50%);
  inline-size: 4px; block-size: 1.25em; border-radius: 4px; background: var(--ne-card-acc);
}
/*@3.NOTC2.159*/
.ne-root > .ne-b[data-card]:not([data-card-title]) > .ne-body :where(.ne-text, .ne-li, .ne-cell) { font-size: var(--ne-card-bfs, 1em); }
.ne-root[data-cardfs="sm"] { --ne-card-tfs: 1em; --ne-card-bfs: .875em; }
.ne-root[data-cardfs="md"] { --ne-card-tfs: 1.06em; --ne-card-bfs: 1em; }
.ne-root[data-cardfs="lg"] { --ne-card-tfs: 1.18em; --ne-card-bfs: 1.1em; }
.ne-root[data-cardfs="xl"] { --ne-card-tfs: 1.34em; --ne-card-bfs: 1.24em; }
/*@3.NOTC2.165*/
.ne-root > .ne-b[data-card] :is(b, strong) { color: var(--ne-card-acc); }
.ne-root > .ne-b[data-card] .ne-list > .ne-li { line-height: 1.8; }
.ne-root > .ne-b[data-card] .ne-list > .ne-li + .ne-li { margin-block-start: .3em; }
.ne-root > .ne-b[data-card] ul.ne-list > .ne-li:not([data-blank="1"])::before {
  content: ''; inline-size: 6px; block-size: 6px; min-inline-size: 0; padding: 0;
  border-radius: 50%; background: var(--ne-card-acc);
  inset-block-start: .72em; margin-inline: .55em;
}
.ne-root > .ne-b[data-card] ul.ne-list > .ne-li[data-lv="1"]::before { inline-size: 5px; block-size: 5px; inset-block-start: .78em; }
.ne-root > .ne-b[data-card] ul.ne-list > .ne-li[data-lv="2"]::before,
.ne-root > .ne-b[data-card] ul.ne-list > .ne-li[data-lv="3"]::before,
.ne-root > .ne-b[data-card] ul.ne-list > .ne-li[data-lv="4"]::before,
.ne-root > .ne-b[data-card] ul.ne-list > .ne-li[data-lv="5"]::before { inline-size: 4px; block-size: 4px; inset-block-start: .82em; }
.ne-root > .ne-b[data-card] ol.ne-list > .ne-li::before { font-weight: 800; font-size: .92em; color: var(--ne-card-acc); }
.ne-root > .ne-b[data-pg] > .ne-body { display: flex; align-items: center; gap: .5rem; }
.ne-root > .ne-b[data-pg] > .ne-body > .ne-text { flex: 1 1 auto; min-inline-size: 0; }
.ne-root > .ne-b[data-card-title][data-pg] > .ne-body { position: relative; padding-inline-start: calc(4px + .6rem); }
.ne-root > .ne-b[data-card-title][data-pg] > .ne-body::before {
  content: ''; position: absolute; inset-inline-start: 0; inset-block-start: 50%;
  transform: translateY(-50%);
  inline-size: 4px; block-size: 1.25em; border-radius: 4px; background: var(--ne-card-acc);
}
.ne-root > .ne-b[data-card-title][data-pg] > .ne-body .ne-text { padding-inline-start: 0; }
.ne-root > .ne-b[data-card-title][data-pg] > .ne-body .ne-text::before { content: none; }
.ne-pgb {
  display: inline-flex; align-items: center; gap: .3em; flex: 0 0 auto;
  padding: .1em .6em; border-radius: 999px;
  border: 1px solid color-mix(in oklab, var(--ne-card-acc, var(--text-secondary)) 34%, transparent);
  background: color-mix(in oklab, var(--ne-card-acc, var(--text-secondary)) 12%, transparent);
  color: var(--ne-card-acc, var(--text-secondary));
  font-size: .74rem; font-weight: 800; line-height: 1.5;
  unicode-bidi: isolate; direction: ltr; user-select: none; -webkit-user-select: none;
}
.ne-pgb > i { font-size: .85em; opacity: .85; }
.ne-root > .ne-b[data-card-layout="glossary"] .ne-dl {
  display: grid; grid-template-columns: minmax(8rem, 38%) 1fr;
  border: 1px solid var(--ne-card-line); border-radius: 10px; overflow: hidden;
  margin-block: .35rem;
}
.ne-root > .ne-b[data-card-layout="glossary"] .ne-dl > .ne-dt,
.ne-root > .ne-b[data-card-layout="glossary"] .ne-dl > .ne-dd {
  margin: 0; padding: .5rem .75rem; line-height: 1.75;
  border-block-start: 1px solid var(--ne-card-line);
}
.ne-root > .ne-b[data-card-layout="glossary"] .ne-dl > .ne-dt {
  grid-column: 1; color: var(--ne-card-acc); font-weight: 750;
  background: color-mix(in oklab, var(--ne-card-acc) 7%, transparent);
}
.ne-root > .ne-b[data-card-layout="glossary"] .ne-dl > .ne-dd {
  grid-column: 2; border-inline-start: 1px solid var(--ne-card-line); color: var(--text-primary);
}
.ne-root > .ne-b[data-card-layout="glossary"] .ne-dl > .ne-dt:first-child,
.ne-root > .ne-b[data-card-layout="glossary"] .ne-dl > .ne-dt:first-child + .ne-dd { border-block-start-color: transparent; }
@media (max-width: 640px) {
  .ne-root > .ne-b[data-card-layout="glossary"] .ne-dl { grid-template-columns: 1fr; }
  .ne-root > .ne-b[data-card-layout="glossary"] .ne-dl > .ne-dt { grid-column: 1; }
  .ne-root > .ne-b[data-card-layout="glossary"] .ne-dl > .ne-dd { grid-column: 1; border-inline-start: 0; border-block-start-color: transparent; padding-block-start: 0; }
}
.ne-root > .ne-b[data-card-layout="sequence"] ol.ne-list > .ne-li[data-lv="0"],
.ne-root > .ne-b[data-card-layout="sequence"] ol.ne-list > .ne-li:not([data-lv]) { padding-inline-start: 2.6rem; padding-block: .25rem .5rem; }
.ne-root > .ne-b[data-card-layout="sequence"] ol.ne-list > .ne-li[data-seq]::before {
  content: attr(data-seq);
  inset-inline-start: 0; inset-block-start: .2rem; margin: 0; padding: 0;
  inline-size: 1.8rem; block-size: 1.8rem; min-inline-size: 0;
  display: grid; place-items: center; border-radius: 50%;
  border: 1.5px solid var(--ne-card-acc);
  background: color-mix(in oklab, var(--ne-card-acc) 14%, var(--ne-card-fill));
  color: var(--ne-card-acc); font-size: .85em; font-weight: 800; line-height: 1; z-index: 1;
}
.ne-root > .ne-b[data-card-layout="sequence"] ol.ne-list > .ne-li[data-seq]:not(:last-child)::after {
  content: ''; position: absolute; inset-inline-start: calc(.9rem - 1px);
  inset-block: 2.1rem -.2rem; inline-size: 2px; border-radius: 2px;
  background: color-mix(in oklab, var(--ne-card-acc) 35%, transparent);
}
/*@3.NOTC2.174*/
.ne-b[data-fmt], .ne-b[data-tst="cmp"], .ne-b[data-tst="pc"], .ne-b[data-tst="mnemo"] {
  --fx-acc: var(--ne-card-acc, #1a73e8);
  --fx-line: var(--ne-card-line, var(--border-color));
  --fx-ok: #059669; --fx-no: #dc2626; --fx-ok-t: #047857; --fx-no-t: #b91c1c;
}
:root:not([data-theme="light"]) :is(.ne-b[data-fmt], .ne-b[data-tst="pc"]) { --fx-ok-t: #6ee7b7; --fx-no-t: #fca5a5; }
.ne-b[data-tst="cmp"] .ne-tbl { border-collapse: separate; border-spacing: 0; border: 1px solid var(--fx-line); border-radius: 10px; overflow: hidden; }
.ne-b[data-tst="cmp"] .ne-cell { border: 0; padding: .5rem .7rem; line-height: 1.7; }
.ne-b[data-tst="cmp"] tr + tr .ne-cell { border-block-start: 1px solid var(--fx-line); }
.ne-b[data-tst="cmp"] .ne-cell + .ne-cell { border-inline-start: 1px solid var(--fx-line); }
.ne-b[data-tst="cmp"] tr:first-child .ne-cell {
  background: color-mix(in oklab, var(--fx-acc) 10%, transparent);
  color: var(--fx-acc); font-weight: 750;
}
.ne-b:is([data-tst="cmp"], [data-tst="pc"]):not([data-al]) tr:first-child .ne-cell:not([data-cal]) { text-align: center; }
.ne-b[data-tst="cmp"] tr:not(:first-child) .ne-cell:first-child {
  font-weight: 700; background: color-mix(in oklab, var(--text-muted) 6%, transparent);
}
.ne-b[data-tst="pc"] .ne-tbl { border-collapse: separate; border-spacing: .6rem 0; margin-inline: -.6rem; inline-size: calc(100% + 1.2rem); table-layout: fixed; }
.ne-b[data-tst="pc"] .ne-cell { border: 0; padding: .3rem .8rem .3rem .6rem; line-height: 1.75; vertical-align: top; }
.ne-b[data-tst="pc"] .ne-cell:nth-child(1) { background: color-mix(in oklab, var(--fx-ok) 6%, transparent); border-inline: 1px solid color-mix(in oklab, var(--fx-ok) 30%, transparent); }
.ne-b[data-tst="pc"] .ne-cell:nth-child(2) { background: color-mix(in oklab, var(--fx-no) 5%, transparent); border-inline: 1px solid color-mix(in oklab, var(--fx-no) 28%, transparent); }
.ne-b[data-tst="pc"] tr:first-child .ne-cell { padding-block: .55rem .35rem; font-weight: 750; border-block-start: 1px solid; border-start-start-radius: 12px; border-start-end-radius: 12px; }
.ne-b[data-tst="pc"] tr:first-child .ne-cell:nth-child(1) { color: var(--fx-ok-t); border-block-start-color: color-mix(in oklab, var(--fx-ok) 30%, transparent); }
.ne-b[data-tst="pc"] tr:first-child .ne-cell:nth-child(2) { color: var(--fx-no-t); border-block-start-color: color-mix(in oklab, var(--fx-no) 28%, transparent); }
.ne-b[data-tst="pc"] tr:last-child .ne-cell { padding-block-end: .6rem; border-block-end: 1px solid; border-end-start-radius: 12px; border-end-end-radius: 12px; }
.ne-b[data-tst="pc"] tr:last-child .ne-cell:nth-child(1) { border-block-end-color: color-mix(in oklab, var(--fx-ok) 30%, transparent); }
.ne-b[data-tst="pc"] tr:last-child .ne-cell:nth-child(2) { border-block-end-color: color-mix(in oklab, var(--fx-no) 28%, transparent); }
.ne-b[data-tst="pc"] tr:first-child .ne-cell:nth-child(1)::before { content: '✓ '; }
.ne-b[data-tst="pc"] tr:first-child .ne-cell:nth-child(2)::before { content: '✕ '; }
.ne-b[data-tst="pc"] tr:not(:first-child) .ne-cell:not(:empty)::before { font-weight: 800; margin-inline-end: .4em; }
.ne-b[data-tst="pc"] tr:not(:first-child) .ne-cell:nth-child(1):not(:empty)::before { content: '+'; color: var(--fx-ok); }
.ne-b[data-tst="pc"] tr:not(:first-child) .ne-cell:nth-child(2):not(:empty)::before { content: '−'; color: var(--fx-no); }
@media (max-width: 640px) {
  .ne-b[data-tst="pc"] .ne-tbl { border-spacing: .3rem 0; margin-inline: -.3rem; inline-size: calc(100% + .6rem); }
}
.ne-b[data-fmt="pros"][data-ty="p"] .ne-text, .ne-b[data-fmt="cons"][data-ty="p"] .ne-text { font-weight: 750; }
.ne-b[data-fmt="pros"][data-ty="p"] .ne-text, .ne-b[data-fmt="pros"][data-ty="p"] .ne-text :is(b, strong) { color: var(--fx-ok-t); }
.ne-b[data-fmt="cons"][data-ty="p"] .ne-text, .ne-b[data-fmt="cons"][data-ty="p"] .ne-text :is(b, strong) { color: var(--fx-no-t); }
.ne-b[data-fmt="pros"][data-ty="p"] .ne-text::before { content: '✓ '; }
.ne-b[data-fmt="cons"][data-ty="p"] .ne-text::before { content: '✕ '; }
.ne-root > .ne-b[data-fmt="pros"] ul.ne-list > .ne-li[data-lv="0"]:not([data-blank="1"])::before,
.ne-root > .ne-b[data-fmt="cons"] ul.ne-list > .ne-li[data-lv="0"]:not([data-blank="1"])::before {
  inline-size: auto; block-size: auto; border-radius: 0; background: none;
  inset-block-start: 0; font-size: 1em; font-weight: 800;
}
.ne-root > .ne-b[data-fmt="pros"] ul.ne-list > .ne-li[data-lv="0"]:not([data-blank="1"])::before { content: '+'; color: var(--fx-ok); }
.ne-root > .ne-b[data-fmt="cons"] ul.ne-list > .ne-li[data-lv="0"]:not([data-blank="1"])::before { content: '−'; color: var(--fx-no); }
.ne-b[data-fmt="term"] .ne-text > :is(b, strong):first-child {
  display: block; font-size: 1.28em; line-height: 1.45; color: var(--fx-acc); margin-block-end: .1em;
}
.ne-b[data-fmt="term"] .ne-text > :is(b, strong):first-child bdi { font-size: .68em; font-weight: 550; color: var(--text-muted); }
.ne-b[data-fmt="nums"] .ne-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr)); gap: .5rem; padding-inline-start: 0; }
.ne-root > .ne-b[data-fmt="nums"] :is(ul, ol).ne-list > .ne-li { margin: 0; padding: .55rem .75rem; border: 1px solid var(--fx-line); border-radius: 12px; line-height: 1.6; }
.ne-root > .ne-b[data-fmt="nums"] :is(ul, ol).ne-list > .ne-li::before { content: none; display: none; }
.ne-b[data-fmt="nums"] .ne-li > :is(b, strong):first-child { display: block; font-size: 1.55em; line-height: 1.25; color: var(--text-primary); unicode-bidi: isolate; }
.ne-b[data-fmt="vars"] .ne-dl { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .3rem .85rem; align-items: baseline; }
.ne-b[data-fmt="vars"] .ne-dl > .ne-dt {
  margin: 0; justify-self: start; padding: 0 .5rem; border-radius: 6px;
  background: var(--ne-ic-bg); color: var(--ne-ic-fg); font-family: ui-monospace, 'JetBrains Mono', Consolas, monospace;
  unicode-bidi: isolate; direction: ltr;
}
.ne-b[data-fmt="vars"] .ne-dl > .ne-dt :is(b, strong) { color: inherit; }
.ne-b[data-fmt="vars"] .ne-dl > .ne-dd { margin: 0; padding: 0; border: 0; color: var(--text-primary); }
.ne-root > .ne-b[data-fmt="codenotes"] ol.ne-list > .ne-li[data-lv="0"][data-seq]::before {
  content: attr(data-seq);
  inline-size: 1.55em; block-size: 1.55em; min-inline-size: 0; padding: 0; inset-block-start: .22em;
  display: grid; place-items: center; border-radius: 50%;
  background: #f59e0b; color: #111827; font-size: .8em; font-weight: 800; line-height: 1;
}
.ne-b[data-fmt="timeline"] .ne-list { padding-inline-start: 1.6rem; }
.ne-root > .ne-b[data-fmt="timeline"] :is(ul, ol).ne-list > .ne-li[data-lv="0"] { padding-block-end: .55rem; margin: 0; }
.ne-root > .ne-b[data-fmt="timeline"] :is(ul, ol).ne-list > .ne-li[data-lv="0"]::before {
  content: ''; inline-size: 10px; block-size: 10px; min-inline-size: 0; padding: 0; margin: 0;
  border-radius: 50%; border: 2px solid var(--fx-acc); background: var(--bg-card);
  left: auto; right: auto; inset-block-start: .5em; inset-inline-start: -1.25rem; z-index: 1;
}
.ne-root > .ne-b[data-fmt="timeline"] :is(ul, ol).ne-list > .ne-li[data-lv="0"]:not(:last-child)::after {
  content: ''; position: absolute; inset-inline-start: calc(-1.25rem + 5px); inset-block: 1.35em -.1em;
  inline-size: 2px; margin-inline-start: -1px; background: color-mix(in oklab, var(--fx-acc) 30%, transparent);
}
.ne-b[data-fmt="timeline"] .ne-li[data-lv="0"] > :is(b, strong):first-child { display: block; font-size: .8em; color: var(--fx-acc); direction: ltr; unicode-bidi: isolate; }
.ne-body[dir="rtl"] .ne-b[data-fmt="timeline"] .ne-li > :is(b, strong):first-child, .ne-b[data-fmt="timeline"] > .ne-body[dir="rtl"] .ne-li > :is(b, strong):first-child { text-align: right; }
.ne-b:is([data-fmt="q"], [data-fmt="qp"], [data-fmt="qe"]) > .ne-body {
  padding: .5rem .8rem; border: 1px solid var(--fx-line); border-block-end-style: dashed;
  border-start-start-radius: 12px; border-start-end-radius: 12px;
  background: color-mix(in oklab, var(--text-muted) 5%, transparent); font-weight: 700;
}
.ne-b:is([data-fmt="qp"], [data-fmt="qe"]) .ne-text::before {
  display: inline-block; margin-inline-end: .5em; padding: 0 .55em; border-radius: 999px;
  font-size: .72em; font-weight: 750; vertical-align: .15em; border: 1px solid;
}
.ne-b[data-fmt="qp"] .ne-text::before { content: 'لبس'; color: #b8730a; background: rgba(184,115,10,.1); border-color: rgba(184,115,10,.3); }
.ne-b[data-fmt="qe"] .ne-text::before { content: 'امتحان'; color: #cc2f2f; background: rgba(204,47,47,.08); border-color: rgba(204,47,47,.28); }
html[lang="en"] .ne-b[data-fmt="qp"] .ne-text::before { content: 'Pitfall'; }
html[lang="en"] .ne-b[data-fmt="qe"] .ne-text::before { content: 'Exam'; }
.ne-b[data-fmt="ans"] > .ne-body {
  padding: .45rem .8rem .55rem; border: 1px solid var(--fx-line); border-block-start: 0;
  border-end-start-radius: 12px; border-end-end-radius: 12px; margin-block-end: .5rem; color: var(--text-secondary);
}
.ne-b[data-fmt="ans"][data-fold] > .ne-body > * { display: none; }
.ne-b[data-fmt="ans"][data-fold] > .ne-body { cursor: pointer; }
.ne-b[data-fmt="ans"][data-fold] > .ne-body::after { content: '▸ اضغطْ لإظهار الجواب'; color: var(--text-muted); font-size: .88em; }
html[lang="en"] .ne-b[data-fmt="ans"][data-fold] > .ne-body::after { content: '▸ Tap to show the answer'; }
.ne-root > .ne-b[data-card][data-fmt="recall"] { --ne-card-acc: #059669; }
:root:not([data-theme="light"]) .ne-root > .ne-b[data-card][data-fmt="recall"] { --ne-card-acc: #6ee7b7; }
.ne-b[data-tst="mnemo"] .ne-tbl {
  border-collapse: separate; border-spacing: .35rem 0; table-layout: fixed; direction: ltr;
  padding: .6rem .5rem; border: 1px dashed #f59e0b; border-radius: 14px;
  background: color-mix(in oklab, #f59e0b 8%, transparent);
}
.ne-b[data-tst="mnemo"] .ne-cell { border: 0; text-align: center; padding: .15rem .3rem; }
.ne-b[data-tst="mnemo"] tr:first-child .ne-cell {
  font-size: 1.6em; font-weight: 800; color: #b45309; letter-spacing: .05em;
  border-block-end: 2px solid color-mix(in oklab, #f59e0b 55%, transparent);
}
:root:not([data-theme="light"]) .ne-b[data-tst="mnemo"] tr:first-child .ne-cell { color: #fcd34d; }
.ne-b[data-tst="mnemo"] tr:nth-child(2) .ne-cell { font-size: .92em; padding-block-start: .35rem; }
.ne-b[data-tst="mnemo"] tr:nth-child(n+3) .ne-cell { font-size: .82em; color: var(--text-secondary); }
/*@3.NOTC2.175*/
.ne-root[data-card-skin] {
  --sk-pit: #dc2626; --sk-exam: #047857; --sk-key: #b45309; --sk-idea: #4d7c0f; --sk-ex: #0369a1;
  --sk-rule: color-mix(in oklab, var(--text-muted) 24%, transparent);
  --sk-label: color-mix(in oklab, var(--bg-body) 45%, var(--bg-card));
}
:root:not([data-theme="light"]) .ne-root[data-card-skin] {
  --sk-pit: #f87171; --sk-exam: #34d399; --sk-key: #fbbf24; --sk-idea: #a3c585; --sk-ex: #7dd3fc;
  --sk-label: color-mix(in oklab, var(--bg-card) 72%, var(--bg-body));
}
.ne-root[data-card-skin] > .ne-b-callout { --nc-t: var(--sk-idea); }
.ne-root[data-card-skin] > .ne-b-callout[data-cal="warning"] { --nc-t: var(--sk-pit); }
.ne-root[data-card-skin] > .ne-b-callout[data-cal="caution"] { --nc-t: var(--sk-exam); }
.ne-root[data-card-skin] > .ne-b-callout[data-cal="important"] { --nc-t: var(--sk-key); }
.ne-root[data-card-skin] > .ne-b-callout[data-cal="tip"] { --nc-t: var(--sk-ex); }
.ne-root[data-card-skin] > .ne-b-callout .ne-body::before { content: none; }
.ne-root[data-card-skin] > .ne-b-callout .ne-cal-h > i { background: none; inline-size: auto; block-size: auto; }
.ne-root[data-card-skin] > .ne-b[data-card] :is(b, strong) { color: inherit; }
.ne-root[data-card-skin] > .ne-b[data-card-title] > .ne-body .ne-text::before,
.ne-root[data-card-skin] > .ne-b[data-card-title][data-pg] > .ne-body::before { content: none; }
.ne-root[data-card-skin] > .ne-b[data-card-title] > .ne-body .ne-text,
.ne-root[data-card-skin] > .ne-b[data-card-title][data-pg] > .ne-body { padding-inline-start: 0; }
.ne-root[data-card-skin] > .ne-b[data-card] .ne-pgb > i { display: none; }
.ne-root[data-card-skin] > .ne-b:is([data-fmt="q"], [data-fmt="qp"], [data-fmt="qe"]) > .ne-body,
.ne-root[data-card-skin] > .ne-b[data-fmt="ans"] > .ne-body { border: 0; border-radius: 0; background: none; margin: 0; position: relative; }

/*@3.NOTC2.177*/
.ne-root:is([data-card-skin="herbal"], [data-card-skin="journey"]) > .ne-b[data-card]:not([data-card-end]) { box-shadow: none; }
.ne-root[data-card-skin="herbal"] > .ne-b[data-card] {
  --hb-vine: #5f7f52; --hb-stamp: #b45309;
  --ne-card-acc: var(--hb-vine); --ne-card-base: var(--bg-card); --ne-card-mix: 0%;
  --ne-card-line: var(--sk-rule); --ne-card-head: var(--ne-card-fill);
  --ne-card-shadow: 0 22px 44px -32px rgba(15, 23, 42, .45);
  padding-inline: 1.5rem 1.6rem;
}
:root:not([data-theme="light"]) .ne-root[data-card-skin="herbal"] > .ne-b[data-card] {
  --hb-vine: #9cc48a; --hb-stamp: #fbbf24; --ne-card-shadow: 0 22px 44px -30px rgba(0, 0, 0, .8);
}
.ne-root[data-card-skin="herbal"] > .ne-b[data-card-start] { border-start-start-radius: 16px; border-start-end-radius: 16px; margin-block-start: 1.7rem; padding-block-start: .9rem; }
.ne-root[data-card-skin="herbal"] > .ne-b[data-card-end] { border-end-start-radius: 16px; border-end-end-radius: 16px; margin-block-end: 1.7rem; padding-block-end: 1.1rem; }
.ne-root[data-card-skin="herbal"] > .ne-b[data-card-title] { border-block-end: 0; padding-block: .75rem .55rem; }
.ne-root[data-card-skin="herbal"] > .ne-b[data-card-title] > .ne-body .ne-text {
  font-size: calc(var(--ne-card-tfs, 1.06em) * 1.2); font-weight: 800; line-height: 1.55;
}
.ne-root[data-card-skin="herbal"] > .ne-b[data-card-title] > .ne-body { display: flex; align-items: center; gap: .85rem; }
.ne-root[data-card-skin="herbal"] > .ne-b[data-card-title] .ne-pgb {
  inline-size: 2.5rem; block-size: 2.5rem; padding: 0; justify-content: center; border-radius: 50%; border: 0;
  background: none; color: var(--hb-stamp); font-size: 1rem; font-weight: 700;
  font-family: ui-monospace, 'JetBrains Mono', Consolas, monospace;
  border: 1.5px solid var(--hb-stamp); box-sizing: border-box;
  box-shadow: inset 0 0 0 2.5px var(--ne-card-fill), inset 0 0 0 3.5px color-mix(in oklab, var(--hb-stamp) 60%, transparent);
}
.ne-root[data-card-skin="herbal"] > .ne-b[data-card-title]:not([data-pg]) > .ne-body::before {
  content: ''; flex: none; inline-size: 2.2rem; block-size: 2.2rem; border-radius: 50%; background: var(--hb-vine);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14.6' fill='none' stroke='black' stroke-width='1.4'/%3E%3Cpath d='M16 24v-8' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M16 17c-1-3.6-3.8-5.2-7-5 .2 3.2 2.6 5.6 7 5Z'/%3E%3Cpath d='M16 15.5c.8-3.4 3.4-5.2 6.8-5.1-.2 3.3-2.8 5.6-6.8 5.1Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14.6' fill='none' stroke='black' stroke-width='1.4'/%3E%3Cpath d='M16 24v-8' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M16 17c-1-3.6-3.8-5.2-7-5 .2 3.2 2.6 5.6 7 5Z'/%3E%3Cpath d='M16 15.5c.8-3.4 3.4-5.2 6.8-5.1-.2 3.3-2.8 5.6-6.8 5.1Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.ne-root[data-card-skin="herbal"] > .ne-b[data-card-title][data-fmt="recall"]:not([data-pg]) > .ne-body::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 38C20 26 20 14 20 4' fill='none' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M20 14C14 8 8 8 6 11 10 16 15 17 20 14Z'/%3E%3Cpath d='M20 24C26 18 32 18 34 21 30 26 25 27 20 24Z'/%3E%3Cpath d='M20 8C23 4 27 3 29 5 27 9 23 10 20 8Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 38C20 26 20 14 20 4' fill='none' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M20 14C14 8 8 8 6 11 10 16 15 17 20 14Z'/%3E%3Cpath d='M20 24C26 18 32 18 34 21 30 26 25 27 20 24Z'/%3E%3Cpath d='M20 8C23 4 27 3 29 5 27 9 23 10 20 8Z'/%3E%3C/svg%3E"); }
.ne-root[data-card-skin="herbal"] > .ne-b[data-card] ul.ne-list > .ne-li:not([data-blank="1"])::before {
  inline-size: 9px; block-size: 9px; border-radius: 100% 0; background: var(--hb-vine); inset-block-start: .66em;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M2 18C2 8 8 2 18 2 18 12 12 18 2 18Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M2 18C2 8 8 2 18 2 18 12 12 18 2 18Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.ne-root[data-card-skin="herbal"] > .ne-b[data-card] ol.ne-list > .ne-li::before { color: var(--hb-stamp); font-family: ui-monospace, 'JetBrains Mono', Consolas, monospace; font-weight: 700; }
.ne-root[data-card-skin="herbal"] > .ne-b-callout .ne-body {
  background: var(--sk-label); border: 1px solid var(--sk-rule); border-radius: 4px; padding: .65rem .95rem .75rem;
}
.ne-root[data-card-skin="herbal"] > .ne-b-callout .ne-cal-h { font-size: .72rem; letter-spacing: .01em; margin-block-end: .3rem; }
.ne-root[data-card-skin="herbal"] > .ne-b:is([data-fmt="q"], [data-fmt="qp"], [data-fmt="qe"]) > .ne-body {
  padding: .8rem 0 .15rem; padding-inline-start: 2.7rem; border-block-start: 1px solid var(--sk-rule); font-weight: 650;
}
.ne-root[data-card-skin="herbal"] > .ne-b[data-card-title] + .ne-b:is([data-fmt="q"], [data-fmt="qp"], [data-fmt="qe"]) > .ne-body { border-block-start-color: transparent; }
.ne-root[data-card-skin="herbal"] > .ne-b:is([data-fmt="q"], [data-fmt="qp"], [data-fmt="qe"]) > .ne-body::before {
  content: ''; position: absolute; inset-inline-start: .2rem; inset-block-start: .78rem; inline-size: 1.75rem; block-size: 1.75rem; border-radius: 50%;
  background: var(--hb-vine, #5f7f52); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14.6' fill='none' stroke='black' stroke-width='1.4'/%3E%3Cpath d='M16 24v-8' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M16 17c-1-3.6-3.8-5.2-7-5 .2 3.2 2.6 5.6 7 5Z'/%3E%3Cpath d='M16 15.5c.8-3.4 3.4-5.2 6.8-5.1-.2 3.3-2.8 5.6-6.8 5.1Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14.6' fill='none' stroke='black' stroke-width='1.4'/%3E%3Cpath d='M16 24v-8' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M16 17c-1-3.6-3.8-5.2-7-5 .2 3.2 2.6 5.6 7 5Z'/%3E%3Cpath d='M16 15.5c.8-3.4 3.4-5.2 6.8-5.1-.2 3.3-2.8 5.6-6.8 5.1Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.ne-root[data-card-skin="herbal"] > .ne-b:is([data-fmt="q"], [data-fmt="qp"], [data-fmt="qe"]):has(+ .ne-b[data-fmt="ans"]:not([data-fold])) > .ne-body::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14.6' fill='none' stroke='black' stroke-width='1.4'/%3E%3Cpath d='M16 25v-9' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M16 20c-1.6-4-5-5.4-8.6-4.8.6 3.6 3.6 6 8.6 4.8Z'/%3E%3Cpath d='M16 18c1.4-4 4.8-5.6 8.4-5.2-.4 3.6-3.4 6.2-8.4 5.2Z'/%3E%3Ccircle cx='16' cy='10.5' r='3.2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14.6' fill='none' stroke='black' stroke-width='1.4'/%3E%3Cpath d='M16 25v-9' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M16 20c-1.6-4-5-5.4-8.6-4.8.6 3.6 3.6 6 8.6 4.8Z'/%3E%3Cpath d='M16 18c1.4-4 4.8-5.6 8.4-5.2-.4 3.6-3.4 6.2-8.4 5.2Z'/%3E%3Ccircle cx='16' cy='10.5' r='3.2'/%3E%3C/svg%3E"); }
.ne-root[data-card-skin="herbal"] > .ne-b:is([data-fmt="qp"], [data-fmt="qe"]) .ne-text::before {
  display: block; inline-size: max-content; margin: 0 0 .1rem; padding: 0; border: 0; border-radius: 0; background: none; font-size: .7rem;
}
.ne-root[data-card-skin="herbal"] > .ne-b[data-fmt="qp"] .ne-text::before { color: var(--sk-pit); }
.ne-root[data-card-skin="herbal"] > .ne-b[data-fmt="qe"] .ne-text::before { color: var(--sk-exam); }
.ne-root[data-card-skin="herbal"] > .ne-b[data-fmt="ans"] > .ne-body { padding: .15rem 0 .8rem; padding-inline-start: 2.7rem; color: var(--text-secondary); }
.ne-root[data-card-skin="herbal"] > .ne-b[data-fmt="ans"][data-fold] > .ne-body::after { color: var(--hb-vine); font-weight: 650; }
.ne-root[data-card-skin="herbal"] > .ne-b[data-tst="cmp"] .ne-tbl { border-radius: 3px; }
.ne-root[data-card-skin="herbal"] > .ne-b[data-tst="cmp"] tr:first-child .ne-cell { background: none; color: var(--text-primary); border-block-end: 1.5px solid color-mix(in oklab, var(--text-muted) 55%, transparent); }
.ne-root[data-card-skin="herbal"] > .ne-b[data-tst="cmp"] tr:not(:first-child) .ne-cell:first-child { background: none; }
.ne-root[data-card-skin="herbal"] > .ne-b-code .ne-code { border-radius: 4px; }

/*@3.NOTC2.178*/
.ne-root[data-card-skin="cornell"] { --cn-cue: 9.5rem; --cn-to: to right; }
html[dir="rtl"] .ne-root[data-card-skin="cornell"] { --cn-to: to left; }
.ne-root[data-card-skin="cornell"] > .ne-b[data-card] {
  --cn-acc: #c2410c; --cn-cue-bg: color-mix(in oklab, var(--text-muted) 6%, var(--bg-card));
  --ne-card-acc: var(--cn-acc); --ne-card-base: var(--bg-card); --ne-card-mix: 0%;
  --ne-card-line: color-mix(in oklab, var(--text-muted) 30%, transparent); --ne-card-head: transparent; --ne-card-shadow: none;
  /*@3.NOTC2.180*/
  --cn-bgi: linear-gradient(var(--cn-to), var(--cn-cue-bg) 0 calc(var(--cn-cue) - 1px), var(--ne-card-line) calc(var(--cn-cue) - 1px) var(--cn-cue), transparent var(--cn-cue));
  --ne-cue: 1; --ne-cue-bg: var(--cn-cue-bg); column-rule-color: var(--ne-card-line);
  padding-inline-start: var(--cn-cue);
  background-color: var(--bg-card);
  background-image: var(--cn-bgi);
}
:root:not([data-theme="light"]) .ne-root[data-card-skin="cornell"] > .ne-b[data-card] { --cn-acc: #fdba74; --cn-cue-bg: color-mix(in oklab, var(--text-muted) 9%, var(--bg-card)); }
.ne-root[data-card-skin="cornell"] > .ne-b[data-card-title]:hover { background-color: var(--bg-card); background-image: var(--cn-bgi); }
.ne-root[data-card-skin="cornell"] > .ne-b[data-card] > .ne-body { padding-inline-start: 1.1rem; }
.ne-root[data-card-skin="cornell"] > .ne-b[data-card-start] { border-start-start-radius: 6px; border-start-end-radius: 6px; }
.ne-root[data-card-skin="cornell"] > .ne-b[data-card-end] { border-end-start-radius: 6px; border-end-end-radius: 6px; }
.ne-root[data-card-skin="cornell"] > .ne-b[data-card-title] { padding-block: .85rem .8rem; min-block-size: 3.2rem; }
.ne-root[data-card-skin="cornell"] > .ne-b[data-card-title] > .ne-body .ne-text { font-size: calc(var(--ne-card-tfs, 1.06em) * 1.08); position: static; text-align: center; }
.ne-root[data-card-skin="cornell"] > .ne-b[data-card-title] > .ne-body, .ne-root[data-card-skin="cornell"] > .ne-b[data-card-title][data-pg] > .ne-body { position: static; padding-inline: 1.1rem; }
.ne-root[data-card-skin="cornell"] > .ne-b[data-card-title] { padding-inline-end: 0; }
.ne-root[data-card-skin="cornell"] > .ne-b[data-card-title] .ne-pgb {
  position: absolute; inset-block-start: 50%; transform: translateY(-50%); padding: 0; border: 0; background: none; border-radius: 0;
  color: var(--cn-acc); font-size: 1.85rem; font-weight: 300; line-height: 1.1;
}
.ne-root[data-card-skin="cornell"] > .ne-b[data-card-title]:not([data-pg]) > .ne-body .ne-text::before {
  content: ''; position: absolute; inset-block-start: calc(50% - 1px); inline-size: 1.4rem; block-size: 2px; border-radius: 2px; background: var(--cn-acc); transform: none;
}
.ne-root[data-card-skin="cornell"] > .ne-b[data-card-title][data-fmt="recall"]:not([data-pg]) > .ne-body .ne-text::before { content: '?'; background: none; inline-size: auto; block-size: auto; inset-block-start: 50%; transform: translateY(-50%); color: var(--cn-acc); font-size: 1.85rem; font-weight: 300; line-height: 1.1; }
html[dir="rtl"] .ne-root[data-card-skin="cornell"] > .ne-b[data-card-title] .ne-pgb,
html[dir="rtl"] .ne-root[data-card-skin="cornell"] > .ne-b[data-card-title] > .ne-body .ne-text::before { right: 1rem; left: auto; }
html:not([dir="rtl"]) .ne-root[data-card-skin="cornell"] > .ne-b[data-card-title] .ne-pgb,
html:not([dir="rtl"]) .ne-root[data-card-skin="cornell"] > .ne-b[data-card-title] > .ne-body .ne-text::before { left: 1rem; right: auto; }
.ne-root[data-card-skin="cornell"] > .ne-b[data-card]:not([data-card-title]) :is(.ne-text, .ne-list:not(.ne-dl) > .ne-li):not(:empty) {
  --ne-ruled: 1; column-rule-color: color-mix(in oklab, var(--text-muted) 9%, transparent); line-height: 2em;
  background-image: repeating-linear-gradient(to bottom, transparent 0 calc(2em - 1px), color-mix(in oklab, var(--text-muted) 9%, transparent) calc(2em - 1px) 2em);
  background-origin: content-box; background-clip: content-box;
}
.ne-root[data-card-skin="cornell"] > .ne-b[data-card] .ne-list > .ne-li + .ne-li { margin-block-start: 0; }
.ne-root[data-card-skin="cornell"] > .ne-b[data-card]:is([data-ty="code"], [data-ty="math"], [data-ty="img"]) { padding-inline-start: 1.1rem; background-image: none; --ne-cue: 0; }
.ne-root[data-card-skin="cornell"] > .ne-b[data-card]:is([data-ty="code"], [data-ty="math"], [data-ty="img"]) > .ne-body { padding-inline-start: 0; }
.ne-root[data-card-skin="cornell"] > .ne-b-callout { min-block-size: 2.9rem; }
.ne-root[data-card-skin="cornell"] > .ne-b-callout[data-card] > .ne-body, .ne-root[data-card-skin="cornell"] > .ne-b-callout > .ne-body {
  position: static; overflow: visible; background: none; border-radius: 0; padding: .1rem 0 .25rem; padding-inline-start: 1.1rem;
  border-inline-start: 2px solid color-mix(in oklab, var(--nc-t) 70%, transparent);
}
.ne-root[data-card-skin="cornell"] > .ne-b-callout .ne-cal-h {
  position: absolute; inset-block-start: 50%; transform: translateY(-50%); inline-size: calc(var(--cn-cue) - 1.8rem); margin: 0;
  align-items: center; text-align: start; white-space: normal; font-size: .76rem; line-height: 1.45;
}
html[dir="rtl"] .ne-root[data-card-skin="cornell"] > .ne-b-callout .ne-cal-h { right: .9rem; left: auto; }
html:not([dir="rtl"]) .ne-root[data-card-skin="cornell"] > .ne-b-callout .ne-cal-h { left: .9rem; right: auto; }
.ne-root[data-card-skin="cornell"] > .ne-b-callout[data-cal="important"][data-card-end] {
  padding-inline-start: 1.1rem; background-image: none; --ne-cue: 0; background-color: var(--cn-cue-bg); border-block-start: 1px solid var(--ne-card-line); padding-block-start: .6rem; min-block-size: 0;
}
.ne-root[data-card-skin="cornell"] > .ne-b-callout[data-cal="important"][data-card-end] > .ne-body { border: 0; padding-inline-start: 0; }
.ne-root[data-card-skin="cornell"] > .ne-b-callout[data-cal="important"][data-card-end] .ne-cal-h { position: static; transform: none; inline-size: auto; margin-block-end: .25rem; }
.ne-root[data-card-skin="cornell"] > .ne-b:is([data-fmt="q"], [data-fmt="qp"], [data-fmt="qe"]) > .ne-body { position: static; padding: .55rem 0 .1rem; padding-inline-start: 1.1rem; font-weight: 700; }
.ne-root[data-card-skin="cornell"] > .ne-b:is([data-fmt="q"], [data-fmt="qp"], [data-fmt="qe"]) > .ne-body::before {
  content: 'س'; position: absolute; inset-block-start: 50%; transform: translateY(-50%); color: var(--cn-acc); font-size: 1.3rem; font-weight: 400; line-height: 1.3;
}
html[lang="en"] .ne-root[data-card-skin="cornell"] > .ne-b:is([data-fmt="q"], [data-fmt="qp"], [data-fmt="qe"]) > .ne-body::before { content: 'Q'; }
.ne-root[data-card-skin="cornell"] > .ne-b:is([data-fmt="qp"], [data-fmt="qe"]) .ne-text::before {
  position: absolute; inset-block-start: 50%; transform: translateY(-50%); margin: 0; padding: 0; border: 0; background: none; font-size: .72rem; vertical-align: baseline;
}
.ne-root[data-card-skin="cornell"] > .ne-b[data-fmt="qp"] .ne-text::before { color: var(--sk-pit); }
.ne-root[data-card-skin="cornell"] > .ne-b[data-fmt="qe"] .ne-text::before { color: var(--sk-exam); }
.ne-root[data-card-skin="cornell"] > .ne-b[data-fmt="ans"] > .ne-body { position: static; padding: .1rem 0 .6rem; padding-inline-start: 1.1rem; color: var(--text-secondary); border-block-end: 1px dashed var(--ne-card-line); }
.ne-root[data-card-skin="cornell"] > .ne-b[data-fmt="ans"][data-card-end] > .ne-body { border-block-end: 0; }
.ne-root[data-card-skin="cornell"] > .ne-b[data-fmt="ans"] > .ne-body::before { content: 'ج'; position: absolute; inset-block-start: 50%; transform: translateY(-50%); color: var(--text-muted); font-size: 1.3rem; line-height: 1.3; }
html[lang="en"] .ne-root[data-card-skin="cornell"] > .ne-b[data-fmt="ans"] > .ne-body::before { content: 'A'; }
html[dir="rtl"] .ne-root[data-card-skin="cornell"] > .ne-b:is([data-fmt="q"], [data-fmt="qp"], [data-fmt="qe"], [data-fmt="ans"]) > .ne-body::before { right: 1rem; left: auto; }
html:not([dir="rtl"]) .ne-root[data-card-skin="cornell"] > .ne-b:is([data-fmt="q"], [data-fmt="qp"], [data-fmt="qe"], [data-fmt="ans"]) > .ne-body::before { left: 1rem; right: auto; }
html[dir="rtl"] .ne-root[data-card-skin="cornell"] > .ne-b:is([data-fmt="qp"], [data-fmt="qe"]) .ne-text::before { right: 2.8rem; left: auto; }
html:not([dir="rtl"]) .ne-root[data-card-skin="cornell"] > .ne-b:is([data-fmt="qp"], [data-fmt="qe"]) .ne-text::before { left: 2.8rem; right: auto; }
@media (max-width: 640px) {
  .ne-root[data-card-skin="cornell"] { --cn-cue: 0px; }
  .ne-root[data-card-skin="cornell"] > .ne-b[data-card] { padding-inline-start: .9rem; background: var(--bg-card); --ne-cue: 0; }
  .ne-root[data-card-skin="cornell"] > .ne-b[data-card]:not(.ne-b-callout) > .ne-body { border-inline-start: 0; padding-inline-start: 0; }
  .ne-root[data-card-skin="cornell"] > .ne-b[data-card-title] .ne-pgb,
  .ne-root[data-card-skin="cornell"] > .ne-b-callout .ne-cal-h { position: static; transform: none; inline-size: auto; font-size: .76rem; }
  .ne-root[data-card-skin="cornell"] > .ne-b[data-card-title] .ne-pgb { font-size: 1.3rem; margin-inline-end: .5rem; }
  .ne-root[data-card-skin="cornell"] > .ne-b[data-card-title]:not([data-pg]) > .ne-body .ne-text::before { content: none; }
  .ne-root[data-card-skin="cornell"] > .ne-b-callout .ne-cal-h { margin-block-end: .2rem; }
  .ne-root[data-card-skin="cornell"] > .ne-b:is([data-fmt="q"], [data-fmt="qp"], [data-fmt="qe"], [data-fmt="ans"]) > .ne-body::before { position: static; transform: none; margin-inline-end: .4rem; font-size: 1em; }
  .ne-root[data-card-skin="cornell"] > .ne-b:is([data-fmt="qp"], [data-fmt="qe"]) .ne-text::before { position: static; transform: none; margin-inline-end: .4rem; }
  .ne-root[data-card-skin="cornell"] > .ne-b[data-card-title] .ne-pgb { transform: none; }
}

/*@3.NOTC2.179*/
.ne-root[data-card-skin="journey"] > .ne-b[data-card] {
  --jr-acc: #d97706; --jr-rail: color-mix(in oklab, var(--text-muted) 26%, transparent);
  --ne-card-acc: var(--jr-acc); --ne-card-base: var(--bg-card); --ne-card-mix: 0%;
  --ne-card-line: rgba(15, 23, 42, .06); --ne-card-head: var(--ne-card-fill);
  --ne-card-shadow: 0 18px 38px -30px rgba(15, 23, 42, .5);
  padding-inline: 1.6rem 1.7rem;
}
:root:not([data-theme="light"]) .ne-root[data-card-skin="journey"] > .ne-b[data-card] {
  --jr-acc: #fbbf24; --ne-card-line: rgba(255, 255, 255, .06); --ne-card-shadow: 0 16px 36px -20px rgba(0, 0, 0, .85);
}
.ne-root[data-card-skin="journey"] > .ne-b[data-card-start] { border-start-start-radius: 22px; border-start-end-radius: 22px; margin-block-start: 1.9rem; padding-block-start: 1.05rem; }
.ne-root[data-card-skin="journey"] > .ne-b[data-card-end] { border-end-start-radius: 22px; border-end-end-radius: 22px; margin-block-end: 1.9rem; padding-block-end: 1.2rem; }
.ne-root[data-card-skin="journey"] > .ne-b[data-card-title] { border-block-end: 0; padding-block: .8rem .5rem; }
.ne-root[data-card-skin="journey"] > .ne-b[data-card-title] > .ne-body .ne-text { font-size: calc(var(--ne-card-tfs, 1.06em) * 1.32); font-weight: 800; line-height: 1.5; }
.ne-root[data-card-skin="journey"] > .ne-b[data-card-title] > .ne-body { display: flex; align-items: center; gap: .8rem; }
.ne-root[data-card-skin="journey"] > .ne-b[data-card-title] .ne-pgb {
  order: 0; padding: .1rem 0; padding-inline-end: .8rem; border: 0; border-inline-end: 1px solid var(--jr-rail); border-radius: 0;
  background: none; color: var(--text-muted); font-size: .92rem; font-weight: 600; direction: ltr;
}
.ne-root[data-card-skin="journey"] > .ne-b[data-card-title]:not([data-pg]) > .ne-body::before {
  content: ''; flex: none; inline-size: .7rem; block-size: .7rem; border-radius: 50%;
  background: var(--jr-acc); box-shadow: 0 0 0 4px color-mix(in oklab, var(--jr-acc) 20%, transparent);
}
.ne-root[data-card-skin="journey"] > .ne-b[data-card] ul.ne-list > .ne-li:not([data-blank="1"])::before {
  inline-size: 7px; block-size: 7px; background: none; border: 2px solid var(--jr-acc); box-sizing: border-box; inset-block-start: .7em;
}
.ne-root[data-card-skin="journey"] > .ne-b-callout .ne-body {
  background: none; border-radius: 0; overflow: visible; padding: .2rem 0 .55rem; padding-inline-start: 1.9rem;
}
.ne-root[data-card-skin="journey"] > .ne-b-callout .ne-body::after {
  content: ''; position: absolute; inset-inline-start: .45rem; inset-block: 0; inline-size: 2px; background: var(--jr-rail);
}
.ne-root[data-card-skin="journey"] > .ne-b-callout:not(.ne-b-callout + .ne-b-callout) .ne-body::after { inset-block-start: .7rem; }
.ne-root[data-card-skin="journey"] > .ne-b-callout:not(:has(+ .ne-b-callout)) .ne-body::after { inset-block-end: auto; block-size: .8rem; }
.ne-root[data-card-skin="journey"] > .ne-b-callout:not(.ne-b-callout + .ne-b-callout):not(:has(+ .ne-b-callout)) .ne-body::after { content: none; }
.ne-root[data-card-skin="journey"] > .ne-b-callout .ne-body::before {
  content: ''; position: absolute; z-index: 1; inset-inline-start: .15rem; inset-block-start: .55rem; inline-size: .75rem; block-size: .75rem;
  border-radius: 50%; background: var(--nc-t); box-shadow: 0 0 0 3px var(--bg-card), 0 0 0 4.5px color-mix(in oklab, var(--nc-t) 35%, transparent);
}
.ne-root[data-card-skin="journey"] > .ne-b-callout .ne-cal-h {
  padding: .1rem .65rem; border-radius: 999px; background: color-mix(in oklab, var(--nc-t) 13%, transparent); font-size: .74rem; margin-block-end: .35rem;
}
.ne-root[data-card-skin="journey"] > .ne-b:is([data-fmt="q"], [data-fmt="qp"], [data-fmt="qe"]) > .ne-body { padding: .6rem 0 .25rem; padding-inline-start: 2.1rem; font-weight: 700; }
.ne-root[data-card-skin="journey"] > .ne-b:is([data-fmt="q"], [data-fmt="qp"], [data-fmt="qe"]) > .ne-body::before {
  content: ''; position: absolute; inset-inline-start: .1rem; inset-block-start: .72rem; inline-size: 1.25rem; block-size: 1.25rem;
  border-radius: 50%; box-sizing: border-box; border: 2px solid var(--jr-rail); background: color-mix(in oklab, var(--text-muted) 8%, var(--bg-card)); display: grid; place-items: center;
  font-size: .7rem; font-weight: 900; line-height: 1; color: var(--bg-card);
}
.ne-root[data-card-skin="journey"] > .ne-b:is([data-fmt="q"], [data-fmt="qp"], [data-fmt="qe"]):has(+ .ne-b[data-fmt="ans"]:not([data-fold])) > .ne-body::before {
  content: '✓'; border-color: var(--jr-acc); background: var(--jr-acc);
}
.ne-root[data-card-skin="journey"] > .ne-b:is([data-fmt="qp"], [data-fmt="qe"]) .ne-text::before { border: 0; padding: .05em .6em; }
.ne-root[data-card-skin="journey"] > .ne-b[data-fmt="ans"] > .ne-body {
  margin-inline-start: 2.1rem; margin-block-end: .5rem; padding: .5rem .85rem; border-radius: 12px;
  background: color-mix(in oklab, var(--jr-acc) 8%, transparent); color: var(--text-secondary);
}
.ne-root[data-card-skin="journey"] > .ne-b[data-tst="cmp"] .ne-tbl { border-radius: 14px; }
.ne-root[data-card-skin="journey"] > .ne-b[data-tst="cmp"] tr:first-child .ne-cell { background: color-mix(in oklab, var(--text-muted) 10%, transparent); color: var(--text-primary); }
.ne-root[data-card-skin="journey"] > .ne-b-code .ne-code { border-radius: 14px; }
.ne-menu-sw { display: grid; grid-template-columns: repeat(8, 1fr); gap: .3rem; padding: .25rem .55rem .4rem; }
.ne-menu-swb {
  inline-size: 100%; aspect-ratio: 1; padding: 0; margin: 0; border-radius: 50%;
  background: var(--ne-sw, var(--bg-card)); border: 1px solid var(--border-color); position: relative;
}
.ne-menu-swb.is-on { outline: 2px solid #10b981; outline-offset: 1px; }
.ne-menu-swb--auto { background: linear-gradient(135deg, var(--bg-card) 50%, color-mix(in oklab, var(--bg-card) 90%, var(--text-muted) 10%) 50%); }
.ne-menu-swb--grey    { --ne-sw: color-mix(in oklab, var(--bg-card) 84%, var(--text-muted) 16%); }
.ne-menu-swb--sky     { --ne-sw: color-mix(in oklab, var(--bg-card) 70%, #0284c7 30%); }
.ne-menu-swb--amber   { --ne-sw: color-mix(in oklab, var(--bg-card) 70%, #d97706 30%); }
.ne-menu-swb--rose    { --ne-sw: color-mix(in oklab, var(--bg-card) 70%, #e11d48 30%); }
.ne-menu-swb--emerald { --ne-sw: color-mix(in oklab, var(--bg-card) 70%, #059669 30%); }
.ne-menu-swb--violet  { --ne-sw: color-mix(in oklab, var(--bg-card) 70%, #7c3aed 30%); }
.ne-menu-i--danger { color: var(--st-danger, #dc2626); }
.ne-body { flex: 1 1 auto; min-inline-size: 0; padding-block: .18rem; }

.ne-rail {
  position: absolute; inset-inline-start: 0; inset-block-start: .15rem;
  display: flex; flex-direction: row; align-items: center; gap: 0;
  opacity: 0; transition: opacity .12s ease;
  background: var(--bg-surface);
  border-radius: var(--radius-md);
}
.ne-b:hover > .ne-rail,
.ne-b:focus-within > .ne-rail { opacity: 1; }
.ne-rail:hover, .ne-rail:focus-within { opacity: 1 !important; }

/*@3.NOTC2.7*/
.ne-b[data-hlb="1"] {
  background: color-mix(in oklab, var(--ne-hlb) var(--ne-hlb-mix), transparent);
  border-radius: var(--radius-md);
  padding-block: .2rem;
}
.ne-b[data-hlb="1"]:hover {
  background: color-mix(in oklab, var(--ne-hlb) calc(var(--ne-hlb-mix) + 6%), transparent);
}
/*@3.NOTC2.176*/
.ne-b-code[data-hlb="1"], .ne-b-code[data-hlb="1"]:hover { background: none; padding-block: 0; }
.ne-b-code[data-hlb="1"] .ne-code {
  background: color-mix(in oklab, var(--ne-hlb) calc(var(--ne-hlb-mix) + 4%), var(--bg-surface));
  border-color: color-mix(in oklab, var(--ne-hlb) 40%, var(--border-color));
}

/*@3.NOTC2.13*/
/*@3.NOTC2.47*/
.ne-root { position: relative; padding-inline: var(--ne-mx, 3rem); padding-block: 1.2rem 1rem; }
.ne-b[data-bleed="1"] { margin-inline: calc(var(--ne-mx, 3rem) * -1); }
/*@3.NOTC2.14*/
.ne-b[data-fp] {
  position: absolute; z-index: 4;
  min-inline-size: 6rem;
  border: 1px dashed transparent;
  border-radius: var(--radius-md);
  padding-block: .2rem;
}
/*@3.NOTC2.22*/
.ne-b[data-wm="fit"] { inline-size: max-content; max-inline-size: 100%; }
.ne-b[data-fp][data-wm="full"],
.ne-b[data-fp][data-wm="px"] { min-inline-size: 4rem; }
.ne-b[data-wm="px"] > .ne-body,
.ne-b[data-wm="full"] > .ne-body { min-inline-size: 0; }
.ne-b[data-wm="fit"] > .ne-body { inline-size: max-content; max-inline-size: 100%; }
.ne-b[data-wm="fit"] .ne-text,
.ne-b[data-wm="fit"] .ne-li { white-space: pre-wrap; }

/*@3.NOTC2.23*/
.ne-wgrip {
  position: absolute; inset-block: .1rem;
  inline-size: 9px; padding: 0; cursor: ew-resize; touch-action: none;
  background: transparent; border: 0; opacity: 0;
  border-radius: var(--radius-pill);
}
/*@3.NOTC2.149*/
.ne-rgrip {
  position: absolute; inset-block-start: auto; inset-block-end: -28px; inset-inline: 0; margin-inline: auto;
  inline-size: 1.15rem; block-size: 1.15rem; padding: 0; cursor: grab;
  display: none; align-items: center; justify-content: center;
  background: var(--bg-elevated); color: var(--text-muted);
  border: 1px solid var(--border-color); border-radius: 50%;
  font-size: .56rem; touch-action: none; z-index: 3;
}
.ne-b[data-fp]:hover > .ne-rgrip,
.ne-b[data-fp]:focus-within > .ne-rgrip { display: flex; }
.ne-rgrip:hover { color: var(--text-primary); border-color: #a78bfa; }
.ne-rgrip:focus-visible { outline: 2px solid #a78bfa; outline-offset: 1px; }

/*@3.NOTC2.43*/
.ne-wgrip[data-side="e"] { inset-inline-end: -3px; }
.ne-wgrip[data-side="s"] { inset-inline-start: -3px; display: none; }
.ne-b[data-fp] > .ne-wgrip[data-side="s"] { display: block; }
.ne-wgrip::before {
  content: ''; display: block; block-size: 100%; inline-size: 3px;
  margin-inline: auto; border-radius: var(--radius-pill);
  background: color-mix(in oklab, #a78bfa 70%, transparent);
}
.ne-b:hover > .ne-wgrip, .ne-b:focus-within > .ne-wgrip { opacity: .55; }
.ne-wgrip:hover, .ne-b.ne-sizing > .ne-wgrip { opacity: 1 !important; }
.ne-wgrip:focus-visible { opacity: 1; outline: 2px solid #a78bfa; outline-offset: 1px; }
.ne-b.ne-sizing { user-select: none; }
/*@3.NOTC2.51*/
@media (hover: none) {
  .ne-wgrip { inline-size: 16px; opacity: 0; }
  .ne-b:focus-within > .ne-wgrip { opacity: .5; }

  /*@3.NOTC2.83*/
  .ne-b[data-act="1"] > .ne-rail { opacity: 1; }
  /*@3.NOTC2.88*/
  .ne-root[data-rail="out"] .ne-rail {
    gap: 2px; padding: 2px;
    background: color-mix(in oklab, var(--bg-surface) 88%, transparent);
    border: 1px solid var(--border-color);
  }
  .ne-b[data-act="1"] > .ne-wgrip { opacity: .9; inline-size: 26px; }
  .ne-b[data-fp][data-act="1"] > .ne-rgrip {
    display: flex;
    inset-block-end: -40px;
    inline-size: 34px; block-size: 34px; font-size: .9rem;
  }
  /*@3.NOTC2.89*/
  .ne-b[data-act="1"] > .ne-rail .ne-grip,
  .ne-b[data-act="1"] > .ne-rail .ne-plus,
  .ne-b[data-act="1"] > .ne-rail .ne-tick {
    inline-size: 34px; block-size: 34px; font-size: .95rem;
  }
  .ne-b[data-act="1"] {
    outline: 1px dashed color-mix(in oklab, #a78bfa 55%, transparent);
    outline-offset: 2px;
    border-radius: var(--radius-sm);
  }
}
.ne-b[data-fp] .ne-text, .ne-b[data-fp] .ne-li, .ne-b[data-fp] .ne-cell {
  overflow-wrap: anywhere;
}
.ne-b[data-fp]:hover { border-color: color-mix(in oklab, var(--text-muted) 55%, transparent); }
.ne-b[data-fp]:focus-within {
  z-index: 6;
  border-style: solid;
  border-color: color-mix(in oklab, var(--text-muted) 70%, transparent);
}
.ne-b[data-fp] > .ne-rail { opacity: 0; }
.ne-b[data-fp]:hover > .ne-rail,
.ne-b[data-fp]:focus-within > .ne-rail { opacity: 1; }
/*@3.NOTC2.151*/
.ne-b[data-fp][data-act="1"] {
  z-index: 45 !important;
  border-style: solid;
  border-color: color-mix(in oklab, var(--text-muted) 70%, transparent);
}
.ne-b[data-fp][data-act="1"] > .ne-rail { opacity: 1; }
.ne-b[data-fp][data-act="1"] > .ne-rgrip { display: flex; }
.ne-b[data-fp][data-act="1"] > .ne-wgrip { opacity: .55; }
.ne-b[data-imged="1"] { z-index: 45; }

/*@3.NOTC2.6*/
.ne-b[data-bsel="1"] {
  background: color-mix(in oklab, #10b981 12%, transparent);
  outline: 1px solid color-mix(in oklab, #10b981 45%, transparent);
  outline-offset: -1px;
}
.ne-root[data-selmode="1"] { cursor: cell; }
.ne-root[data-selmode="1"] .ne-text,
.ne-root[data-selmode="1"] .ne-li,
.ne-root[data-selmode="1"] .ne-cell,
.ne-root[data-selmode="1"] .ne-code { cursor: cell; }
.ne-root[data-selmode="1"] > .ne-b > .ne-rail { opacity: 1; }

/*@3.NOTC2.56*/
.ne-root[data-bdrag="1"],
.ne-root[data-bdrag="1"] * { user-select: none; -webkit-user-select: none; }
.ne-root[data-bdrag="1"] { cursor: cell; }

/*@3.NOTC2.21*/
.ne-selhint {
  display: flex; align-items: center; gap: .5rem; flex-wrap: wrap;
  margin-block-end: .5rem; padding: .45rem .7rem;
  border-radius: var(--radius-lg);
  background: color-mix(in oklab, #10b981 10%, transparent);
  border: 1px solid color-mix(in oklab, #10b981 40%, transparent);
  color: var(--text-secondary); font-size: .78rem; line-height: 1.5;
}
.ne-selhint > i { color: #10b981; flex: none; }
.ne-selhint-t { flex: 1 1 12rem; min-inline-size: 0; }
.ne-selhint-b {
  flex: none; cursor: pointer; font-family: inherit; font-size: .74rem;
  padding: .22rem .6rem; border-radius: var(--radius-pill);
  background: transparent; color: var(--text-primary);
  border: 1px solid color-mix(in oklab, #10b981 55%, transparent);
}
.ne-selhint-b:hover { background: color-mix(in oklab, #10b981 16%, transparent); }
.ne-selhint-b:focus-visible { outline: 2px solid #10b981; outline-offset: 2px; }

/*@3.NOTC2.2*/
.ne-root[data-rail="out"] .ne-b { padding-inline: .4rem; }
/*@3.NOTC2.87*/
.ne-root[data-rail="out"] .ne-rail {
  inset-inline-start: auto; inset-inline-end: 100%;
  margin-inline-end: .3rem;
  flex-direction: column; gap: 1px;
  background: transparent; padding-inline-end: 0;
}
.ne-grip, .ne-plus {
  inline-size: 1.3rem; block-size: 1.3rem; padding: 0;
  display: flex; align-items: center; justify-content: center;
  background: transparent; border: 0; color: var(--text-muted);
  border-radius: var(--radius-sm); cursor: pointer; font-size: .62rem;
}
.ne-grip:hover, .ne-plus:hover { background: var(--bg-elevated); color: var(--text-primary); }

/*@3.NOTC2.59*/
.ne-mn {
  max-block-size: 18rem;
  overflow-y: auto;
  overscroll-behavior: contain;
  min-inline-size: 13rem;
}
.ne-mn .ne-menu-i[data-on] {
  background: color-mix(in oklab, #a78bfa 14%, transparent);
  color: var(--text-primary);
}

/*@3.NOTC2.58*/
.ne-xl {
  color: #7c3aed;
  text-decoration: underline dotted;
  text-underline-offset: .18em;
  cursor: pointer;
}
.ne-xl:hover { text-decoration-style: solid; }
.ne-xl--note::before {
  content: '\f249';
  font-family: 'Font Awesome 6 Free'; font-weight: 900;
  font-size: .72em; margin-inline-end: .22em; opacity: .75;
  unicode-bidi: isolate;
}
.ne-b[data-flash="1"] {
  background: color-mix(in oklab, #10b981 18%, transparent);
  transition: background .9s ease .6s;
}
@media (prefers-reduced-motion: reduce) {
  .ne-b[data-flash="1"] { transition: none; }
}

/*@3.NOTC2.57*/
.ne-tick {
  display: flex; align-items: center; justify-content: center;
  inline-size: 1.3rem; block-size: 1.3rem; padding: 0;
  background: transparent; border: 0; border-radius: var(--radius-sm);
  color: var(--text-muted); cursor: pointer; font-size: .72rem;
}
.ne-tick:hover { background: var(--bg-elevated); color: var(--text-primary); }
.ne-tick[aria-pressed="true"] { color: #10b981; }
.ne-tick:focus-visible { outline: 2px solid #a78bfa; outline-offset: 1px; }
@media (max-width: 640px) {
  .ne-root[data-selmode="1"] .ne-tick { inline-size: 1.9rem; block-size: 1.9rem; font-size: .95rem; }
}
.ne-grip:focus-visible, .ne-plus:focus-visible { opacity: 1; outline: 2px solid #a78bfa; outline-offset: 1px; }
/*@3.NOTC2.150*/
/*@3.NOTC2.171*/
.ne-b[data-ty="pb"] {
  margin-block: 0; pointer-events: none; background: none;
  -webkit-user-select: none; user-select: none;
}
.ne-b[data-ty="pb"] > .ne-body { padding: 0; }
.ne-pb { position: relative; min-block-size: 0; }
/*@3.NOTC2.24*/
.ne-grip { cursor: grab; touch-action: none; }
.ne-b.ne-dragging .ne-grip { cursor: grabbing; }
.ne-mini--sc[aria-pressed="true"] {
  border-color: color-mix(in oklab, #10b981 55%, transparent);
  color: var(--text-primary);
}
.ne-root .ne-cell[data-csel] {
  box-shadow: inset 0 0 0 2px color-mix(in oklab, #8b5cf6 70%, transparent),
              inset 0 0 0 999px color-mix(in oklab, #8b5cf6 16%, transparent);
  caret-color: transparent;
}
.ne-mini--sc[data-csc="sel"] {
  border-color: color-mix(in oklab, #8b5cf6 60%, transparent);
  color: var(--text-primary);
}
.ne-menu-i.is-on { color: #10b981; }
.ne-menu-i.is-on > i { color: inherit; }

.ne-gap {
  position: relative; inline-size: 100%;
  border: 1px dashed transparent; border-radius: var(--radius-md);
}
.ne-b:hover .ne-gap { border-color: color-mix(in oklab, var(--text-muted) 30%, transparent); }
.ne-gap-c {
  position: absolute; inset-block-start: 50%; inset-inline-end: .3rem;
  transform: translateY(-50%);
  display: flex; gap: .15rem; opacity: 0; transition: opacity .12s;
}
.ne-b:hover .ne-gap-c { opacity: 1; }
.ne-gap-b {
  inline-size: 1.4rem; block-size: 1.4rem; cursor: pointer;
  background: var(--bg-elevated); border: 1px solid var(--border-color);
  border-radius: var(--radius-sm); color: var(--text-muted);
  font-family: inherit; font-size: .8rem; line-height: 1;
}
.ne-gap-b:hover { color: var(--text-primary); border-color: var(--text-muted); }

/*@3.NOTC2.28*/
.ne-tail {
  inline-size: 100%; display: flex; align-items: center; gap: .5rem;
  margin-block-start: .5rem; padding: .5rem .7rem;
  background: transparent; border: 1px dashed transparent;
  border-radius: var(--radius-lg); cursor: pointer;
  color: var(--text-muted); font-family: inherit; font-size: .78rem; text-align: start;
  opacity: .18; transition: opacity .14s ease, border-color .14s ease, color .14s ease;
}
.ne-tail > span { opacity: 0; transition: opacity .14s ease; }
.ne-tail:hover, .ne-tail:focus-visible { opacity: 1; }
.ne-tail:hover > span, .ne-tail:focus-visible > span { opacity: 1; }
.ne-tail:hover { color: #a78bfa; border-color: color-mix(in oklab, #a78bfa 45%, transparent); }
.ne-tail:focus-visible { outline: 2px solid #a78bfa; outline-offset: 2px; }
.nov-drawing .ne-tail { display: none; }

.ne-ink-box { inline-size: 100%; }

.ne-text, .ne-li, .ne-cell, .ne-code {
  outline: none; min-block-size: 1.5em; line-height: 1.75;
}
/*@3.NOTC2.27*/
.ne-text:empty::before, .ne-code:empty::before {
  content: ''; color: var(--text-muted); opacity: 0; pointer-events: none;
  transition: opacity .12s ease;
}
.ne-b:hover .ne-text:empty::before,
.ne-b:hover .ne-code:empty::before,
.ne-text:empty:focus::before,
.ne-code:empty:focus::before {
  content: attr(data-ph); opacity: .55;
}
/*@3.NOTC2.33*/
.ne-b[data-fp] .ne-text:empty:focus::before,
.ne-b[data-fp] .ne-code:empty:focus::before { content: ''; opacity: 0; }
.ne-b[data-fp]:hover .ne-text:empty::before,
.ne-b[data-fp]:hover .ne-code:empty::before { content: attr(data-ph); opacity: .55; }
.nov-drawing .ne-text:empty::before,
.nov-drawing .ne-code:empty::before { content: ''; opacity: 0; }
.ne-b-h .ne-text { font-weight: 700; margin: .4rem 0 .1rem; }
h1.ne-text { font-size: 1.5em; }
h2.ne-text { font-size: 1.24em; }
h3.ne-text { font-size: 1.06em; }
/*@3.NOTC2.55*/
h1.ne-text, h2.ne-text, h3.ne-text, h4.ne-text { font-family: inherit; }

/*@3.NOTC2.64*/
/*@3.NOTC2.67*/
.ne-b-callout {
  --nc-t: #1273cc;
  --nc-w: 3px;
  /*@3.NOTC2.76*/
  --nc-t: #5ab8ff;
}
.ne-b-callout[data-cal="tip"]       { --nc-t: #3ddc8a; }
.ne-b-callout[data-cal="important"] { --nc-t: #a7b4c8; }
.ne-b-callout[data-cal="warning"]   { --nc-t: #ffc247; }
.ne-b-callout[data-cal="caution"]   { --nc-t: #ff8080; }
[data-theme="light"] .ne-b-callout                       { --nc-t: #1273cc; }
[data-theme="light"] .ne-b-callout[data-cal="tip"]       { --nc-t: #0a8f4d; }
[data-theme="light"] .ne-b-callout[data-cal="important"] { --nc-t: #3f4d63; }
[data-theme="light"] .ne-b-callout[data-cal="warning"]   { --nc-t: #b8730a; }
[data-theme="light"] .ne-b-callout[data-cal="caution"]   { --nc-t: #cc2f2f; }

.ne-b-callout .ne-body {
  position: relative;
  background:
    linear-gradient(to bottom,
      color-mix(in oklab, var(--nc-t) 9%, transparent),
      color-mix(in oklab, var(--nc-t) 5%, transparent));
  border: 0;
  border-radius: 12px;
  padding: .62rem .9rem .68rem 1.1rem;
  padding-inline: 1.05rem .95rem;
  overflow: hidden;
}
.ne-b-callout .ne-body::before {
  content: ''; position: absolute; inset-block: 0; inset-inline-start: 0;
  inline-size: var(--nc-w); background: var(--nc-t);
  border-start-start-radius: 12px; border-end-start-radius: 12px;
}
.ne-cal-h {
  display: inline-flex; align-items: center; gap: .4rem;
  margin-block-end: .3rem; padding: 0; background: none; border: 0;
  color: var(--nc-t); font: inherit; font-size: .78em; font-weight: 800;
  letter-spacing: .01em; cursor: pointer; line-height: 1.3;
  user-select: none; -webkit-user-select: none;
}
.ne-cal-h > i {
  display: inline-flex; align-items: center; justify-content: center;
  inline-size: 1.35em; block-size: 1.35em; border-radius: 6px;
  font-size: .9em;
  background: color-mix(in oklab, var(--nc-t) 16%, transparent);
}
.ne-cal-h > span { opacity: .92; }
.ne-cal-h:hover > i, .ne-cal-h:focus-visible > i {
  background: color-mix(in oklab, var(--nc-t) 28%, transparent);
}
.ne-cal-h:focus-visible { outline: none; }
.ne-b-callout .ne-text { color: var(--text-primary); }

/*@3.NOTC2.68*/
.ne-b-quote .ne-body {
  border-inline-start: 3px solid var(--border-color);
  padding-inline-start: .85rem;
  color: var(--text-secondary);
  font-style: normal;
}

.ne-b-todo .ne-body { display: flex; align-items: flex-start; gap: .5rem; }
.ne-check {
  flex: none; inline-size: 1.1rem; block-size: 1.1rem; margin-block-start: .32rem;
  border: 1.5px solid var(--border-color); border-radius: 5px;
  background: transparent; cursor: pointer; color: transparent;
  display: flex; align-items: center; justify-content: center; font-size: .62rem;
}
.ne-check[aria-checked="true"] {
  background: color-mix(in oklab, #10b981 22%, transparent);
  border-color: color-mix(in oklab, #10b981 65%, transparent); color: #10b981;
}
.ne-check[aria-checked="true"] + .ne-text { color: var(--text-muted); text-decoration: line-through; }

/*@3.NOTC2.46*/
.ne-text a, .ne-li a, .ne-cell a, .ne-code a {
  color: color-mix(in oklab, #8b5cf6 62%, var(--text-primary));
  text-decoration: underline; text-underline-offset: .18em;
  text-decoration-thickness: 1px; cursor: pointer;
}
.ne-text a:hover, .ne-li a:hover, .ne-cell a:hover {
  color: color-mix(in oklab, #8b5cf6 85%, var(--text-primary));
  text-decoration-thickness: 2px;
}

.ne-menu-q {
  font-weight: 400; opacity: .78; unicode-bidi: isolate;
  display: inline-block; max-inline-size: 12rem; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom;
}

/*@3.NOTC2.94*/
.ne-text a[data-lu="0"], .ne-li a[data-lu="0"], .ne-cell a[data-lu="0"],
.ne-code a[data-lu="0"], .ne-xl[data-lu="0"],
.ne-text a[data-lu="0"]:hover, .ne-li a[data-lu="0"]:hover,
.ne-cell a[data-lu="0"]:hover, .ne-xl[data-lu="0"]:hover {
  text-decoration: none;
}

/*@3.NOTC2.95*/
.ne-dgm-fix {
  margin-block-start: .5rem; padding-block-start: .4rem;
  border-block-start: 1px solid var(--border-color);
  font-size: .72rem; color: var(--text-muted); text-align: start;
  direction: inherit; unicode-bidi: plaintext;
}
.ne-dgm[data-state="bad"] { white-space: pre-wrap; text-align: start; }

.ne-list { margin: 0; padding-inline-start: 1.3rem; }
.ne-li { outline: none; }
/*@3.NOTC2.41*/
.ne-li { position: relative; }
.ne-li.ne-li-dragging { opacity: .5; }
.ne-li[data-drop="b"] { box-shadow: 0 -2px 0 0 #a78bfa; }
.ne-li[data-drop="a"] { box-shadow: 0 2px 0 0 #a78bfa; }

/*@3.NOTC2.25*/
.ne-li[data-lv="1"] { margin-inline-start: 1.4rem; }
.ne-li[data-lv="2"] { margin-inline-start: 2.8rem; }
.ne-li[data-lv="3"] { margin-inline-start: 4.2rem; }
.ne-li[data-lv="4"] { margin-inline-start: 5.6rem; }
.ne-li[data-lv="5"] { margin-inline-start: 7rem; }
/*@3.NOTC2.26*/
/*@3.NOTC2.45*/
.ne-list > .ne-li { list-style: none; position: relative; }
/*@3.NOTC2.160*/
.ne-list > .ne-li::before {
  content: attr(data-n);
  position: absolute; margin-inline-end: 0;
  color: var(--text-secondary); font-variant-numeric: tabular-nums;
  font-size: .8em; font-weight: 650; line-height: inherit;
  min-inline-size: 1.7em; text-align: center;
  unicode-bidi: isolate; direction: ltr;
  cursor: grab; touch-action: none; user-select: none;
  padding-inline: .18rem;
}
.ne-list[data-lsb="1"] > .ne-li::before {
  font-weight: 850; font-size: 1em;
}
.ne-body[dir="rtl"] .ne-list > .ne-li::before { left: 100%; margin-left: .25rem; }
.ne-body[dir="ltr"] .ne-list > .ne-li::before { right: 100%; margin-right: .25rem; }
.ne-list > .ne-li:hover::before { color: var(--text-primary); }
.ne-list > .ne-li[data-blank="1"]::before { content: ''; }
.ne-list > .ne-li[data-blank="1"]:focus::before { content: attr(data-n); opacity: .42; }
/*@3.NOTC2.48*/
.ne-body[dir="rtl"] .ne-list > .ne-li::before { direction: rtl; }
.ne-list > .ne-li[data-blank="1"] { min-block-size: 1.2em; }

/*@3.NOTC2.60*/
.ne-dl { padding-inline-start: 0; }
.ne-dl > .ne-dt {
  font-weight: 650; margin-block-start: .5rem;
  color: var(--text-primary);
}
.ne-dl > .ne-dt:first-child { margin-block-start: 0; }
.ne-dl > .ne-dd {
  margin-inline-start: 1.1rem; padding-inline-start: .7rem;
  border-inline-start: 2px solid var(--border-color);
  color: var(--text-secondary);
}
.ne-dl > .ne-dt::before, .ne-dl > .ne-dd::before { content: none; }
.ne-dl > .ne-dd[data-blank="1"], .ne-dl > .ne-dt[data-blank="1"] { min-block-size: 1.2em; }

/*@3.NOTC2.78*/
.ne-b-code .ne-body { position: relative; }
.ne-code-bar {
  display: flex; gap: .4rem;
  /*@3.NOTC2.134*/
  position: absolute; inset-block-start: -1.7rem; inset-inline-end: .35rem;
  z-index: 3; opacity: 0; pointer-events: none; transition: opacity .15s ease;
  padding: .15rem; border-radius: var(--radius-md, .5rem);
  background: color-mix(in oklab, var(--bg-surface) 88%, transparent);
  backdrop-filter: blur(3px);
}
.ne-b-code:hover .ne-code-bar,
.ne-b-code:focus-within .ne-code-bar { opacity: 1; pointer-events: auto; }
@media (prefers-reduced-motion: reduce) { .ne-code-bar { transition: none; } }
@media (hover: none) { .ne-code-bar { opacity: 1; pointer-events: auto; } }

/*@3.NOTC2.61*/
.ne-dgm {
  border: 1px solid var(--border-color); border-radius: var(--radius-lg);
  background: var(--bg-surface); padding: .8rem;
  overflow-x: auto; min-inline-size: 0;
  color: var(--text-secondary); font-size: .9rem;
}
.ne-dgm svg { display: block; max-inline-size: 100%; block-size: auto; margin-inline: auto; }
/*@3.NOTC2.162*/
.ne-dgm[data-vz] { overflow: auto; cursor: grab; touch-action: pan-x pan-y; user-select: none; -webkit-user-select: none; }
/*@3.NOTC2.167*/
.ne-root > .ne-b[data-card] .ne-code-bar { inset-block-start: .3rem; inset-inline-end: .5rem; }
.ne-dgm[data-vz]:active { cursor: grabbing; }
.ne-dgm[data-vz] > svg { margin-inline: 0; display: block; }
.ne-dgm-tools {
  display: flex; gap: .3rem; justify-content: flex-end; margin-block-start: .35rem;
  opacity: 0; transition: opacity .15s ease;
}
.ne-b-code:hover .ne-dgm-tools, .ne-b-code:focus-within .ne-dgm-tools, .ne-dgm-tools:hover { opacity: 1; }
@media (hover: none) { .ne-dgm-tools { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .ne-dgm-tools { transition: none; } }
.ne-dgm-tools[hidden] { display: none; }
.ne-dgm[data-state="busy"]::before { content: "…"; }
.ne-dgm[data-state="off"] { border-style: dashed; }
.ne-dgm[data-state="bad"] {
  border-color: color-mix(in oklab, #ef4444 45%, var(--border-color));
  color: #ef4444; font-family: ui-monospace, monospace; direction: ltr;
}
/*@3.NOTC2.29*/
.ne-lang {
  inline-size: auto; field-sizing: content;
  min-inline-size: 4.2rem; max-inline-size: 12rem;
  font-family: 'JetBrains Mono', monospace; font-size: .74rem;
  background: var(--bg-elevated); border: 1px solid var(--border-color);
  color: var(--text-secondary); border-radius: var(--radius-sm); padding: .2rem .45rem;
}
@supports not (field-sizing: content) { .ne-lang { inline-size: 7rem; } }
/*@3.NOTC2.166*/
.ne-root { font-size: var(--ne-docfs, 1em); }
.ne-code {
  font-family: 'JetBrains Mono', monospace; font-size: .82em;
  background: var(--bg-surface); border: 1px solid var(--border-color);
  border-radius: var(--radius-lg); padding: .7rem .8rem; overflow-x: auto;
  white-space: pre; tab-size: 2;
}
/*@3.NOTC2.148*/
.ne-code, .ne-dgm, .ne-math-out { scrollbar-width: none; }
.ne-code::-webkit-scrollbar, .ne-dgm::-webkit-scrollbar, .ne-math-out::-webkit-scrollbar { display: none; block-size: 0; }

.ne-tex {
  inline-size: 100%; font-family: 'JetBrains Mono', monospace; font-size: .8rem;
  background: var(--bg-surface); border: 1px solid var(--border-color);
  color: var(--text-primary); border-radius: var(--radius-lg); padding: .55rem .7rem;
  resize: vertical;
}
.ne-math-out { text-align: center; padding: .5rem 0; overflow-x: auto; }
.ne-im { display: inline-block; unicode-bidi: isolate; direction: ltr; max-inline-size: 100%; vertical-align: baseline; white-space: nowrap; }
.ne-im mjx-container[jax] { margin: 0 !important; }
.ne-im:not(:has(mjx-container)) { font-family: ui-monospace, 'JetBrains Mono', Consolas, monospace; font-size: .88em; color: var(--text-secondary); }

.ne-tbl { inline-size: 100%; border-collapse: collapse; margin-block: .3rem; }
.ne-cell {
  border: 1px solid var(--border-color); padding: .4rem .55rem;
  font-size: .86rem; outline: none; min-inline-size: 4rem;
  overflow-wrap: anywhere;
}
.ne-cell:focus { background: color-mix(in oklab, #a78bfa 8%, transparent); }
/*@3.NOTC2.181*/
.ne-tbl-bar {
  display: flex; gap: .35rem; flex-wrap: wrap;
  position: absolute; inset-block-start: calc(100% - .35rem); inset-inline: .5rem; z-index: 6;
  padding: .3rem; border-radius: 8px; background: var(--bg-card); border: 1px solid var(--border-color);
  box-shadow: 0 6px 18px -8px rgb(0 0 0 / .25);
  opacity: 0; pointer-events: none; transition: opacity .15s ease;
}
.ne-root > .ne-b.ne-b-tbl:is(:hover, :focus-within) { z-index: 9; }
.ne-root > .ne-b.ne-b-tbl[data-card]:is(:hover, :focus-within) { clip-path: inset(0 -18px -6rem); }
.ne-b:hover .ne-tbl-bar, .ne-b:focus-within .ne-tbl-bar {
  opacity: 1; pointer-events: auto;
}
@media (prefers-reduced-motion: reduce) {
  .ne-tbl-bar { transition: none; }
}
.ne-mini {
  font-size: .72rem; padding: .2rem .5rem; cursor: pointer;
  background: var(--bg-elevated); border: 1px solid var(--border-color);
  color: var(--text-secondary); border-radius: var(--radius-pill); font-family: inherit;
}
.ne-mini:hover { border-color: var(--text-muted); color: var(--text-primary); }

/*@3.NOTC2.77*/
.ne-img-a { display: block; text-decoration: none; color: inherit; }
.ne-img-a:focus-visible { outline: 2px solid var(--st-accent); outline-offset: 2px; }

.ne-img-url, .ne-img-alt {
  inline-size: 100%; margin-block-end: .3rem; font-size: .8rem;
  background: var(--bg-elevated); border: 1px solid var(--border-color);
  color: var(--text-primary); border-radius: var(--radius-md); padding: .4rem .6rem;
}
.ne-img { max-inline-size: 100%; border-radius: var(--radius-lg); display: block; }

.ne-imgx { display: block; }
.ne-fig {
  margin: 0; inline-size: 100%; max-inline-size: 100%;
  transition: filter .15s ease, opacity .15s ease;
}
/*@3.NOTC2.9*/
.ne-b[data-al="center"] > .ne-body > .ne-imgx > .ne-fig { margin-inline: auto; }
.ne-b[data-al="end"] > .ne-body > .ne-imgx > .ne-fig { margin-inline-start: auto; }
.ne-fig[data-sh="soft"] .ne-img-view img { border-radius: 1.1rem; }
/*@3.NOTC2.12*/
.ne-fig[data-sh="circle"] .ne-img-view {
  aspect-ratio: 1 / 1; inline-size: 100%; block-size: auto;
  border-radius: 50%; overflow: hidden; position: relative;
  cursor: grab; touch-action: none;
}
.ne-fig[data-sh="circle"] .ne-img-view:active { cursor: grabbing; }
.ne-fig[data-sh="circle"] .ne-img-view img {
  inline-size: 100%; block-size: 100%;
  object-fit: contain; border-radius: 0; display: block;
}
.ne-img-sep { inline-size: 1px; block-size: 1.1rem; background: var(--border-color); margin-inline: .3rem; }
.ne-mini[data-imgs][aria-pressed="true"],
.ne-mini[data-imga][aria-pressed="true"] {
  color: #10b981;
  border-color: color-mix(in oklab, #10b981 45%, transparent);
  background: color-mix(in oklab, #10b981 12%, transparent);
}
.ne-fig .ne-img-view { cursor: zoom-in; }
.ne-cap {
  font-size: .78rem; color: var(--text-secondary); text-align: center;
  margin-block-start: .4rem; line-height: 1.6;
}
.ne-img-edit {
  margin-block-start: .5rem; padding: .6rem;
  background: var(--bg-surface); border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
}
.ne-img-row { display: flex; gap: .35rem; align-items: center; }
.ne-img-row .ne-img-alt { margin-block-end: 0; }
.ne-img-sl {
  display: flex; align-items: center; gap: .5rem;
  margin-block-start: .4rem; font-size: .74rem; color: var(--text-secondary);
}
.ne-img-sl-t { inline-size: 4.5rem; flex: 0 0 auto; }
.ne-img-sl input[type="range"] { flex: 1 1 auto; min-inline-size: 0; accent-color: var(--accent-primary); }
.ne-img-bad {
  padding: .8rem; text-align: center; font-size: .8rem; color: var(--text-muted);
  background: var(--bg-surface); border: 1px dashed var(--border-color);
  border-radius: var(--radius-lg);
}
/*@3.NOTC2.62*/
.ne-img-warn {
  margin-block-start: .35rem; padding: .35rem .6rem;
  font-size: .7rem; line-height: 1.6; text-align: center;
  color: #fbbf24;
  background: color-mix(in oklab, #e3a008 12%, transparent);
  border: 1px solid color-mix(in oklab, #e3a008 45%, transparent);
  border-radius: var(--radius-md, .5rem);
}
:root[data-theme="light"] .ne-img-warn { color: #b45309; }

/*@3.NOTC2.121*/

/*@3.NOTC2.128*/
.ne-b[data-ty="shape"] {
  --ne-shp-rot: 0deg;
  --ne-shp-ar: 100%;
  --shp: var(--text-primary);
}
.ne-b[data-ty="shape"][data-tone="ink"]     { --shp: var(--text-primary); }
.ne-b[data-ty="shape"][data-tone="black"]   { --shp: #111827; }
.ne-b[data-ty="shape"][data-tone="red"]     { --shp: #ef4444; }
.ne-b[data-ty="shape"][data-tone="sky"]     { --shp: #38bdf8; }
.ne-b[data-ty="shape"][data-tone="emerald"] { --shp: #10b981; }
.ne-b[data-ty="shape"][data-tone="amber"]   { --shp: #f59e0b; }
.ne-b[data-ty="shape"][data-tone="violet"]  { --shp: #a78bfa; }
.ne-b[data-ty="shape"][data-tone="orange"]  { --shp: #f97316; }
.ne-b[data-ty="shape"][data-tone="pink"]    { --shp: #ec4899; }
.ne-b[data-ty="shape"][data-tone="teal"]    { --shp: #14b8a6; }
.ne-b[data-ty="shape"][data-tone="indigo"]  { --shp: #818cf8; }
.ne-b[data-ty="shape"][data-tone="lime"]    { --shp: #84cc16; }
.ne-b[data-ty="shape"][data-tone="rose"]    { --shp: #f43f5e; }
.ne-b[data-ty="shape"] > .ne-body {
  position: relative;
  inline-size: 100%;
  /*@3.NOTC2.133*/
  aspect-ratio: var(--ne-shp-ar);
  min-block-size: 1.5rem;
  padding: 0;
}
.ne-b[data-ty="shape"][data-fill="1"] > .ne-body > .ne-text { color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, .35); }
.ne-b[data-ty="shape"][data-fill="1"][data-tone="ink"] > .ne-body > .ne-text { color: var(--bg-card); text-shadow: none; }
.ne-shp-lay {
  position: absolute; inset: 0; z-index: 0; pointer-events: none;
  color: var(--shp);
  display: block;
}
.ne-shp-lay > .ne-shp-svg { inline-size: 100%; block-size: 100%; display: block; }
.ne-b[data-ty="shape"] > .ne-body > .ne-text {
  position: absolute; inset: 0; z-index: 1;
  min-block-size: 0; overflow: hidden;
  padding: .6rem 1rem;
  display: flex; align-items: center; justify-content: center;
  text-align: center;
}
/*@3.NOTC2.140*/
.ne-b[data-ty="shape"] .ne-text:empty::before { font-size: .72rem; opacity: .38; font-weight: 400; }
.ne-shp-bar.ne-shp-bar--float {
  position: absolute; inset-block-start: auto; inset-inline-start: auto; inset-inline-end: auto; left: 0; top: 0;
  inline-size: max-content; opacity: 1; pointer-events: auto; z-index: 70;
}
.gpi-fed .ne-shp-bar--float, .gpi-fed .ne-shp-bar--float * { pointer-events: auto; }
.ne-imgx { position: relative; }
/*@3.NOTC2.142*/
.ne-img-edit {
  position: absolute; top: .5rem; inset-inline-start: .5rem; z-index: 30;
  inline-size: min(calc(100% - 1rem), 17.5rem); padding: .4rem;
  overflow: auto; overscroll-behavior: contain;
  background: color-mix(in oklab, var(--bg-elevated) 96%, transparent);
  border: 1px solid var(--border-color); border-radius: var(--radius-lg);
  box-shadow: 0 16px 36px -14px rgba(0, 0, 0, .6);
  display: flex; flex-direction: column; gap: .3rem;
}
.ne-img-head {
  display: flex; align-items: center; gap: .4rem; padding: .1rem .3rem .2rem;
  font-size: .74rem; font-weight: 800; color: var(--text-secondary);
  cursor: move; touch-action: none; user-select: none;
}
.ne-img-head > i { color: var(--na-act, #7c3aed); font-size: .72rem; }
.ne-img-head > span { flex: 1 1 auto; min-inline-size: 0; }
.ne-img-x { flex: 0 0 auto; }
.ne-img-card {
  border: 1px solid var(--border-color); border-radius: var(--radius-md);
  background: var(--bg-card); overflow: hidden; flex: 0 0 auto;
}
.ne-img-card-h {
  inline-size: 100%; margin: 0; padding: .45rem .55rem; border: 0; background: transparent;
  font: inherit; font-size: .74rem; font-weight: 800; color: var(--text-secondary);
  display: flex; align-items: center; gap: .35rem; cursor: pointer; text-align: start;
}
.ne-img-card-h:hover { color: var(--text-primary); background: color-mix(in oklab, var(--text-primary) 5%, transparent); }
.ne-img-card-h > i:first-child { color: var(--na-act, #7c3aed); font-size: .72rem; }
.ne-img-card-h > span { flex: 1 1 auto; min-inline-size: 0; }
.ne-img-chev { font-size: .62rem; color: var(--text-muted); transition: transform .16s ease; }
.ne-img-card[data-open="1"] .ne-img-chev { transform: rotate(180deg); }
.ne-img-card-b { display: none; flex-direction: column; gap: .4rem; padding: .1rem .55rem .55rem; }
.ne-img-card[data-open="1"] > .ne-img-card-b { display: flex; }
.ne-img-card .ne-hint a { color: var(--na-act, #7c3aed); text-decoration: underline; pointer-events: auto; }
@media (prefers-reduced-motion: reduce) { .ne-img-chev { transition: none; } }
.ne-dgm-dlg { inline-size: min(96vw, 1200px); max-block-size: 92vh; }
.ne-dgm-dlg[data-full="1"] {
  inline-size: 100vw; max-inline-size: none; block-size: 100dvh; max-block-size: none;
  margin: 0; inset: 0; border-radius: 0; border: 0;
}
.ne-dgm-dlg-body { flex: 1 1 auto; min-block-size: 0; display: flex; align-items: safe center; justify-content: safe center; padding: 1rem; background: var(--bg-card); overflow: auto; }
.ne-dgm--dlg { border: 0; background: transparent; padding: 0; overflow: visible; inline-size: 100%; }
.ne-dgm--dlg svg { inline-size: calc(var(--dgm-w, 800px) * var(--dgm-z, 1)); max-inline-size: none; block-size: auto; margin-inline: auto; }
.ne-dgm-dlg-acts { justify-content: center; }
/*@3.NOTC2.139*/
.ne-b[data-ty="shape"][data-sh="sticky"] > .ne-body > .ne-text {
  color: #111827; text-shadow: none;
  align-items: flex-start; justify-content: flex-start; text-align: start;
  padding: 1.1rem .8rem .9rem;
}
.ne-b[data-ty="shape"][data-sh="sticker"] > .ne-body > .ne-text { color: #fff; }
/*@3.NOTC2.141*/
.ne-b[data-ty="shape"][data-sh="sticky"] > .ne-body > .ne-text { display: block; }
.ne-b[data-ty="shape"][data-sh="sticky"][data-al="center"] > .ne-body > .ne-text { text-align: center; }
.ne-b[data-ty="shape"][data-sh="sticky"][data-al="end"] > .ne-body > .ne-text { text-align: end; }
.ne-b[data-ty="shape"][data-sh="sticky"][data-al="justify"] > .ne-body > .ne-text { text-align: justify; }
/*@3.NOTC2.144*/
.ne-shp-lay > .ne-stk-pin {
  position: absolute; inline-size: 24px; block-size: 24px; display: block; overflow: visible;
  inset-block-start: 3px; inset-inline-start: 11%;
  transform: rotate(-12deg);
}
.ne-b[data-ty="shape"][data-sh="sticky"][data-th^="pin"] > .ne-body > .ne-text { padding-block-start: 1.85rem; }
.ne-img-ph {
  display: flex; align-items: center; justify-content: center; gap: .5rem;
  min-block-size: 6.5rem; padding: 1rem; text-align: center; cursor: pointer;
  font-size: .78rem; color: var(--text-muted);
  border: 1px dashed var(--border-color); border-radius: var(--radius-lg);
  background: color-mix(in oklab, var(--text-muted) 5%, transparent);
}
.ne-img-ph > i { font-size: 1.2rem; }
.ne-selhint { position: relative; z-index: 31; }
.ne-root > .ne-b[data-card]:not([data-card-start]) { margin-block-start: var(--ne-pb, 0px); padding-block-start: .15rem; }

.ne-shp-svg--stk { overflow: visible; }
.ne-shp-ico {
  inline-size: 100px; block-size: 100px; display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 50px; line-height: 1;
}
.ne-b[data-ty="shape"][data-sh="sticker"][data-tone="ink"] .ne-shp-ico { color: var(--bg-card); }
/*@3.NOTC2.135*/
/*@3.NOTC2.138*/
.ne-wgrip[data-side="nw"], .ne-wgrip[data-side="ne"],
.ne-wgrip[data-side="sw"], .ne-wgrip[data-side="se"] {
  display: none; inset-block: auto; inline-size: 12px; block-size: 12px; border-radius: 3px; z-index: 5;
}
.ne-wgrip[data-side="nw"] { left: -5px; top: -5px; cursor: nwse-resize; }
.ne-wgrip[data-side="se"] { right: -5px; bottom: -5px; cursor: nwse-resize; }
.ne-wgrip[data-side="ne"] { right: -5px; top: -5px; cursor: nesw-resize; }
.ne-wgrip[data-side="sw"] { left: -5px; bottom: -5px; cursor: nesw-resize; }
.ne-wgrip[data-side="n"], .ne-wgrip[data-side="b"] {
  display: none; inset-block: auto; inset-inline: 14px; block-size: 9px; inline-size: auto; cursor: ns-resize;
}
.ne-wgrip[data-side="n"] { top: -3px; }
.ne-wgrip[data-side="b"] { bottom: -3px; }
.ne-wgrip[data-side="n"]::before, .ne-wgrip[data-side="b"]::before { inline-size: 100%; block-size: 3px; margin-block: auto; }
.ne-wgrip[data-side="nw"]::before, .ne-wgrip[data-side="ne"]::before,
.ne-wgrip[data-side="sw"]::before, .ne-wgrip[data-side="se"]::before { inline-size: 100%; border-radius: 3px; }
.ne-b[data-ty="shape"][data-act="1"] > .ne-wgrip[data-side="nw"],
.ne-b[data-ty="shape"][data-act="1"] > .ne-wgrip[data-side="ne"],
.ne-b[data-ty="shape"][data-act="1"] > .ne-wgrip[data-side="sw"],
.ne-b[data-ty="shape"][data-act="1"] > .ne-wgrip[data-side="se"],
.ne-b[data-ty="shape"][data-act="1"] > .ne-wgrip[data-side="n"],
.ne-b[data-ty="shape"][data-act="1"] > .ne-wgrip[data-side="b"] { display: block; }
@media (hover: none) {
  .ne-wgrip[data-side="nw"], .ne-wgrip[data-side="ne"],
  .ne-wgrip[data-side="sw"], .ne-wgrip[data-side="se"] { inline-size: 22px; block-size: 22px; }
  .ne-wgrip[data-side="nw"] { left: -10px; top: -10px; }
  .ne-wgrip[data-side="se"] { right: -10px; bottom: -10px; }
  .ne-wgrip[data-side="ne"] { right: -10px; top: -10px; }
  .ne-wgrip[data-side="sw"] { left: -10px; bottom: -10px; }
}
.ne-b[data-ty="shape"] > .ne-body > .ne-shp-lay > .ne-shp-svg { transform: scale(var(--ne-shp-fx, 1), var(--ne-shp-fy, 1)); }
.ne-b[data-ty="shape"][data-sh="callout"] > .ne-body > .ne-text { padding-block-end: 2.2rem; }
.ne-b[data-ty="shape"][data-sh="tri"]     > .ne-body > .ne-text { padding-block-start: 2.4rem; }
.ne-b[data-ty="shape"][data-sh="line"]    > .ne-body { min-block-size: 1.6rem; }
.ne-b[data-ty="shape"][data-sh="line"]    > .ne-body > .ne-text { min-block-size: 1.6rem; padding-block: .1rem; }
.ne-shp-bar {
  position: absolute; inset-block-start: -1.9rem; inset-inline-start: 0; z-index: 3;
  display: flex; gap: .25rem; align-items: center;
  padding: .18rem .25rem; border-radius: var(--radius-md);
  background: var(--bg-elevated);
  border: 1px solid var(--border-color);
  opacity: 0; transition: opacity .12s ease; pointer-events: none;
}
.ne-shp-b {
  inline-size: 1.4rem; block-size: 1.4rem; flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: var(--radius-sm); cursor: pointer;
  border: 1px solid transparent; color: var(--text-secondary);
  font-size: .68rem;
}
.ne-shp-b:hover { border-color: var(--border-color); color: var(--text-primary); }
.ne-shp-b[aria-pressed="true"] { color: var(--na-act, #7c3aed); border-color: var(--na-act, #7c3aed); }
.ne-shp-b > svg { inline-size: .95rem; block-size: .95rem; }
.ne-shp-col {
  background: var(--shp);
  border: 1px solid color-mix(in oklab, var(--text-primary) 28%, transparent);
  border-radius: 50%; inline-size: 1.1rem; block-size: 1.1rem;
}
.ne-shp-pop {
  z-index: 2147483000;
  display: grid; grid-template-columns: repeat(5, 1.9rem); gap: .25rem;
  padding: .35rem; border-radius: var(--radius-lg);
  background: var(--bg-elevated); border: 1px solid var(--border-color);
  box-shadow: 0 12px 24px -12px rgba(0, 0, 0, .55);
}
.ne-shp-pop[data-kind="tone"] { grid-template-columns: repeat(7, 1.5rem); }
.ne-shp-o {
  inline-size: 1.9rem; block-size: 1.9rem;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: var(--radius-sm); cursor: pointer;
  border: 1px solid var(--border-color); background: var(--bg-card);
  color: var(--text-secondary);
}
.ne-shp-o[aria-pressed="true"] { color: var(--na-act, #7c3aed); border-color: var(--na-act, #7c3aed); }
.ne-shp-o > svg { inline-size: 1.2rem; block-size: 1.2rem; }
.ne-shp-c { inline-size: 1.5rem; block-size: 1.5rem; border-radius: 50%; }
.ne-shp-c[data-tone="ink"]     { background: var(--text-primary); }
.ne-shp-c[data-tone="black"]   { background: #111827; }
.ne-shp-c[data-tone="red"]     { background: #ef4444; }
.ne-shp-c[data-tone="sky"]     { background: #38bdf8; }
.ne-shp-c[data-tone="emerald"] { background: #10b981; }
.ne-shp-c[data-tone="amber"]   { background: #f59e0b; }
.ne-shp-c[data-tone="violet"]  { background: #a78bfa; }
.ne-shp-c[data-tone="orange"]  { background: #f97316; }
.ne-shp-c[data-tone="pink"]    { background: #ec4899; }
.ne-shp-c[data-tone="teal"]    { background: #14b8a6; }
.ne-shp-c[data-tone="indigo"]  { background: #818cf8; }
.ne-shp-c[data-tone="lime"]    { background: #84cc16; }
.ne-shp-c[data-tone="rose"]    { background: #f43f5e; }
@media (prefers-reduced-motion: reduce) {
  .ne-shp-bar { transition: none; }
}

.ne-b[data-ty="sticky"] {
  --ne-stk-rot: 0deg;
  --stk: #f59e0b;
}
.ne-b[data-ty="sticky"][data-tone="amber"]  { --stk: #f59e0b; }
.ne-b[data-ty="sticky"][data-tone="lime"]   { --stk: #84cc16; }
.ne-b[data-ty="sticky"][data-tone="sky"]    { --stk: #38bdf8; }
.ne-b[data-ty="sticky"][data-tone="pink"]   { --stk: #ec4899; }
.ne-b[data-ty="sticky"][data-tone="violet"] { --stk: #a78bfa; }
.ne-b[data-ty="sticky"][data-tone="slate"]  { --stk: #94a3b8; }
.ne-b[data-ty="sticky"] > .ne-body {
  position: relative;
  inline-size: min(100%, 15rem); min-block-size: 8.5rem;
  padding: .7rem .8rem 1.6rem;
  border: 1px solid color-mix(in oklab, var(--stk) 45%, transparent);
  border-radius: 2px 2px 10px 2px;
  background: color-mix(in oklab, var(--stk) 16%, var(--bg-card));
  box-shadow: 0 6px 14px rgba(0, 0, 0, .22);
  transform: rotate(var(--ne-stk-rot));
  transform-origin: 50% 0;
}
.ne-b[data-ty="sticky"] > .ne-body > .ne-text { min-block-size: 5.4rem; }
.ne-stk-bar {
  display: flex; gap: .25rem; align-items: center; flex-wrap: wrap;
  margin-block-end: .4rem;
  opacity: 0; transition: opacity .12s ease;
}
.ne-b[data-ty="sticky"][data-act="1"] > .ne-body > .ne-stk-bar,
.ne-b[data-ty="sticky"]:hover > .ne-body > .ne-stk-bar,
.ne-b[data-ty="sticky"]:focus-within > .ne-body > .ne-stk-bar { opacity: 1; }
@media (hover: none) {
  .ne-b[data-ty="sticky"] > .ne-body > .ne-stk-bar { opacity: 1; }
}
.ne-stk-t, .ne-stk-r {
  inline-size: 1.15rem; block-size: 1.15rem; flex: 0 0 auto;
  border-radius: 50%; cursor: pointer;
  border: 1px solid color-mix(in oklab, var(--text-primary) 25%, transparent);
  display: inline-flex; align-items: center; justify-content: center;
}
.ne-stk-t[data-tone="amber"]  { background: #f59e0b; }
.ne-stk-t[data-tone="lime"]   { background: #84cc16; }
.ne-stk-t[data-tone="sky"]    { background: #38bdf8; }
.ne-stk-t[data-tone="pink"]   { background: #ec4899; }
.ne-stk-t[data-tone="violet"] { background: #a78bfa; }
.ne-stk-t[data-tone="slate"]  { background: #94a3b8; }
.ne-stk-t[aria-pressed="true"] {
  box-shadow: 0 0 0 2px var(--bg-card), 0 0 0 3px var(--text-primary);
}
.ne-stk-r {
  border-radius: var(--radius-sm, 5px); background: transparent;
  color: var(--text-secondary); font-size: .6rem;
}
.ne-stk-r:hover { color: var(--text-primary); }
.ne-hint { font-size: .72rem; color: var(--text-muted); margin: .35rem 0 0; line-height: 1.6; }
/*@3.NOTC2.120*/
.ne-hint--warn {
  color: var(--text-secondary);
  border-inline-start: 2px solid var(--st-warn, #f59e0b);
  padding-inline-start: .45rem;
}
.ne-img-q { flex-wrap: wrap; }
.ne-img-q .ne-mini { min-inline-size: 2.6rem; justify-content: center; }
.ne-img-q .ne-mini[aria-pressed="true"] {
  color: #10b981; border-color: color-mix(in oklab, #10b981 55%, transparent);
  background: color-mix(in oklab, #10b981 12%, transparent);
}
.ne-hr { border: 0; border-block-start: 1px solid var(--border-color); margin: .8rem 0; }

.ne-menu {
  position: fixed; z-index: 300; inline-size: 240px; max-block-size: 320px; overflow-y: auto;
  background: var(--bg-card); border: 1px solid var(--border-color);
  border-radius: var(--radius-lg); padding: .3rem;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.ne-menu-i {
  inline-size: 100%; display: flex; align-items: center; gap: .55rem;
  background: transparent; border: 0; color: var(--text-primary);
  font-family: inherit; font-size: .84rem; text-align: start;
  padding: .45rem .55rem; border-radius: var(--radius-md); cursor: pointer;
}
.ne-menu-i:hover { background: var(--bg-elevated); }
.ne-menu-i i { inline-size: 1.1rem; text-align: center; color: var(--text-muted); }
.ne-menu-i[disabled] { opacity: .4; cursor: default; }
.ne-menu-i[disabled]:hover { background: transparent; }
.ne-menu-i:focus-visible { outline: 2px solid #a78bfa; outline-offset: -2px; }
.ne-menu-i--danger { color: #ef4444; }
.ne-menu-i--danger i { color: #ef4444; }
.ne-menu-h {
  padding: .5rem .55rem .25rem; font-size: .68rem; font-weight: 700;
  color: var(--text-muted); letter-spacing: .02em;
}
.ne-menu-h + .ne-menu-i { margin-block-start: 0; }
.ne-menu-h:not(:first-child) { border-block-start: 1px solid var(--border-color); margin-block-start: .3rem; }

@media (prefers-reduced-motion: reduce) {
  .ne-rail { transition: none; }
}

.ink-sep { inline-size: 1px; block-size: 1.4rem; background: var(--border-color); margin-inline: .2rem; }

.nt-editor[hidden] { display: none; }
.nt-ed-head {
  display: flex; align-items: center; gap: .5rem; margin-block-end: .8rem;
  padding-block-end: .7rem; border-block-end: 1px solid var(--border-color);
}
.nt-ed-back, .nt-ed-del {
  flex: none; inline-size: 2.1rem; block-size: 2.1rem; padding: 0;
  display: flex; align-items: center; justify-content: center;
  background: var(--bg-elevated); border: 1px solid var(--border-color);
  color: var(--text-secondary); border-radius: var(--radius-md); cursor: pointer;
}
.nt-ed-back:hover { color: var(--text-primary); border-color: var(--text-muted); }
.nt-ed-del:hover { color: #ef4444; border-color: color-mix(in oklab, #ef4444 55%, transparent); }
[dir="ltr"] .nt-ed-back i { transform: scaleX(-1); }
.nt-ed-title {
  flex: 1 1 auto; min-inline-size: 0;
  background: transparent; border: 0; outline: none;
  color: var(--text-primary); font-family: 'Cairo', sans-serif;
  font-size: 1.12rem; font-weight: 700; padding: .3rem .1rem;
}
.nt-ed-title::placeholder { color: var(--text-muted); opacity: .55; font-weight: 600; }
.nt-ed-state {
  flex: none; font-size: .74rem; color: var(--text-muted);
  max-inline-size: 16rem; text-align: end;
}
.nt-ed-origin {
  display: flex; align-items: center; gap: .4rem; flex-wrap: wrap;
  font-size: .76rem; color: var(--text-secondary);
  background: var(--bg-elevated); border: 1px solid var(--border-color);
  border-radius: var(--radius-pill); padding: .25rem .7rem;
  inline-size: fit-content; margin-block-end: .8rem;
}
.nt-ed-origin[hidden] { display: none; }
.nt-ed-body { padding-block-end: 4rem; }


:root {
  --tn-ink: #e5e7eb;
  --tn-amber: #fbbf24;
  --tn-rose: #fb7185;
  --tn-violet: #a78bfa;
  --tn-emerald: #34d399;
  --tn-sky: #38bdf8;
  --tn-lime: #a3e635;
  --tn-orange: #fb923c;
  --tn-red: #f87171;
  --tn-pink: #f472b6;
  --tn-teal: #2dd4bf;
  --tn-indigo: #818cf8;
}
/*@3.NOTC2.81*/
/*@3.NOTC2.17*/
.na-page[data-paper="light"],
.na-page[data-paper="light"] .ne-root,
.nr-pop[data-paper="light"] {
  --tn-ink: #111827;
  --tn-amber: #b45309;
  --tn-rose: #be123c;
  --tn-violet: #6d28d9;
  --tn-emerald: #047857;
  --tn-sky: #0369a1;
  --tn-lime: #4d7c0f;
  --tn-orange: #c2410c;
  --tn-red: #b91c1c;
  --tn-pink: #be185d;
  --tn-teal: #0f766e;
  --tn-indigo: #4338ca;
}
.na-page[data-paper="dark"],
.na-page[data-paper="dark"] .ne-root,
.nr-pop[data-paper="dark"] {
  --tn-ink: #e5e7eb;
  --tn-amber: #fbbf24;
  --tn-rose: #fb7185;
  --tn-violet: #a78bfa;
  --tn-emerald: #34d399;
  --tn-sky: #38bdf8;
  --tn-lime: #a3e635;
  --tn-orange: #fb923c;
  --tn-red: #f87171;
  --tn-pink: #f472b6;
  --tn-teal: #2dd4bf;
  --tn-indigo: #818cf8;
}
.ne-fg[data-fg="ink"] { color: var(--tn-ink); }
.ne-fg[data-fg="amber"] { color: var(--tn-amber); }
.ne-fg[data-fg="rose"] { color: var(--tn-rose); }
.ne-fg[data-fg="violet"] { color: var(--tn-violet); }
.ne-fg[data-fg="emerald"] { color: var(--tn-emerald); }
.ne-fg[data-fg="sky"] { color: var(--tn-sky); }
.ne-fg[data-fg="lime"] { color: var(--tn-lime); }
.ne-fg[data-fg="orange"] { color: var(--tn-orange); }
.ne-fg[data-fg="red"] { color: var(--tn-red); }
.ne-fg[data-fg="pink"] { color: var(--tn-pink); }
.ne-fg[data-fg="teal"] { color: var(--tn-teal); }
.ne-fg[data-fg="indigo"] { color: var(--tn-indigo); }
/*@3.NOTC2.19*/
.ne-fg[data-fg^="#"] { color: var(--ne-fgx, inherit); }
.ne-hl { color: inherit; border-radius: 3px; padding-inline: .12em; }
.ne-hl[data-hl^="#"] {
  background: color-mix(in oklab, var(--ne-hlx) var(--ne-hl-mix), transparent);
}
.ne-hl[data-hl="ink"] { background: color-mix(in oklab, var(--tn-ink) var(--ne-hl-mix), transparent); }
.ne-hl[data-hl="amber"] { background: color-mix(in oklab, var(--tn-amber) var(--ne-hl-mix), transparent); }
.ne-hl[data-hl="rose"] { background: color-mix(in oklab, var(--tn-rose) var(--ne-hl-mix), transparent); }
.ne-hl[data-hl="violet"] { background: color-mix(in oklab, var(--tn-violet) var(--ne-hl-mix), transparent); }
.ne-hl[data-hl="emerald"] { background: color-mix(in oklab, var(--tn-emerald) var(--ne-hl-mix), transparent); }
.ne-hl[data-hl="sky"] { background: color-mix(in oklab, var(--tn-sky) var(--ne-hl-mix), transparent); }
.ne-hl[data-hl="lime"] { background: color-mix(in oklab, var(--tn-lime) var(--ne-hl-mix), transparent); }
.ne-hl[data-hl="orange"] { background: color-mix(in oklab, var(--tn-orange) var(--ne-hl-mix), transparent); }
.ne-hl[data-hl="red"] { background: color-mix(in oklab, var(--tn-red) var(--ne-hl-mix), transparent); }
.ne-hl[data-hl="pink"] { background: color-mix(in oklab, var(--tn-pink) var(--ne-hl-mix), transparent); }
.ne-hl[data-hl="teal"] { background: color-mix(in oklab, var(--tn-teal) var(--ne-hl-mix), transparent); }
.ne-hl[data-hl="indigo"] { background: color-mix(in oklab, var(--tn-indigo) var(--ne-hl-mix), transparent); }
.nr-tone[data-tone="ink"] { --t: var(--tn-ink); }
.nr-tone[data-tone="amber"] { --t: var(--tn-amber); }
.nr-tone[data-tone="rose"] { --t: var(--tn-rose); }
.nr-tone[data-tone="violet"] { --t: var(--tn-violet); }
.nr-tone[data-tone="emerald"] { --t: var(--tn-emerald); }
.nr-tone[data-tone="sky"] { --t: var(--tn-sky); }
.nr-tone[data-tone="lime"] { --t: var(--tn-lime); }
.nr-tone[data-tone="orange"] { --t: var(--tn-orange); }
.nr-tone[data-tone="red"] { --t: var(--tn-red); }
.nr-tone[data-tone="pink"] { --t: var(--tn-pink); }
.nr-tone[data-tone="teal"] { --t: var(--tn-teal); }
.nr-tone[data-tone="indigo"] { --t: var(--tn-indigo); }

/*@3.NOTC2.30*/
.nr {
  display: flex; align-items: center; gap: .1rem;
  padding: .3rem .5rem .35rem; flex: 0 0 auto;
  border-block-end: 1px solid var(--border-color);
  box-shadow: 0 2px 6px -4px rgba(0, 0, 0, .5);
  overflow-x: auto; overflow-y: hidden;
  scrollbar-width: thin; -webkit-overflow-scrolling: touch;
}
.nr[hidden] { display: none; }
.nr::-webkit-scrollbar { block-size: 4px; }
.nr-grp { display: flex; align-items: center; gap: .1rem; flex: 0 0 auto; }
.nr-grp + .nr-grp {
  margin-inline-start: .3rem; padding-inline-start: .35rem;
  border-inline-start: 1px solid var(--border-color);
}
.nr-grp--end { margin-inline-start: auto; }

/*@3.NOTC2.4*/
/*@3.NOTC2.52*/
.nr-grp--pen {
  position: sticky; inset-inline-start: 0; z-index: 2;
  background: inherit; padding-inline-end: .3rem;
  border-radius: var(--radius-md);
}
.nr-b--pen { color: var(--text-primary); }
.nr-b--pen.on {
  color: #10b981;
  border-color: color-mix(in oklab, #10b981 45%, transparent);
  background: color-mix(in oklab, #10b981 12%, transparent);
}

.nr-b {
  inline-size: 2rem; block-size: 2rem; flex: 0 0 auto; position: relative;
  display: inline-flex; align-items: center; justify-content: center;
  background: transparent; border: 1px solid transparent; border-radius: var(--radius-md);
  color: var(--text-secondary); cursor: pointer;
}
.nr-b:hover:not(:disabled) { background: var(--bg-elevated); color: var(--text-primary); }
.nr-b:focus-visible { outline: 2px solid #a78bfa; outline-offset: 1px; }
.nr-b:disabled { opacity: .35; cursor: default; }
.nr-b.on {
  color: #10b981;
  border-color: color-mix(in oklab, #10b981 45%, transparent);
  background: color-mix(in oklab, #10b981 12%, transparent);
}
.nr-b--tone { flex-direction: column; gap: 1px; }
.nr-tone-bar {
  inline-size: 1rem; block-size: 3px; border-radius: 2px;
  border: 1px solid var(--border-color);
}

.nr-sel, .nr-ins {
  display: inline-flex; align-items: center; gap: .35rem; flex: 0 0 auto;
  block-size: 2rem; padding-inline: .55rem; cursor: pointer;
  background: transparent; border: 1px solid var(--border-color);
  border-radius: var(--radius-md); color: var(--text-primary);
  font-family: inherit; font-size: .78rem;
}
.nr-sel:hover:not(:disabled), .nr-ins:hover:not(:disabled) { background: var(--bg-elevated); }
.nr-sel:focus-visible, .nr-ins:focus-visible { outline: 2px solid #a78bfa; outline-offset: 1px; }
.nr-sel:disabled, .nr-ins:disabled { opacity: .35; cursor: default; }
.nr-sel { min-inline-size: 7.5rem; }
.nr-sel-t { flex: 1 1 auto; text-align: start; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nr-sel > .fa-chevron-down, .nr-ins > .fa-chevron-down { font-size: .6rem; color: var(--text-muted); }
.nr-ins { color: #a78bfa; border-color: color-mix(in oklab, #a78bfa 45%, transparent); }
.nr-ins:hover:not(:disabled) { background: color-mix(in oklab, #a78bfa 12%, transparent); }

.nr-pop {
  position: fixed; z-index: 320; inline-size: 232px;
  max-block-size: 340px; overflow-y: auto; overscroll-behavior: contain;
  background: var(--bg-card); border: 1px solid var(--border-color);
  border-radius: var(--radius-lg); padding: .3rem;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.nr-pop--fg, .nr-pop--hl { inline-size: 200px; }
.nr-pi {
  inline-size: 100%; display: flex; align-items: center; gap: .55rem;
  background: transparent; border: 0; color: var(--text-primary);
  font-family: inherit; font-size: .84rem; text-align: start;
  padding: .45rem .55rem; border-radius: var(--radius-md); cursor: pointer;
}
.nr-pi:hover { background: var(--bg-elevated); }
.nr-pi i { inline-size: 1.1rem; text-align: center; color: var(--text-muted); font-size: .78rem; }
.nr-pi-s--h1 { font-size: 1.3rem; font-weight: 800; font-family: 'Cairo', sans-serif; }
.nr-pi-s--h2 { font-size: 1.12rem; font-weight: 700; font-family: 'Cairo', sans-serif; }
.nr-pi-s--h3 { font-size: 1rem; font-weight: 700; font-family: 'Cairo', sans-serif; }
.nr-pi-s--quote { font-style: italic; color: var(--text-secondary); }
.nr-pi-s--code { font-family: 'JetBrains Mono', monospace; font-size: .8rem; }

.nr-tones {
  display: grid; grid-template-columns: repeat(6, 1fr); gap: .3rem;
  padding: .35rem;
}
.nr-tone {
  inline-size: 100%; aspect-ratio: 1; border-radius: 50%; cursor: pointer;
  background: var(--t); border: 1px solid var(--border-color);
}
.nr-tone:hover { transform: scale(1.15); }
.nr-tone:focus-visible { outline: 2px solid #a78bfa; outline-offset: 2px; }

/*@3.NOTC2.20*/
.nsw-row {
  display: grid; grid-template-columns: repeat(6, 1fr); gap: .3rem;
  padding: .35rem;
}
.nsw-cell { position: relative; display: block; }
.nsw-sw {
  inline-size: 100%; aspect-ratio: 1; border-radius: 50%; cursor: pointer;
  background: var(--t); border: 1px solid var(--border-color);
}
.nsw-sw:hover { transform: scale(1.15); }
.nsw-sw:focus-visible { outline: 2px solid #a78bfa; outline-offset: 2px; }
.nsw-pin {
  position: absolute; inset-block-end: -3px; inset-inline-end: -3px;
  inline-size: 13px; block-size: 13px; border-radius: 50%; cursor: pointer;
  display: grid; place-items: center; font-size: 7px; line-height: 1;
  background: var(--bg-card); color: var(--text-muted);
  border: 1px solid var(--border-color); opacity: 0;
}
.nsw-cell:hover .nsw-pin,
.nsw-pin:focus-visible,
.nsw-cell.is-pin .nsw-pin { opacity: 1; }
.nsw-cell.is-pin .nsw-pin { color: var(--st-ok, #10b981); border-color: currentColor; }

.nsw-hex { display: flex; gap: .25rem; padding: .35rem; align-items: center; }
.nsw-in {
  flex: 1 1 auto; min-inline-size: 0; font: inherit; font-size: .78rem;
  padding: .3rem .4rem; border-radius: var(--radius-sm, 6px);
  background: var(--bg-surface, var(--bg-card)); color: var(--text-primary);
  border: 1px solid var(--border-color);
  unicode-bidi: isolate; direction: ltr; text-align: start;
}
.nsw-in:focus-visible { outline: 2px solid #a78bfa; outline-offset: 1px; }
.nsw-in[aria-invalid="true"] { border-color: var(--st-err, #ef4444); }
.nsw-go, .nsw-eye {
  flex: 0 0 auto; inline-size: 26px; block-size: 26px; cursor: pointer;
  display: grid; place-items: center; border-radius: var(--radius-sm, 6px);
  background: transparent; color: var(--text-secondary);
  border: 1px solid var(--border-color);
}
.nsw-go:hover, .nsw-eye:hover { color: var(--text-primary); border-color: var(--text-muted); }
.nsw-go:focus-visible, .nsw-eye:focus-visible { outline: 2px solid #a78bfa; outline-offset: 1px; }

@media (max-width: 640px) {
  .nr-grp--end { margin-inline-start: .3rem; }
  .nr-sel { min-inline-size: 5.5rem; }
}
@media (prefers-reduced-motion: reduce) {
  .nr-tone:hover { transform: none; }
}

.nc-host { inline-size: 100%; }

.nc-wrap {
  position: relative; inline-size: 100%;
  border: 1px solid var(--border-color); border-radius: var(--radius-lg);
  background: var(--bg-elevated); overflow: hidden;
  touch-action: none;
}
.nc-wrap > canvas {
  display: block; position: absolute; inset-block-start: 0; inset-inline-start: 0;
  inline-size: 100%; block-size: 100%;
  /*@3.NOTC2.50*/
  transform: translateZ(0);
}
.nc-hi { z-index: 0; mix-blend-mode: multiply; pointer-events: none; }
.nc-wrap[data-inkdark="1"] .nc-hi { mix-blend-mode: screen; }
.nc-wet[data-hi="1"] { mix-blend-mode: multiply; }
.nc-wrap[data-inkdark="1"] .nc-wet[data-hi="1"] { mix-blend-mode: screen; }
.nc-base { z-index: 1; }
/*@3.NOTC2.49*/
.nc-selbar[hidden] { display: none; }
.nc-selbar {
  position: absolute; z-index: 3; transform: translateX(-50%);
  display: flex; gap: .15rem; padding: .2rem;
  background: var(--bg-elevated); border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  box-shadow: 0 4px 14px -6px rgba(0, 0, 0, .35);
}
.nc-sb {
  inline-size: 34px; block-size: 34px; display: grid; place-items: center;
  border: 0; background: transparent; border-radius: var(--radius-sm);
  color: var(--text-secondary); font-size: .85rem; cursor: pointer;
}
.nc-sb:hover { background: color-mix(in oklab, var(--text-muted) 14%, transparent); color: var(--text-primary); }
.nc-sb--danger { color: #ef4444; }
.nc-sb--danger:hover { background: color-mix(in oklab, #ef4444 14%, transparent); color: #ef4444; }
.nc-wet { z-index: 2; touch-action: none; outline: none; }
.nc-wet:focus-visible { box-shadow: inset 0 0 0 2px #a78bfa; }

.nc-wrap[data-tool="pen"] .nc-wet,
.nc-wrap[data-tool="hi"] .nc-wet { cursor: crosshair; }
/*@3.NOTC2.163*/
.nc-wrap[data-tool="hi"][data-hm="text"] .nc-wet { cursor: text; }
.nc-wrap[data-tool="era"] .nc-wet { cursor: cell; }
.nc-wrap[data-tool="sel"] .nc-wet { cursor: default; }
.nc-wrap[data-tool="lasso"] .nc-wet { cursor: crosshair; }
.nc-wrap[data-tool="hand"] .nc-wet { cursor: grab; }
.nc-wrap[data-tool="rect"] .nc-wet,
.nc-wrap[data-tool="ell"] .nc-wet,
.nc-wrap[data-tool="line"] .nc-wet,
.nc-wrap[data-tool="arr"] .nc-wet { cursor: crosshair; }

html.nc-locked, html.nc-locked body { overflow: hidden; }
.nc-wrap[data-expanded="1"] {
  position: fixed; z-index: 400;
  inset: var(--sa-t) var(--sa-r) var(--sa-b) var(--sa-l);
  border-radius: 0; border: 0;
  background: var(--bg-surface);
}
.nc-wrap[data-expanded="1"] ~ * { pointer-events: none; }

.nc-bar {
  display: flex; align-items: center; gap: .15rem; flex-wrap: nowrap;
  padding: .3rem .4rem; margin-block-end: .35rem;
  border: 1px solid var(--border-color); border-radius: var(--radius-lg);
  background: var(--bg-surface);
  overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;
}
.nc-bar::-webkit-scrollbar { block-size: 4px; }
.nc-grp { display: flex; align-items: center; gap: .12rem; flex: 0 0 auto; }
.nc-grp + .nc-grp {
  margin-inline-start: .28rem; padding-inline-start: .32rem;
  border-inline-start: 1px solid var(--border-color);
}
.nc-grp--end { margin-inline-start: auto; }

.nc-b {
  inline-size: 1.95rem; block-size: 1.95rem; flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  background: transparent; border: 1px solid transparent; border-radius: var(--radius-md);
  color: var(--text-secondary); font-size: .78rem; cursor: pointer;
}
.nc-b:hover:not(:disabled) { background: var(--bg-elevated); color: var(--text-primary); }
.nc-b:focus-visible { outline: 2px solid #a78bfa; outline-offset: 1px; }
.nc-b:disabled { opacity: .35; cursor: default; }
.nc-b[aria-pressed="true"] {
  color: #10b981;
  border-color: color-mix(in oklab, #10b981 45%, transparent);
  background: color-mix(in oklab, #10b981 12%, transparent);
}

.nc-sw {
  inline-size: 1.35rem; block-size: 1.35rem; flex: 0 0 auto; cursor: pointer;
  border-radius: 50%; background: var(--t);
  border: 1px solid var(--border-color);
}
.nc-sw:hover { transform: scale(1.12); }
.nc-sw:focus-visible { outline: 2px solid #a78bfa; outline-offset: 2px; }
.nc-sw[aria-pressed="true"] { outline: 2px solid var(--text-primary); outline-offset: 1px; }

.nc-dot { display: inline-block; border-radius: 50%; background: var(--text-primary); }
.nc-size { padding: 0; }
.nc-zoom {
  font-size: .68rem; color: var(--text-muted); min-inline-size: 2.6rem; text-align: center;
  unicode-bidi: isolate; direction: ltr;
}

.nc-pop {
  position: fixed; z-index: 420; inline-size: 210px;
  max-block-size: 320px; overflow-y: auto; overscroll-behavior: contain;
  background: var(--bg-card); border: 1px solid var(--border-color);
  border-radius: var(--radius-lg); padding: .3rem;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.nc-pop--tone { inline-size: 196px; }
.nc-pi {
  inline-size: 100%; display: flex; align-items: center; gap: .55rem;
  background: transparent; border: 0; color: var(--text-primary);
  font-family: inherit; font-size: .82rem; text-align: start;
  padding: .42rem .55rem; border-radius: var(--radius-md); cursor: pointer;
}
.nc-pi:hover { background: var(--bg-elevated); }
.nc-pi.on { color: #10b981; }
.nc-pi i { inline-size: 1.05rem; text-align: center; color: var(--text-muted); font-size: .76rem; }
.nc-pop-h {
  padding: .5rem .55rem .25rem; font-size: .68rem; font-weight: 700;
  color: var(--text-muted);
}
.nc-pop-h:not(:first-child) {
  border-block-start: 1px solid var(--border-color); margin-block-start: .3rem;
}
.nc-tones { display: grid; grid-template-columns: repeat(6, 1fr); gap: .3rem; padding: .35rem; }
.nc-tones .nc-sw { inline-size: 100%; block-size: auto; aspect-ratio: 1; }
.nc-hint {
  margin: .3rem .2rem 0; font-size: .68rem; color: var(--text-muted); line-height: 1.6;
}

.nc-wrap[data-expanded="1"] + .nc-bar,
.nc-bar[data-floating="1"] {
  position: fixed; z-index: 401;
  inset-block-end: calc(.75rem + var(--sa-b));
  inset-inline: .5rem;
  margin: 0; box-shadow: 0 8px 30px -10px rgba(0,0,0,.6);
}

@media (prefers-reduced-motion: reduce) {
  .nc-sw:hover { transform: none; }
}

@media (pointer: coarse) {
  .nc-b { inline-size: 2.4rem; block-size: 2.4rem; font-size: .9rem; }
  .nc-sw { inline-size: 1.9rem; block-size: 1.9rem; }
  .nc-pi { padding: .6rem .6rem; font-size: .88rem; }
  .nc-bar { padding: .4rem .45rem; gap: .2rem; }
}

/*@3.NOTC2.53*/
@media (max-width: 768px) {
  .nc-bar[data-floating="1"],
  .nc-wrap[data-expanded="1"] + .nc-bar {
    flex-wrap: wrap; justify-content: center;
    overflow-x: visible; row-gap: .25rem;
  }
  .nc-bar[data-floating="1"] .nc-grp--end,
  .nc-wrap[data-expanded="1"] + .nc-bar .nc-grp--end { margin-inline-start: 0; }
}

.ne-b[data-dir="rtl"] { direction: rtl; }
.ne-b[data-dir="ltr"] { direction: ltr; }
.ne-b[data-al="center"] .ne-text,
.ne-b[data-al="center"] .ne-li,
.ne-b[data-al="center"] .ne-cell { text-align: center; }
.ne-b[data-al="end"] .ne-text,
.ne-b[data-al="end"] .ne-li,
.ne-b[data-al="end"] .ne-cell { text-align: end; }
.ne-b[data-al="justify"] .ne-text,
.ne-b[data-al="justify"] .ne-li { text-align: justify; }
.ne-b[data-al="center"] > .ne-body > .ne-tbl,
.ne-b[data-al="center"] > .ne-body > .ne-img-view { margin-inline: auto; }

.ne-b[data-ff] .ne-text,
.ne-b[data-ff] .ne-li,
.ne-b[data-ff] .ne-cell { font-family: var(--ne-ff), 'Cairo', sans-serif; }

/*@3.NOTC2.39*/
.ne-b[data-fs] .ne-text,
.ne-b[data-fs] .ne-li,
.ne-b[data-fs] .ne-cell,
.ne-b[data-fs] .ne-code { font-size: var(--ne-fs); }

.ne-tbl { inline-size: 100%; border-collapse: collapse; margin-block: .4rem; }
.ne-b[data-tst="plain"] .ne-cell { border: 0; padding: .35rem .5rem; }
.ne-b[data-tst="lines"] .ne-cell { border: 1px solid var(--border-color); padding: .4rem .55rem; }
.ne-b[data-tst="stripe"] .ne-cell { border: 0; padding: .4rem .55rem; }
.ne-b[data-tst="stripe"] tr:nth-child(odd):not(:first-child) .ne-cell {
  background: color-mix(in oklab, var(--text-muted) 8%, transparent);
}
.ne-b[data-tst="stripe"] tr:first-child .ne-cell {
  border-block-end: 1px solid var(--border-color); font-weight: 700;
}
.ne-b[data-tst="head"] .ne-cell { border: 1px solid var(--border-color); padding: .4rem .55rem; }
.ne-b[data-tst="head"] tr:first-child .ne-cell {
  background: color-mix(in oklab, var(--text-muted) 10%, transparent);
  font-weight: 700; color: var(--text-primary);
}
/*@3.NOTC2.8*/
.ne-b[data-tc="1"][data-tst="lines"] .ne-cell,
.ne-b[data-tc="1"][data-tst="head"] .ne-cell {
  border-color: color-mix(in oklab, var(--ne-tc) 38%, var(--border-color));
}
.ne-b[data-tc="1"][data-tst="head"] tr:first-child .ne-cell,
.ne-b[data-tc="1"][data-tst="stripe"] tr:first-child .ne-cell {
  background: color-mix(in oklab, var(--ne-tc) 18%, transparent);
  color: var(--ne-tc);
}
.ne-b[data-tc="1"][data-tst="stripe"] tr:nth-child(odd):not(:first-child) .ne-cell {
  background: color-mix(in oklab, var(--ne-tc) 9%, transparent);
}
.ne-b[data-tc="1"][data-tst="stripe"] tr:first-child .ne-cell {
  border-block-end-color: color-mix(in oklab, var(--ne-tc) 45%, transparent);
}

.ne-tbl tr:first-child .ne-cell:first-child { border-start-start-radius: var(--radius-md); }
.ne-tbl tr:first-child .ne-cell:last-child { border-start-end-radius: var(--radius-md); }

/*@3.NOTC2.168*/
.ne-b[data-tmeas] .ne-tbl { table-layout: auto !important; inline-size: max-content !important; }
.ne-b[data-tmeas="1"] .ne-cell { white-space: nowrap !important; min-inline-size: 0 !important; overflow-wrap: normal !important; }
.ne-b[data-tmeas="min"] .ne-tbl { inline-size: min-content !important; }
.ne-b[data-tfit] .ne-cell { font-size: var(--ne-tfs); min-inline-size: 1.8em; }
.ne-b[data-tfit][data-tst] .ne-cell { padding: .3em .38em; }
.ne-b[data-tfit="wrap"] .ne-tbl { table-layout: fixed; inline-size: 100%; }
.ne-b[data-tfit="wrap"] .ne-cell { min-inline-size: 0; }
.ne-b[data-tfit="wrap"][data-tst] .ne-cell { padding: .14em .2em; }

.ne-code { font-family: 'JetBrains Mono', monospace; }

/*@3.NOTC2.170*/
:where(.ne-text, .ne-li, .ne-cell) code {
  font-family: 'JetBrains Mono', ui-monospace, Consolas, monospace;
  font-size: .86em; font-weight: 500; padding: .12em .42em; border-radius: 6px;
  background: var(--ne-ic-bg); color: var(--ne-ic-fg);
  box-shadow: inset 0 0 0 1px var(--ne-ic-bd);
  unicode-bidi: plaintext; -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
:root { --ne-ic-bg: var(--bg-surface); --ne-ic-fg: var(--text-primary); --ne-ic-bd: var(--border-color); }
[data-theme="light"] { --ne-ic-bg: #eceef2; --ne-ic-fg: #111827; --ne-ic-bd: #d9dde4; }
.cd-kw { color: var(--cd-kw); font-weight: 700; }
.cd-st { color: var(--cd-st); }
.cd-cm { color: var(--cd-cm); font-style: italic; }
.cd-nu { color: var(--cd-nu); }
.cd-fn { color: var(--cd-fn); }
.cd-ty { color: var(--cd-ty); }
.cd-op { color: var(--cd-op); }
.cd-pn { color: var(--text-muted); }
/*@3.NOTC2.153*/
.ne-code[data-cv] > .cd-ck { content-visibility: auto; }

/*@3.NOTC2.82*/
:root {
  --cd-kw: #c084fc; --cd-st: #86efac; --cd-cm: #6b7280;
  --cd-nu: #fbbf24; --cd-fn: #60a5fa; --cd-ty: #2dd4bf; --cd-op: #f472b6;
}


.nr-font { min-inline-size: 6.5rem; }

/*@3.NOTC2.1*/
/*@3.NOTC2.154*/
.nov-host { position: absolute; z-index: auto; pointer-events: none; }
.nov-host .nc-hi, .nov-host .nc-base, .nov-host .nc-wet, .nov-host .nc-selbar { z-index: 30; }
.nov-host[data-live="1"] { pointer-events: auto; }
/*@3.NOTC2.37*/
.nov-host[data-off="1"] { display: none; }
.nov-host .nc-wrap { border: 0; border-radius: 0; background: transparent; }
.na-doc-body.nov-drawing .na-sheet { pointer-events: none; user-select: none; }
.na-doc-body.nov-drawing { cursor: crosshair; }

/*@3.NOTC2.3*/
.ndl {
  position: fixed; z-index: 340;
  inline-size: 0; block-size: 0;
  touch-action: none;
}
.ndl[hidden] { display: none; }

.ndl-hub {
  position: absolute; left: 0; top: 0; transform: translate(-50%, -50%);
  inline-size: 3.4rem; block-size: 3.4rem;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%; cursor: grab;
  background: var(--ndl-paper, var(--bg-card)); color: var(--text-primary);
  border: 1px solid var(--border-color);
  box-shadow: 0 10px 30px -10px rgba(0,0,0,.55);
  font-size: 1rem; touch-action: none;
}
/*@3.NOTC2.108*/
.ndl-fav-ink, .ndl-fav-dot { --ndl-chip: var(--ndl-paper, transparent); }
.ndl-fav[data-ink="1"] { background: var(--ndl-paper, var(--bg-card)); }
.ndl-hub:active { cursor: grabbing; }
.ndl-hub:focus-visible { outline: 2px solid #a78bfa; outline-offset: 2px; }
.ndl[data-open="1"] .ndl-hub {
  color: #10b981;
  border-color: color-mix(in oklab, #10b981 45%, transparent);
}
.ndl[data-drawing="0"] .ndl-hub { color: var(--text-muted); }

.ndl-z {
  position: absolute; left: 0; top: 2.1rem; transform: translateX(-50%);
  padding: .05rem .4rem; border-radius: 999px; cursor: pointer;
  background: var(--bg-elevated); border: 1px solid var(--border-color);
  color: var(--text-secondary); font-size: .6rem; line-height: 1.5;
  white-space: nowrap; unicode-bidi: isolate; direction: ltr;
}
.ndl-z:hover { color: var(--text-primary); }
/*@3.NOTC2.54*/
.ndl-z[hidden] { display: none; }

.ndl-ring { position: absolute; inset: 0; }
.ndl-ring[hidden] { display: none; }
.ndl-i {
  position: absolute; transform: translate(-50%, -50%);
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%; cursor: pointer;
  background: var(--bg-card); color: var(--text-secondary);
  border: 1px solid var(--border-color);
  box-shadow: 0 6px 18px -8px rgba(0,0,0,.5);
  font-size: .8rem;
  animation: ndl-in .16s ease both;
}
.ndl-i:hover { color: var(--text-primary); background: var(--bg-elevated); }
.ndl-i:focus-visible { outline: 2px solid #a78bfa; outline-offset: 2px; }
.ndl-i[aria-pressed="true"], .ndl-i.on {
  color: #10b981;
  border-color: color-mix(in oklab, #10b981 50%, transparent);
  background: color-mix(in oklab, #10b981 14%, var(--bg-card));
}
.ndl-i--danger:hover { color: #ef4444; border-color: color-mix(in oklab, #ef4444 45%, transparent); }
.ndl-ring--1 .ndl-i { inline-size: 2.5rem; block-size: 2.5rem; }
.ndl-ring--2 .ndl-i { inline-size: 2.2rem; block-size: 2.2rem; }
/*@3.NOTC2.10*/
.ndl-i.ndl-sw,
.ndl-i.ndl-sw:hover { background: var(--t); color: var(--t); }
.ndl-i.ndl-sw:hover { transform: translate(-50%, -50%) scale(1.16); }
.ndl-sw[aria-pressed="true"] { outline: 2px solid var(--text-primary); outline-offset: 2px; }
.ndl-dot { display: block; border-radius: 50%; background: currentColor; }
.ndl-n { font-size: .58rem; font-weight: 600; }

.ndl-tip {
  position: absolute; left: 0; top: -3rem; transform: translateX(-50%);
  padding: .12rem .5rem; border-radius: var(--radius-md);
  background: var(--bg-elevated); border: 1px solid var(--border-color);
  color: var(--text-primary); font-size: .62rem; white-space: nowrap;
  pointer-events: none; opacity: 0; transition: opacity .12s;
}
.ndl-tip[data-on="1"] { opacity: 1; }

/*@3.NOTC2.5*/
.ndl-favs {
  display: flex; align-items: center; gap: .3rem; flex: 0 0 auto;
  padding: .3rem .5rem; overflow-x: auto; overflow-y: hidden;
  border-block-end: 1px solid var(--border-color);
  background: var(--bg-elevated);
  scrollbar-width: thin;
  /*@3.NOTC2.123*/
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  touch-action: pan-x;
}
.ndl-favs.is-sorting, .ndl-favs.is-armed { touch-action: none; }
/*@3.NOTC2.111*/
#na-favs { position: relative; z-index: 8; flex: 0 0 auto; }
#na-favs .ndl-dock { display: flex; flex-direction: column; }
#na-favs .ndl-dock[hidden] { display: none; }
#na-favs.na-favs--ghost .ndl-dock { visibility: hidden; pointer-events: none; }
/*@3.NOTC2.124*/
.ndl-dock[data-bare="1"] {
  block-size: .95rem; cursor: context-menu;
  border-block-end: 1px solid var(--border-color);
  background: var(--bg-elevated);
  display: flex; align-items: center; justify-content: center;
}
.ndl-dock[data-bare="1"]::before {
  content: ""; inline-size: 2.2rem; block-size: 3px; border-radius: 9999px;
  background: color-mix(in oklab, var(--text-primary) 26%, transparent);
}
/*@3.NOTC2.112*/
/*@3.NOTC2.122*/
.ndl-favs--tools { padding-block: .28rem; }
.ndl-favs--tools[hidden] { display: none; }
.ndl-bar { inline-size: min(44rem, calc(100vw - 2rem)); }
.ndl-bar .gsf-body { display: flex; flex-direction: column; gap: .1rem; }
.ndl-bar-p { margin: 0 0 .6rem; font-size: .74rem; color: var(--text-muted); line-height: 1.6; }
/*@3.NOTC2.129*/
/*@3.NOTC2.132*/
.ndl-bar-cards {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: .55rem;
}
.ndl-card {
  border: 1px solid var(--border-color); border-radius: var(--radius-lg);
  background: var(--bg-elevated); padding: .5rem .55rem;
  display: flex; flex-direction: column; gap: .45rem; min-inline-size: 0;
}
.ndl-card-h { display: flex; align-items: center; gap: .4rem; }
.ndl-card-h > i { color: var(--gsf-tint, #a78bfa); font-size: .8rem; flex: 0 0 auto; }
.ndl-card-t { flex: 1 1 auto; font-size: .82rem; font-weight: 700; min-inline-size: 0; }
.ndl-card-n {
  flex: 0 0 auto; font-size: .68rem; font-weight: 700; color: var(--text-muted);
  font-variant-numeric: tabular-nums; unicode-bidi: isolate;
  min-inline-size: 1.4rem; text-align: center;
  padding: .05rem .35rem; border-radius: var(--radius-pill);
  background: color-mix(in oklab, var(--text-muted) 14%, transparent);
}
.ndl-card-f {
  flex: 0 0 auto; inline-size: 1.7rem; block-size: 1.7rem;
  display: inline-flex; align-items: center; justify-content: center;
  border: 0; background: none; color: var(--text-muted); cursor: pointer;
  border-radius: var(--radius-sm); font-size: .72rem;
}
.ndl-card-f:hover { color: var(--text-primary); }
.ndl-card-f > i { transition: transform .16s ease; }
.ndl-card[data-fold="1"] .ndl-card-f > i { transform: rotate(-90deg); }
.ndl-card[data-fold="1"] .ndl-card-b { display: none; }
.ndl-card[data-fold="1"] { padding-block: .35rem; }
.ndl-card-b {
  display: flex; flex-wrap: wrap; gap: .28rem; align-items: center;
  min-block-size: 2rem;
}
.ndl-card-f2 {
  display: flex; gap: .3rem; align-items: center;
  padding-block-start: .4rem; border-block-start: 1px dashed var(--border-color);
}
.ndl-card[data-fold="1"] .ndl-card-f2 { display: none; }
.ndl-card-e { font-size: .72rem; color: var(--text-muted); }
.ndl-bc {
  inline-size: 1.85rem; block-size: 1.85rem; flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: var(--radius-sm); cursor: pointer;
  border: 1px solid var(--border-color); background: var(--bg-card);
  color: var(--text-secondary); font-size: .72rem;
}
.ndl-bc:hover { color: var(--text-primary); border-color: var(--text-muted); }
.ndl-bc[aria-pressed="true"] {
  color: #10b981; border-color: rgba(16, 185, 129, .55);
  background: rgba(16, 185, 129, .12);
}
.ndl-bc.is-lifted { opacity: .4; }
.ndl-bc.is-drop { box-shadow: inset 3px 0 0 var(--na-act, #7c3aed); }
.ndl-card-b [data-ix] { touch-action: pan-y; }
.ndl-card-b.is-sorting { touch-action: none; }
.ndl-card-b.is-sorting [data-ix] { touch-action: none; }
.ndl-bc.is-lifted { opacity: .35; transform: scale(1.12); }
.ndl-bc--sep {
  inline-size: .7rem; border-style: dashed;
  background: repeating-linear-gradient(180deg,
    var(--text-muted) 0 3px, transparent 3px 6px);
  background-size: 1px 100%; background-position: center; background-repeat: no-repeat;
}
.ndl-bc--spring {
  inline-size: 1.6rem; border-style: dashed; color: var(--text-muted);
  background: repeating-linear-gradient(90deg,
    var(--text-muted) 0 3px, transparent 3px 6px);
  background-size: 100% 1px; background-position: center; background-repeat: no-repeat;
}
.ndl-bc--add { color: #10b981; border-style: dashed; border-color: rgba(16, 185, 129, .5); }
.ndl-bc--addsep { color: var(--text-muted); border-style: dashed; }
.ndl-bc--restore { color: var(--text-muted); border-style: dashed; }
.ndl-bc--restore:disabled { opacity: .35; cursor: default; }
.ndl-bar-foot {
  display: flex; align-items: center; gap: .5rem; flex-wrap: wrap;
  margin-block-start: .8rem; padding-block-start: .6rem;
  border-block-start: 1px solid var(--border-color);
}
.ndl-bar-foot-t { flex: 1 1 auto; font-size: .78rem; min-inline-size: 8rem; }
/*@3.NOTC2.131*/
.ndl-sw {
  inline-size: 2rem; block-size: 1.15rem; flex: 0 0 auto; position: relative;
  border-radius: 9999px; cursor: pointer; border: 0;
  background: color-mix(in oklab, var(--text-primary) 16%, transparent);
  transition: background-color .16s ease;
}
.ndl-sw > i {
  position: absolute; inset-block-start: 2px; inset-inline-start: 2px;
  inline-size: .8rem; block-size: .8rem; border-radius: 50%;
  background: var(--bg-card); transition: inset-inline-start .16s ease;
}
.ndl-sw[aria-checked="true"] { background: #10b981; }
.ndl-sw[aria-checked="true"] > i { inset-inline-start: calc(100% - .95rem); }
/*@3.NOTC2.130*/
.ndl-pick { max-block-size: 70vh; overflow: auto; }
.ndl-pick {
  position: fixed; z-index: 2147483200;
  inline-size: min(19rem, calc(100vw - 1.5rem));
  max-block-size: min(60vh, 26rem); overflow-y: auto;
  padding: .5rem; border-radius: var(--radius-lg);
  background: var(--bg-elevated); border: 1px solid var(--border-color);
  box-shadow: 0 12px 24px -12px rgba(0, 0, 0, .55);
}
.ndl-pick-h {
  font-size: .72rem; font-weight: 700; color: var(--text-muted);
  margin: .35rem .1rem .25rem;
}
.ndl-pick-g { display: flex; flex-wrap: wrap; gap: .28rem; }
.ndl-bar-tip {
  position: fixed; z-index: 2147483300; pointer-events: none;
  padding: .22rem .5rem; border-radius: var(--radius-sm);
  background: var(--bg-body); border: 1px solid var(--border-color);
  color: var(--text-primary); font-size: .72rem; white-space: nowrap;
  opacity: 0; transition: opacity .14s ease;
}
.ndl-bar-tip[data-on="1"] { opacity: 1; }
@media (max-width: 640px) {
  .ndl-bc { inline-size: 2.6rem; block-size: 2.6rem; font-size: .85rem; }
  .ndl-bc--sep { inline-size: 1rem; }
  .ndl-bc--spring { inline-size: 2rem; }
  .ndl-sw { inline-size: 2.6rem; block-size: 1.5rem; }
  .ndl-sw > i { inline-size: 1.1rem; block-size: 1.1rem; }
  .ndl-sw[aria-checked="true"] > i { inset-inline-start: calc(100% - 1.25rem); }
}
@media (prefers-reduced-motion: reduce) {
  .ndl-sw, .ndl-sw > i, .ndl-bar-tip, .ndl-card-f > i { transition: none; }
  .ndl-bc.is-lifted { transform: none; }
}
.ndl-favs--mine { padding-block: .28rem; }
.ndl-favs--mine[hidden] { display: none; }
.ndl-fav-spring { flex: 1 1 auto; min-inline-size: .25rem; }
.ndl-fav-txt { color: var(--text-secondary); }
/*@3.NOTC2.125*/
.ndl-szlbl { font-size: .72rem; color: var(--text-muted); align-self: center; padding-inline: .3rem; }
.ndl-favs--colors { padding-block: .28rem; }
.ndl-favs--colors[hidden] { display: none; }
.ndl-pl-tabs { display: inline-flex; align-items: center; gap: .2rem; flex: 0 0 auto; }
.ndl-pl-tab {
  min-inline-size: 1.7rem; block-size: 1.7rem; padding-inline: .35rem;
  font-size: .72rem; font-weight: 700; line-height: 1;
  color: var(--text-secondary); unicode-bidi: isolate;
}
.ndl-pl-tab[aria-selected="true"] {
  color: #10b981; border-color: rgba(16, 185, 129, .55);
  background: rgba(16, 185, 129, .12);
}
.ndl-pl-tab--add { color: var(--text-muted); }
.ndl-pl-put { color: var(--text-muted); }
.ndl-pl-empty {
  font-size: .7rem; color: var(--text-muted); white-space: nowrap;
  padding-inline: .3rem; align-self: center;
}
.ndl-fav, .ndl-fav-sw, .ndl-fav-star {
  /*@3.NOTC2.127*/
  touch-action: pan-x; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none;
}
.ndl-favs.is-sorting .ndl-fav, .ndl-favs.is-armed .ndl-fav,
.ndl-favs.is-sorting .ndl-fav-sw, .ndl-favs.is-armed .ndl-fav-sw,
.ndl-favs.is-sorting .ndl-fav-star, .ndl-favs.is-armed .ndl-fav-star { touch-action: none; }
.ndl-ghost {
  position: fixed; z-index: 2147483001; pointer-events: none; opacity: .92;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .35); margin: 0;
}
.ndl-fav.is-lifted { opacity: .35; }
.ndl-favs.is-sorting .ndl-fav.is-drop { box-shadow: inset 3px 0 0 var(--na-act, #7c3aed); }
.ndl-favs[hidden] { display: none; }
/*@3.NOTC2.126*/
.ndl-fav[data-hint="1"] {
  box-shadow: 0 0 0 2px color-mix(in oklab, var(--na-act, #7c3aed) 55%, transparent),
              0 0 0 6px color-mix(in oklab, var(--na-act, #7c3aed) 18%, transparent);
  animation: ndl-hint 1.1s ease-in-out 0s 3;
}
@keyframes ndl-hint {
  0%, 100% { box-shadow: 0 0 0 2px color-mix(in oklab, var(--na-act, #7c3aed) 55%, transparent),
                         0 0 0 6px color-mix(in oklab, var(--na-act, #7c3aed) 18%, transparent); }
  50%      { box-shadow: 0 0 0 2px color-mix(in oklab, var(--na-act, #7c3aed) 85%, transparent),
                         0 0 0 9px color-mix(in oklab, var(--na-act, #7c3aed) 28%, transparent); }
}
@media (prefers-reduced-motion: reduce) {
  .ndl-fav[data-hint="1"] { animation: none; }
}
.ndl-fav, .ndl-fav-star {
  inline-size: 2.1rem; block-size: 2.1rem; flex: 0 0 auto; position: relative;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--bg-card); border: 1px solid var(--border-color);
  border-radius: var(--radius-md); color: var(--t, var(--text-secondary));
  cursor: pointer;
}
.ndl-fav:hover, .ndl-fav-star:hover { border-color: var(--text-muted); }
.ndl-fav:focus-visible, .ndl-fav-star:focus-visible { outline: 2px solid #a78bfa; outline-offset: 1px; }
.ndl-fav[aria-pressed="true"] {
  border-color: color-mix(in oklab, #10b981 55%, transparent);
  background: color-mix(in oklab, #10b981 12%, var(--bg-card));
}
/*@3.NOTC2.147*/
.ndl-fav-sw[data-ix] { cursor: pointer; }
.ndl-favs.is-sorting .ndl-fav-sw[data-ix] { cursor: grabbing; }
.ndl-fav.ndl-fav-sw {
  inline-size: 1.7rem; block-size: 1.7rem; border-radius: 50%;
  background: var(--t); border: 1px solid color-mix(in oklab, var(--text-primary) 22%, transparent);
}
.ndl-fav.ndl-fav-sw[aria-pressed="true"] {
  box-shadow: 0 0 0 2px var(--bg-card), 0 0 0 4px var(--text-primary);
  border-color: transparent; background: var(--t);
}
/*@3.NOTC2.35*/
.ndl-fav-size { color: var(--text-secondary); }
.ndl-fav-dot {
  display: block; border-radius: 50%;
  background: currentColor;
}
/*@3.NOTC2.98*/
.ndl-fav-size, .ndl-fav-ink {
  flex-direction: column; gap: 1px;
  padding-block: .15rem;
}
.ndl-nib-i {
  display: inline-flex; align-items: center; justify-content: center;
  line-height: 1; font-size: .82rem;
}
.ndl-nib-i svg { inline-size: .86rem; block-size: .86rem; }
.ndl-nib-w {
  display: block; inline-size: .82rem; min-block-size: 1.5px;
  border-radius: 99px; background: currentColor; opacity: .78;
}
.ndl-szpop {
  position: fixed; z-index: 2147483000;
  padding: .4rem; display: flex; flex-direction: column; gap: .35rem;
  background: var(--bg-card); border: 1px solid var(--border-color);
  border-radius: var(--radius-lg); box-shadow: 0 12px 32px rgba(0, 0, 0, .32);
}
.ndl-szrow { display: flex; align-items: center; gap: .3rem; }
/*@3.NOTC2.118*/
.ndl-szsep {
  block-size: 1px; margin-block: .1rem;
  background: var(--border-color);
}
.ndl-favpop {
  position: fixed; z-index: 2147483001;
  min-inline-size: 12rem; max-inline-size: 17rem;
  padding: .3rem; display: flex; flex-direction: column; gap: .1rem;
  background: var(--bg-card); border: 1px solid var(--border-color);
  border-radius: var(--radius-lg); box-shadow: 0 12px 32px rgba(0, 0, 0, .32);
}
.ndl-favp-h {
  padding: .3rem .5rem .35rem; font-size: .68rem; font-weight: 700;
  color: var(--text-muted); border-block-end: 1px solid var(--border-color);
  margin-block-end: .15rem; white-space: nowrap; overflow: hidden;
  text-overflow: ellipsis;
}
.ndl-favp-sep {
  block-size: 1px; background: var(--border-color); margin: .15rem .25rem;
}
.ndl-favp-i {
  display: flex; align-items: center; gap: .5rem; inline-size: 100%;
  padding: .4rem .5rem; background: transparent; border: 0;
  border-radius: var(--radius-md); cursor: pointer; text-align: start;
  font: inherit; font-size: .74rem; color: var(--text-primary);
}
.ndl-favp-i > i {
  inline-size: 1rem; text-align: center; color: var(--text-muted); font-size: .74rem;
}
.ndl-favp-i:hover:not([disabled]) { background: var(--bg-elevated); }
.ndl-favp-i:focus-visible { outline: 2px solid #a78bfa; outline-offset: -2px; }
.ndl-favp-i[disabled] { opacity: .38; cursor: default; }
.ndl-szb {
  inline-size: 2rem; block-size: 2rem; flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  background: transparent; border: 1px solid transparent;
  border-radius: var(--radius-md); color: var(--text-secondary); cursor: pointer;
}
.ndl-szb:hover { border-color: var(--text-muted); color: var(--text-primary); }
.ndl-szb:focus-visible { outline: 2px solid #a78bfa; outline-offset: 1px; }
.ndl-szb[aria-pressed="true"] {
  border-color: color-mix(in oklab, #10b981 55%, transparent);
  background: color-mix(in oklab, #10b981 12%, transparent);
  color: var(--text-primary);
}
/*@3.NOTC2.97*/
.ndl-fav-col { color: var(--text-secondary); }
/*@3.NOTC2.99*/
.ndl-col-dot {
  display: block; inline-size: .68rem; block-size: .68rem;
  border-radius: 50%; background: var(--t, currentColor);
  box-shadow: 0 0 0 1px color-mix(in oklab, var(--text-primary) 26%, transparent),
              0 0 0 3.5px color-mix(in oklab, var(--t, currentColor) 20%, transparent);
}
/*@3.NOTC2.113*/
.ndl-clpop {
  position: fixed; z-index: 2147483000;
  padding: .6rem .65rem; display: flex; flex-direction: column; gap: .55rem;
  inline-size: max-content; max-inline-size: 94vw; overflow: visible;
  background: var(--bg-card); border: 1px solid var(--border-color);
  border-radius: var(--radius-lg); box-shadow: 0 12px 32px rgba(0, 0, 0, .32);
}
.ndl-clrow {
  display: grid; grid-template-columns: repeat(8, 1.9rem); gap: .42rem;
  align-items: center; justify-content: start; overflow: visible;
}
.ndl-clramp {
  display: flex; flex-wrap: wrap; align-items: center; gap: .32rem;
  padding-block-start: .5rem; border-block-start: 1px solid var(--border-color);
  overflow: visible;
}
.ndl-clname {
  flex: 0 0 auto; font-size: .68rem; color: var(--text-muted);
  margin-inline-end: .2rem; white-space: nowrap;
}
.ndl-clb {
  inline-size: 1.9rem; block-size: 1.9rem; flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--t, transparent); border: 1px solid color-mix(in oklab, var(--text-primary) 22%, transparent);
  border-radius: 50%; color: var(--text-secondary); cursor: pointer;
  padding: 0;
}
.ndl-clb--pick, .ndl-clb--more { background: transparent; }
.ndl-clrow--more { margin-block-start: .3rem; }
.ndl-clrow--more[hidden] { display: none; }
.ndl-clb--sh { inline-size: 1.6rem; block-size: 1.6rem; }
.ndl-clb.is-base { box-shadow: 0 0 0 2px var(--bg-card), 0 0 0 3px var(--text-muted); }
.ndl-clb:focus-visible { outline: 2px solid #a78bfa; outline-offset: 2px; }
.ndl-clb[aria-pressed="true"] {
  box-shadow: 0 0 0 2px var(--bg-card), 0 0 0 4px var(--text-primary);
  border-color: transparent;
}
@media (hover: hover) {
  .ndl-clb:hover { box-shadow: 0 0 0 2px var(--bg-card), 0 0 0 3px var(--text-muted); }
}

.ndl-fav-tail { display: flex; align-items: center; gap: .3rem; margin-inline-start: auto; }
.ndl-fav-opt { color: var(--text-secondary); }
/*@3.NOTC2.105*/
.ndl-fav-hist { display: inline-flex; align-items: center; gap: .3rem; flex: 0 0 auto; }
.ndl-fav-hist[hidden] { display: none; }
.ndl-fav:disabled { opacity: .34; cursor: default; }
.ndl-fav:disabled:hover { border-color: var(--border-color); }
.ndl-fav-sep {
  flex: 0 0 auto; inline-size: 1px; block-size: 1.5rem;
  background: var(--border-color); margin-inline: .2rem;
}
/*@3.NOTC2.11*/
.ndl-fav-star { margin-inline-start: 0; }
.ndl-fav-star[hidden] { display: none; }
.ndl-fav-star[aria-pressed="false"] {
  color: #f59e0b;
  border-color: color-mix(in oklab, #f59e0b 42%, transparent);
}
.ndl-fav-star[aria-pressed="true"] {
  color: #ef4444;
  border-color: color-mix(in oklab, #ef4444 45%, transparent);
  background: color-mix(in oklab, #ef4444 10%, transparent);
}



@keyframes ndl-in {
  from { opacity: 0; transform: translate(-50%, -50%) scale(.4); }
  to   { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

@media (pointer: coarse) {
  .ndl-ring--1 .ndl-i { inline-size: 2.8rem; block-size: 2.8rem; }
  .ndl-ring--2 .ndl-i { inline-size: 2.5rem; block-size: 2.5rem; }
}
@media (prefers-reduced-motion: reduce) {
  .ndl-i { animation: none; }
  .ndl, .ndl-tip { transition: none; }
}

.ne-grip { touch-action: none; cursor: grab; }
.ne-dragging-on { cursor: grabbing; user-select: none; }
.ne-dragging { opacity: .4; }
.ne-b[data-drop] { position: relative; }
.ne-b[data-drop]::after {
  content: ''; position: absolute; inset-inline: 0; block-size: 2px;
  background: var(--accent-primary, #a78bfa); border-radius: 2px; pointer-events: none;
}
.ne-b[data-drop="b"]::after { inset-block-start: -1px; }
.ne-b[data-drop="a"]::after { inset-block-end: -1px; }

.ne-mathx { display: block; }
.ne-math-out[role="button"] {
  cursor: pointer; border-radius: var(--radius-md);
  padding: .25rem .35rem; margin-inline: -.35rem;
  transition: background .12s ease;
}
.ne-math-out[role="button"]:hover,
.ne-math-out[role="button"]:focus-visible { background: var(--bg-elevated); }
.ne-math-out[hidden], .ne-tex[hidden] { display: none; }

.ndl-penbtn { max-inline-size: 30rem; }
.ndl-pb-t { margin: 0 0 .35rem; font-size: 1rem; }
.ndl-pb-p, .ndl-pb-w { margin: 0 0 .8rem; color: var(--text-secondary); font-size: .84rem; line-height: 1.6; }
.ndl-pb-w { margin-block-start: .8rem; }
.ndl-pb-w a { color: var(--na-act, #7c3aed); }
/*@3.NOTC2.36*/
.ndl-pb-st {
  margin: 0 0 .8rem; padding: .45rem .7rem;
  border-radius: var(--radius-md); font-size: .82rem; line-height: 1.6;
  border: 1px solid transparent; color: var(--text-secondary);
}
.ndl-pb-st:empty { display: none; }
.ndl-pb-st[data-k="wait"] {
  border-color: color-mix(in oklab, #a78bfa 45%, transparent);
  background: color-mix(in oklab, #a78bfa 12%, transparent);
}
.ndl-pb-st[data-k="ok"] {
  border-color: color-mix(in oklab, #10b981 45%, transparent);
  background: color-mix(in oklab, #10b981 12%, transparent);
  color: var(--text-primary);
}
.ndl-pb-st[data-k="warn"] {
  border-color: color-mix(in oklab, #f59e0b 45%, transparent);
  background: color-mix(in oklab, #f59e0b 12%, transparent);
}
/*@3.NOTC2.31*/
.ndl-pb-row {
  display: grid; grid-template-columns: 9rem 1fr auto; gap: .4rem .7rem;
  align-items: center; margin-block-end: .9rem;
}
.ndl-pb-row--k { grid-template-columns: 9rem auto 1fr auto; }
.ndl-pb-k { font-weight: 600; font-size: .9rem; }
.ndl-pb-h { grid-column: 1 / -1; color: var(--text-muted); font-size: .78rem; }
.ndl-pb-rec {
  display: inline-flex; align-items: center; gap: .35rem; cursor: pointer;
  padding: .3rem .6rem; border-radius: var(--radius-pill);
  font-family: inherit; font-size: .76rem; white-space: nowrap;
  background: transparent; color: var(--text-secondary);
  border: 1px solid var(--border-color);
}
.ndl-pb-rec:hover { color: var(--text-primary); border-color: var(--text-muted); }
.ndl-pb-rec:focus-visible { outline: 2px solid #a78bfa; outline-offset: 1px; }
.ndl-pb-rec.is-rec {
  color: #10b981;
  border-color: color-mix(in oklab, #10b981 60%, transparent);
  background: color-mix(in oklab, #10b981 12%, transparent);
}
.ndl-pb-clr {
  inline-size: 1.7rem; block-size: 1.7rem; cursor: pointer;
  display: grid; place-items: center; border-radius: var(--radius-sm);
  background: transparent; color: var(--text-muted);
  border: 1px solid transparent; font-size: .74rem;
}
.ndl-pb-clr:hover { color: var(--st-err, #ef4444); border-color: var(--border-color); }
.ndl-pb-kbd {
  min-inline-size: 2rem; text-align: center; padding: .15rem .45rem;
  border-radius: var(--radius-sm); font-size: .8rem; font-weight: 700;
  background: var(--bg-elevated); border: 1px solid var(--border-color);
  color: var(--text-primary); unicode-bidi: isolate; direction: ltr;
}
@media (max-width: 520px) {
  .ndl-pb-row, .ndl-pb-row--k { grid-template-columns: 1fr auto; }
  .ndl-pb-k { grid-column: 1 / -1; }
}

/*@3.NOTC2.15*/
:where(:root) { --ni: 1rem; }
.nr-b, .ndl-i, .ndl-fav, .ndl-fav-star, .ne-menu-i i, .ni-host { font-size: var(--ni); }
.ndl-ring--2 .ndl-i { font-size: var(--ni); }

.ni { position: relative; display: inline-flex; align-items: center; justify-content: center; }
/*@3.NOTC2.32*/
.ni-svg {
  inline-size: 1.05em; block-size: 1.05em;
  display: block; flex: 0 0 auto;
}
.ni-badge {
  position: absolute; inset-block-end: -.3em; inset-inline-end: -.42em;
  font-size: .56em; line-height: 1;
  display: inline-flex; align-items: center; justify-content: center;
  inline-size: 1.5em; block-size: 1.5em; border-radius: 50%;
  background: var(--bg-card); color: inherit;
}
.ni-over .ni-mark {
  position: absolute; inset: 0;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 1.18em;
}
.ndl-fav .ni-badge, .ndl-i .ni-badge { background: var(--bg-elevated); }

/*@3.NOTC2.16*/
:where(:root) { --ne-hl-mix: 20%; --ne-hlb-mix: 16%; }
.nr-tones[data-mix] .nr-tone {
  background-color: var(--ne-under, var(--bg-card));
  border-color: var(--t);
}
.nr-tones[data-mix="hl"] .nr-tone {
  background-image: linear-gradient(
    color-mix(in oklab, var(--t) var(--ne-hl-mix), transparent),
    color-mix(in oklab, var(--t) var(--ne-hl-mix), transparent));
}
.nr-tones[data-mix="blk"] .nr-tone {
  background-image: linear-gradient(
    color-mix(in oklab, var(--t) var(--ne-hlb-mix), transparent),
    color-mix(in oklab, var(--t) var(--ne-hlb-mix), transparent));
}

/*@3.NOTC2.18*/
[dir="rtl"] .nr-b[data-act="undo"] > i,
[dir="rtl"] .nr-b[data-act="redo"] > i,
[dir="rtl"] .ndl-i[data-k="undo"] > i,
[dir="rtl"] .ndl-i[data-k="redo"] > i {
  transform: scaleX(-1);
}

/*@3.NOTC2.34*/
.nsw-bd {
  position: fixed; z-index: 2147483000;
  inline-size: 224px; padding: .5rem;
  background: var(--bg-card); border: 1px solid var(--border-color);
  border-radius: var(--radius-lg); box-shadow: 0 12px 32px rgba(0, 0, 0, .32);
  display: flex; flex-direction: column; gap: .45rem;
}
.nsw-sv {
  position: relative; block-size: 118px; border-radius: var(--radius-md);
  cursor: crosshair; touch-action: none;
  background:
    linear-gradient(to top, #000, transparent),
    linear-gradient(to right, #fff, hsl(var(--h, 270) 100% 50%));
}
.nsw-knob {
  position: absolute; inline-size: 14px; block-size: 14px; margin: -7px 0 0 -7px;
  border-radius: 50%; border: 2px solid #fff; background: var(--t, #000);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .45); pointer-events: none;
}
.nsw-hue {
  inline-size: 100%; block-size: 12px; margin: 0; padding: 0;
  -webkit-appearance: none; appearance: none; border-radius: var(--radius-pill);
  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%,
              #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}
.nsw-hue::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none;
  inline-size: 14px; block-size: 14px; border-radius: 50%;
  background: var(--bg-card); border: 2px solid var(--text-primary);
}
.nsw-hue::-moz-range-thumb {
  inline-size: 14px; block-size: 14px; border-radius: 50%;
  background: var(--bg-card); border: 2px solid var(--text-primary);
}
.nsw-bd-f { display: flex; align-items: center; gap: .3rem; }
.nsw-prev {
  inline-size: 22px; block-size: 22px; flex: none;
  border-radius: var(--radius-sm); background: var(--t, #000);
  border: 1px solid var(--border-color);
}
.nsw-bd .nsw-in { flex: 1 1 auto; min-inline-size: 0; }
@media (prefers-reduced-motion: reduce) { .nsw-knob { transition: none; } }
.nr-b.is-muted { opacity: .45; }

/*@3.NOTC2.38*/
.ne-tbl td.ne-cell[data-cal="start"]   { text-align: start; }
.ne-tbl td.ne-cell[data-cal="center"]  { text-align: center; }
.ne-tbl td.ne-cell[data-cal="end"]     { text-align: end; }
.ne-tbl td.ne-cell[data-cal="justify"] { text-align: justify; }
.ne-tbl td.ne-cell[data-cva="top"]     { vertical-align: top; }
.ne-tbl td.ne-cell[data-cva="middle"]  { vertical-align: middle; }
.ne-tbl td.ne-cell[data-cva="bottom"]  { vertical-align: bottom; }
.ne-tbl-sep {
  display: inline-block; inline-size: 1px; block-size: 1.1rem;
  background: var(--border-color); margin-inline: .25rem; vertical-align: middle;
}
.ne-mini--i { padding-inline: .45rem; }

/*@3.NOTC2.40*/
.nr-fsize {
  inline-size: 3.1rem; flex: 0 0 auto;
  padding: .3rem .35rem; text-align: center;
  font-family: inherit; font-size: .78rem; line-height: 1;
  background: var(--bg-elevated); color: var(--text-primary);
  border: 1px solid var(--border-color); border-radius: var(--radius-sm);
}
.nr-fsize::-webkit-outer-spin-button,
.nr-fsize::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.nr-fsize { -moz-appearance: textfield; appearance: textfield; }
.nr-fsize:focus-visible { outline: 2px solid #a78bfa; outline-offset: 1px; }
.nr-fsize:disabled { opacity: .45; }
.nr-b:active:not(:disabled) { transform: scale(.88); }
.nr-b.nr-flash {
  animation: nr-flash .3s ease-out;
}
@keyframes nr-flash {
  0%   { background: color-mix(in oklab, #a78bfa 42%, transparent); }
  100% { background: transparent; }
}
.nr-b[data-act="painter"][data-lock="1"].on {
  box-shadow: inset 0 0 0 1px color-mix(in oklab, #a78bfa 70%, transparent);
}
.ne-painting, .ne-painting * { cursor: copy !important; }

/*@3.NOTC2.42*/
.nr[data-kind="board"] .nr-grp:not(.nr-grp--pen):not(.nr-grp--end):not(.nr-grp--hist) { display: none; }
.nr[data-kind="board"] .nr-grp--end [data-act="up"],
.nr[data-kind="board"] .nr-grp--end [data-act="down"] { display: none; }

/*@3.NOTC2.63*/
.ne-tbl tr[data-brk] { user-select: none; -webkit-user-select: none; }
.ne-tbl td.ne-brk-g {
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
.ne-b[data-tst="head"] tr[data-brk="h"] .ne-cell,
.ne-b[data-tst="stripe"] tr[data-brk="h"] .ne-cell {
  background: color-mix(in oklab, var(--text-muted) 10%, transparent);
  font-weight: 700;
  color: var(--text-primary);
}
.ne-b[data-tst="stripe"] tr[data-brk="h"] .ne-cell {
  border: 0;
  border-block-end: 1px solid var(--border-color);
}
.ne-b[data-tc="1"][data-tst="head"] tr[data-brk="h"] .ne-cell,
.ne-b[data-tc="1"][data-tst="stripe"] tr[data-brk="h"] .ne-cell {
  background: color-mix(in oklab, var(--ne-tc) 18%, transparent);
  color: var(--ne-tc);
}
.ne-b[data-tc="1"][data-tst="stripe"] tr[data-brk="h"] .ne-cell {
  border-block-end-color: color-mix(in oklab, var(--ne-tc) 45%, transparent);
}


/*@3.NOTC2.65*/
.nov-host, .nc-wet, .nc-fix, .na-doc-body.nov-drawing {
  -webkit-user-select: none; user-select: none;
  -webkit-touch-callout: none;
}
.na-doc-body.nov-drawing, .na-doc-body.nov-drawing * {
  -webkit-user-select: none; user-select: none;
}
.na-doc-body.nov-drawing ::selection { background: transparent; }
.na-doc-body.nov-drawing ::-moz-selection { background: transparent; }

/*@3.NOTC2.66*/
.nsw-hue, .nsw-sv { direction: ltr; }

.ne-menu-i--eg { align-items: flex-start; }
.ne-menu-i--eg > i { margin-block-start: .18rem; }
.ne-menu-i--eg > span { display: flex; flex-direction: column; gap: .1rem; }
.ne-menu-eg {
  font-style: normal; font-size: .74em; color: var(--text-secondary);
  opacity: .9; line-height: 1.35;
}


/*@3.NOTC2.69*/
.ne-dgm-ed {
  position: absolute; z-index: 6;
  padding: .18rem .4rem; font: inherit; font-size: .82rem;
  color: var(--text-primary); background: var(--bg-card);
  border: 1px solid var(--st-violet, #7c5cff); border-radius: 7px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .22);
}
.ne-dgm svg[data-nmd] text { cursor: text; }
.ne-dgm svg[data-nmd] .node:hover text { text-decoration: underline; }
.ne-dgm svg[data-nmd] .node:hover rect,
.ne-dgm svg[data-nmd] .node:hover polygon,
.ne-dgm svg[data-nmd] .node:hover circle { filter: brightness(1.04); }
.ne-dgm svg[data-nmd] .node rect,
.ne-dgm svg[data-nmd] .node polygon,
.ne-dgm svg[data-nmd] .cluster rect { rx: 8px; ry: 8px; }

/*@3.NOTC2.70*/
/*@3.NOTC2.79*/
.ne-dgm {
  --nd-bg: #1e293b; --nd-bd: #5ab8ff; --nd-tx: #e2e8f0; --nd-ln: #7f8ea3;
  --nd-lb: #0f172a; --nd-cl: #172033; --nd-cb: #334155; --nd-alt: #223049;
  --nd-stx: #0f172a;
  --nd-s1: #5ab8ff; --nd-s2: #3ddc8a; --nd-s3: #ffc247; --nd-s4: #ff8080;
  --nd-s5: #22d3ee; --nd-s6: #a3e635; --nd-s7: #f472b6; --nd-s8: #94a3b8;
  --nd-s9: #38bdf8; --nd-s10: #4ade80; --nd-s11: #fb923c; --nd-s12: #e879a9;
}
[data-theme="light"] .ne-dgm {
  --nd-bg: #eef4ff; --nd-bd: #1273cc; --nd-tx: #132038; --nd-ln: #7b8798;
  --nd-lb: #ffffff; --nd-cl: #f4f7fc; --nd-cb: #d7dee8; --nd-alt: #e9eff8;
  --nd-stx: #ffffff;
  --nd-s1: #1273cc; --nd-s2: #0f766e; --nd-s3: #b45309; --nd-s4: #dc2626;
  --nd-s5: #0891b2; --nd-s6: #4d7c0f; --nd-s7: #db2777; --nd-s8: #475569;
  --nd-s9: #0369a1; --nd-s10: #15803d; --nd-s11: #ea580c; --nd-s12: #be185d;
}


/*@3.NOTC2.161*/
.ne-dgm svg[data-nmd] .mindmap-node.section-root .node-bkg { fill: color-mix(in oklab, var(--nd-s1) 30%, var(--nd-bg)) !important; stroke: var(--nd-s1) !important; stroke-width: 2px !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-root text { font-weight: 700; }
.ne-dgm svg[data-nmd] .mindmap-node.section-0 .node-bkg { fill: color-mix(in oklab, var(--nd-s1) 22%, var(--nd-bg)) !important; stroke: var(--nd-s1) !important; stroke-width: 1.4px !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-0 .node-line-0, .ne-dgm svg[data-nmd] .mindmap-node.section-0 line { stroke: var(--nd-s1) !important; stroke-width: 3px !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-0 .node-icon, .ne-dgm svg[data-nmd] .mindmap-node.section-0 .node-icon i { color: var(--nd-s1) !important; }
.ne-dgm svg[data-nmd] .mindmap-edges .section-edge-0 { stroke: color-mix(in oklab, var(--nd-s1) 75%, var(--nd-bg)) !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-1 .node-bkg { fill: color-mix(in oklab, var(--nd-s2) 22%, var(--nd-bg)) !important; stroke: var(--nd-s2) !important; stroke-width: 1.4px !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-1 .node-line-1, .ne-dgm svg[data-nmd] .mindmap-node.section-1 line { stroke: var(--nd-s2) !important; stroke-width: 3px !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-1 .node-icon, .ne-dgm svg[data-nmd] .mindmap-node.section-1 .node-icon i { color: var(--nd-s2) !important; }
.ne-dgm svg[data-nmd] .mindmap-edges .section-edge-1 { stroke: color-mix(in oklab, var(--nd-s2) 75%, var(--nd-bg)) !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-2 .node-bkg { fill: color-mix(in oklab, var(--nd-s3) 22%, var(--nd-bg)) !important; stroke: var(--nd-s3) !important; stroke-width: 1.4px !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-2 .node-line-2, .ne-dgm svg[data-nmd] .mindmap-node.section-2 line { stroke: var(--nd-s3) !important; stroke-width: 3px !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-2 .node-icon, .ne-dgm svg[data-nmd] .mindmap-node.section-2 .node-icon i { color: var(--nd-s3) !important; }
.ne-dgm svg[data-nmd] .mindmap-edges .section-edge-2 { stroke: color-mix(in oklab, var(--nd-s3) 75%, var(--nd-bg)) !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-3 .node-bkg { fill: color-mix(in oklab, var(--nd-s4) 22%, var(--nd-bg)) !important; stroke: var(--nd-s4) !important; stroke-width: 1.4px !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-3 .node-line-3, .ne-dgm svg[data-nmd] .mindmap-node.section-3 line { stroke: var(--nd-s4) !important; stroke-width: 3px !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-3 .node-icon, .ne-dgm svg[data-nmd] .mindmap-node.section-3 .node-icon i { color: var(--nd-s4) !important; }
.ne-dgm svg[data-nmd] .mindmap-edges .section-edge-3 { stroke: color-mix(in oklab, var(--nd-s4) 75%, var(--nd-bg)) !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-4 .node-bkg { fill: color-mix(in oklab, var(--nd-s5) 22%, var(--nd-bg)) !important; stroke: var(--nd-s5) !important; stroke-width: 1.4px !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-4 .node-line-4, .ne-dgm svg[data-nmd] .mindmap-node.section-4 line { stroke: var(--nd-s5) !important; stroke-width: 3px !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-4 .node-icon, .ne-dgm svg[data-nmd] .mindmap-node.section-4 .node-icon i { color: var(--nd-s5) !important; }
.ne-dgm svg[data-nmd] .mindmap-edges .section-edge-4 { stroke: color-mix(in oklab, var(--nd-s5) 75%, var(--nd-bg)) !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-5 .node-bkg { fill: color-mix(in oklab, var(--nd-s6) 22%, var(--nd-bg)) !important; stroke: var(--nd-s6) !important; stroke-width: 1.4px !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-5 .node-line-5, .ne-dgm svg[data-nmd] .mindmap-node.section-5 line { stroke: var(--nd-s6) !important; stroke-width: 3px !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-5 .node-icon, .ne-dgm svg[data-nmd] .mindmap-node.section-5 .node-icon i { color: var(--nd-s6) !important; }
.ne-dgm svg[data-nmd] .mindmap-edges .section-edge-5 { stroke: color-mix(in oklab, var(--nd-s6) 75%, var(--nd-bg)) !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-6 .node-bkg { fill: color-mix(in oklab, var(--nd-s7) 22%, var(--nd-bg)) !important; stroke: var(--nd-s7) !important; stroke-width: 1.4px !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-6 .node-line-6, .ne-dgm svg[data-nmd] .mindmap-node.section-6 line { stroke: var(--nd-s7) !important; stroke-width: 3px !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-6 .node-icon, .ne-dgm svg[data-nmd] .mindmap-node.section-6 .node-icon i { color: var(--nd-s7) !important; }
.ne-dgm svg[data-nmd] .mindmap-edges .section-edge-6 { stroke: color-mix(in oklab, var(--nd-s7) 75%, var(--nd-bg)) !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-7 .node-bkg { fill: color-mix(in oklab, var(--nd-s8) 22%, var(--nd-bg)) !important; stroke: var(--nd-s8) !important; stroke-width: 1.4px !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-7 .node-line-7, .ne-dgm svg[data-nmd] .mindmap-node.section-7 line { stroke: var(--nd-s8) !important; stroke-width: 3px !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-7 .node-icon, .ne-dgm svg[data-nmd] .mindmap-node.section-7 .node-icon i { color: var(--nd-s8) !important; }
.ne-dgm svg[data-nmd] .mindmap-edges .section-edge-7 { stroke: color-mix(in oklab, var(--nd-s8) 75%, var(--nd-bg)) !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-8 .node-bkg { fill: color-mix(in oklab, var(--nd-s9) 22%, var(--nd-bg)) !important; stroke: var(--nd-s9) !important; stroke-width: 1.4px !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-8 .node-line-8, .ne-dgm svg[data-nmd] .mindmap-node.section-8 line { stroke: var(--nd-s9) !important; stroke-width: 3px !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-8 .node-icon, .ne-dgm svg[data-nmd] .mindmap-node.section-8 .node-icon i { color: var(--nd-s9) !important; }
.ne-dgm svg[data-nmd] .mindmap-edges .section-edge-8 { stroke: color-mix(in oklab, var(--nd-s9) 75%, var(--nd-bg)) !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-9 .node-bkg { fill: color-mix(in oklab, var(--nd-s10) 22%, var(--nd-bg)) !important; stroke: var(--nd-s10) !important; stroke-width: 1.4px !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-9 .node-line-9, .ne-dgm svg[data-nmd] .mindmap-node.section-9 line { stroke: var(--nd-s10) !important; stroke-width: 3px !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-9 .node-icon, .ne-dgm svg[data-nmd] .mindmap-node.section-9 .node-icon i { color: var(--nd-s10) !important; }
.ne-dgm svg[data-nmd] .mindmap-edges .section-edge-9 { stroke: color-mix(in oklab, var(--nd-s10) 75%, var(--nd-bg)) !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-10 .node-bkg { fill: color-mix(in oklab, var(--nd-s11) 22%, var(--nd-bg)) !important; stroke: var(--nd-s11) !important; stroke-width: 1.4px !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-10 .node-line-10, .ne-dgm svg[data-nmd] .mindmap-node.section-10 line { stroke: var(--nd-s11) !important; stroke-width: 3px !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-10 .node-icon, .ne-dgm svg[data-nmd] .mindmap-node.section-10 .node-icon i { color: var(--nd-s11) !important; }
.ne-dgm svg[data-nmd] .mindmap-edges .section-edge-10 { stroke: color-mix(in oklab, var(--nd-s11) 75%, var(--nd-bg)) !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-11 .node-bkg { fill: color-mix(in oklab, var(--nd-s12) 22%, var(--nd-bg)) !important; stroke: var(--nd-s12) !important; stroke-width: 1.4px !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-11 .node-line-11, .ne-dgm svg[data-nmd] .mindmap-node.section-11 line { stroke: var(--nd-s12) !important; stroke-width: 3px !important; }
.ne-dgm svg[data-nmd] .mindmap-node.section-11 .node-icon, .ne-dgm svg[data-nmd] .mindmap-node.section-11 .node-icon i { color: var(--nd-s12) !important; }
.ne-dgm svg[data-nmd] .mindmap-edges .section-edge-11 { stroke: color-mix(in oklab, var(--nd-s12) 75%, var(--nd-bg)) !important; }

/*@3.NOTC2.80*/
.ne-dgm svg[data-nmd] text,
.ne-dgm svg[data-nmd] text > tspan { fill: var(--nd-tx) !important; stroke: none !important; }
.ne-dgm svg[data-nmd] text.slice,
.ne-dgm svg[data-nmd] text.slice > tspan { fill: var(--nd-stx) !important; }

/*@3.NOTC2.71*/
.ne-b-callout .ne-body { text-align: start; }
.ne-cal-h { direction: inherit; }
.ne-b-callout .ne-body[dir="ltr"] { direction: ltr; }
.ne-b-callout .ne-body[dir="rtl"] { direction: rtl; }


/*@3.NOTC2.72*/
/*@3.NOTC2.90*/
.nov-host { mix-blend-mode: normal; }

/*@3.NOTC2.84*/
/*@3.NOTC2.103*/
.gpv {
  position: relative;
  inline-size: 100%;
  margin-inline: auto;
}
.gpv-page {
  position: absolute;
  inset-inline-start: 0;
  background: #fff;
  border-radius: var(--radius-sm);
  box-shadow: 0 1px 6px rgba(0, 0, 0, .28);
  overflow: hidden;
  contain: content;
}
.gpv-cv { display: block; inline-size: 100%; block-size: 100%; }
/*@3.NOTC2.107*/
.gpv { --gpv-inv-paper: color-mix(in oklab, var(--bg-card) 90%, var(--text-primary)); }
[data-theme="light"] .gpv {
  --gpv-inv-paper: color-mix(in oklab, var(--text-primary) 92%, var(--bg-card));
}
.gpv[data-inv="1"] .gpv-page { background: var(--gpv-inv-paper); isolation: isolate; }
.gpv[data-inv="1"] .gpv-cv {
  filter: invert(1) hue-rotate(180deg);
  mix-blend-mode: screen;
}
.gpv[data-inv="1"] .gpv-ihl,
.gpv[data-inv="1"] .gpv-hl { mix-blend-mode: screen; }
.gpv[data-inkoff="1"] .gpi-dry,
.gpv[data-inkoff="1"] .gpi-hi,
.gpv[data-inkoff="1"] .gpi-hwet,
.gpv[data-inkoff="1"] .gpi-mk,
.gpv[data-inkoff="1"] .gpi-mkp,
.gpv[data-inkoff="1"] .gpi-wet { visibility: hidden; }
/*@3.NOTC2.102*/
.gpv-tag {
  position: absolute; z-index: 4;
  inset-block-end: .55em; left: 50%;
  transform: translateX(-50%);
  padding: .1em .72em; border: 0; border-radius: var(--radius-pill);
  font: 600 var(--gpv-tag, 11px)/1.5 'Cairo', system-ui, sans-serif;
  font-variant-numeric: tabular-nums;
  unicode-bidi: isolate;
  color: #1f2937; background: rgba(255, 255, 255, .72);
  box-shadow: 0 0 0 1px rgba(15, 23, 42, .10);
  backdrop-filter: blur(3px);
  opacity: .34; cursor: pointer;
  transition: opacity .15s ease;
}
.gpv-tag:hover, .gpv-tag:focus-visible { opacity: 1; }
.gpv-tag:focus-visible { outline: 2px solid #7c3aed; outline-offset: 1px; }
@media (hover: none) { .gpv-tag { opacity: .5; } }
@media (prefers-reduced-motion: reduce) { .gpv-tag { transition: none; } }
.gpv-lay {
  position: absolute; inset: 0; z-index: 3;
  pointer-events: none; touch-action: none;
}
.gpv-lay > * { pointer-events: auto; }
/*@3.NOTC2.104*/
.gpi-dry,
.gpi-hi,
.gpi-hwet,
.gpi-wet {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  pointer-events: none;
}
.gpi-wet { z-index: 1; }
/*@3.NOTC2.106*/
/*@3.NOTC2.136*/
.gpi-hi, .gpi-hwet { z-index: 0; mix-blend-mode: multiply; }
.gpi-wet[data-hi="1"] { mix-blend-mode: multiply; }
.gpi-catch {
  position: absolute;
  inset: 0;
  z-index: 6;
  touch-action: none;
  cursor: crosshair;
}
/*@3.NOTC2.110*/
.gpi-catch[data-tool="text"],
.gpi-catch[data-tool="hi"][data-hm="text"] { cursor: text; }
.gpi-catch[data-tool="era"] { cursor: cell; }
.gpi-catch[data-tool="sel"] { cursor: default; }
.gpi-catch[data-tool="hand"] { cursor: grab; }
.gink-ring {
  position: absolute;
  direction: ltr;
  z-index: 7;
  pointer-events: none;
  border-radius: 50%;
  border: 1.5px solid rgba(255, 255, 255, .95);
  box-shadow: 0 0 0 1.6px rgba(0, 0, 0, .5), inset 0 0 0 1.6px rgba(0, 0, 0, .5);
  will-change: transform;
}
.gink-ring[data-dash="1"] {
  border-style: dashed;
  box-shadow: 0 0 0 1.6px rgba(0, 0, 0, .35);
}
.gink-ring[hidden] { display: none; }
.gpv-text {
  position: absolute;
  inset: 0;
  direction: ltr;
  overflow: hidden;
  line-height: 1;
  text-size-adjust: none;
  forced-color-adjust: none;
  transform-origin: 0 0;
  caret-color: transparent;
  z-index: 2;
}
.gpv-text span,
.gpv-text br {
  position: absolute;
  color: transparent;
  white-space: pre;
  cursor: text;
  transform-origin: 0% 0%;
  margin: 0;
}
/*@3.NOTC2.100*/
.gpv-text span::selection,
.gpv-text br::selection {
  background: transparent;
  color: transparent;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
}
.gpv-fld {
  position: absolute; inset: 0; z-index: 5; direction: ltr;
  pointer-events: none; overflow: visible;
}
/*@3.NOTC2.115*/
.gpi-cv { position: absolute; background: #ffffff; pointer-events: none; }
.gpv[data-inv="1"] .gpi-cv { background: var(--gpv-inv-paper); }
.gpv[data-inkoff="1"] .gpv-fld { visibility: hidden; }
.gpi-fed {
  position: absolute; left: 0; top: 0;
  transform-origin: 0 0; pointer-events: none; font-size: 14px; line-height: 1.4;
  color: #111827;
}
.gpi-fed .ne-root {
  --ne-mx: 0px; padding: 0; min-block-size: 100%; pointer-events: none;
  font-size: inherit;
}
.gpi-fed .ne-root > .ne-b:not([data-fp]) { display: none; }
.gpi-fed .ne-root > .ne-tail { display: none; }
.gpi-fed .ne-root > [data-bid][data-fp] { pointer-events: auto; }
.gpi-fed .ne-b[data-fp] { background: transparent; border-radius: 4px; }
/*@3.NOTC2.137*/
.gpi-fed .ne-b[data-fp] { padding-inline: 0; }
.gpi-fed .ne-b[data-fp] > .ne-rail { inset-inline-start: auto; inset-inline-end: 100%; margin-inline-end: 2px; }
.gpv[data-inv="1"] .gpi-fed { color: #e5e7eb; }
.gpv[data-itool="text"] .gpi-fed,
.gpv[data-itool="text"] .gpi-fed .ne-root { pointer-events: auto; cursor: text; }
/*@3.NOTC2.119*/
.gpv[data-itool="text"] .gpi-fed > .ne-root {
  -webkit-touch-callout: none; -webkit-user-select: none; user-select: none;
}
.gpv[data-itool="text"] .gpi-fed .ne-root > [data-bid][data-fp] {
  -webkit-touch-callout: default; -webkit-user-select: text; user-select: text;
}
.gpi-catch[data-tool="text"] { pointer-events: none; }
.gpv[data-fedit="1"] .gpi-catch { pointer-events: none; }
.gpv[data-fedit="1"] .gpi-fed,
.gpv[data-fedit="1"] .gpi-fed .ne-root { pointer-events: auto; }
/*@3.NOTC2.117*/
.gpi-fed { --gpi-ik: 1; }
.gpi-fed .ne-b[data-fp] > .ne-rgrip {
  inline-size: calc(1.15rem * var(--gpi-ik)); block-size: calc(1.15rem * var(--gpi-ik));
  font-size: calc(.56rem * var(--gpi-ik));
  inset-block-start: auto; inset-block-end: calc(-28px * var(--gpi-ik)); inset-inline: 0; margin-inline: auto;
  border-width: calc(1px * var(--gpi-ik));
}
.gpi-fed .ne-b > .ne-wgrip { inline-size: calc(9px * var(--gpi-ik)); }
.gpi-fed .ne-b > .ne-wgrip::before { inline-size: calc(3px * var(--gpi-ik)); }
.gpi-fed .ne-b > .ne-rail .ne-grip,
.gpi-fed .ne-b > .ne-rail .ne-plus,
.gpi-fed .ne-b > .ne-rail .ne-tick {
  inline-size: calc(1.3rem * var(--gpi-ik)); block-size: calc(1.3rem * var(--gpi-ik));
  font-size: calc(.72rem * var(--gpi-ik));
}
.gpi-fed .ne-b[data-act="1"] { outline-width: calc(1px * var(--gpi-ik)); outline-offset: calc(2px * var(--gpi-ik)); }
@media (hover: none) {
  .gpi-fed .ne-b > .ne-wgrip { inline-size: calc(16px * var(--gpi-ik)); }
  .gpi-fed .ne-b[data-act="1"] > .ne-wgrip { inline-size: calc(26px * var(--gpi-ik)); }
  .gpi-fed .ne-b[data-fp][data-act="1"] > .ne-rgrip {
    inset-block-end: calc(-40px * var(--gpi-ik));
    inline-size: calc(34px * var(--gpi-ik)); block-size: calc(34px * var(--gpi-ik));
    font-size: calc(.9rem * var(--gpi-ik));
  }
  .gpi-fed .ne-b[data-act="1"] > .ne-rail .ne-grip,
  .gpi-fed .ne-b[data-act="1"] > .ne-rail .ne-plus,
  .gpi-fed .ne-b[data-act="1"] > .ne-rail .ne-tick {
    inline-size: calc(34px * var(--gpi-ik)); block-size: calc(34px * var(--gpi-ik));
    font-size: calc(.95rem * var(--gpi-ik));
  }
}
.gpi-fbar--bottom {
  inset-block-end: calc(10px + var(--sa-b, 0px)); left: 50%; transform: translateX(-50%);
}
.gpi-fbar--float {
  position: fixed; z-index: 2147482500; max-inline-size: min(96vw, 46rem);
  border: 1px solid var(--border-color); border-radius: var(--radius-lg);
  background: var(--bg-elevated); box-shadow: 0 10px 28px rgba(0, 0, 0, .35);
}
#na-favs > .gpi-fbar { inline-size: 100%; background: var(--bg-elevated); }
.gpi-fbar .nr-grp--pen { display: none; }
.gpv-selpaint,
.gpv-ihl,
.gpv-hl {
  position: absolute; inset: 0; z-index: 1; direction: ltr;
  pointer-events: none; overflow: hidden;
  mix-blend-mode: multiply;
}
.gpv-selbox {
  position: absolute;
  background: color-mix(in oklab, #7c3aed 34%, transparent);
  border-radius: 2px;
}
/*@3.NOTC2.109*/
.gpi-mk, .gpi-mkp {
  position: absolute;
  border-radius: 2px;
}
/*@3.NOTC2.101*/
.gpv-mark {
  position: absolute;
  background: color-mix(in oklab, #facc15 52%, transparent);
  border-radius: 2px;
}
.gpv-mark.on {
  background: color-mix(in oklab, #fb923c 72%, transparent);
  outline: 1.5px solid color-mix(in oklab, #ea580c 70%, transparent);
}
.gpv-text .endOfContent {
  position: absolute;
  inset: 100% 0 0;
  display: block;
  cursor: default;
  user-select: none;
}
.gpv-text.gpv-sel .endOfContent { inset-block-start: 0; }

.npo { display: block; }
.npo-file {
  position: fixed; inline-size: 1px; block-size: 1px;
  opacity: 0; pointer-events: none; inset-block-start: 0; inset-inline-start: 0;
}
.npo-num { unicode-bidi: isolate; direction: ltr; }
.npo-stage { display: block; }
.npo-card {
  margin: 3rem auto; max-inline-size: 26rem; text-align: center;
  display: flex; flex-direction: column; gap: .8rem; align-items: center;
  padding: 1.6rem 1.2rem; border: 1px solid var(--border-color);
  border-radius: var(--radius-lg); background: var(--bg-elevated);
}
.npo-card-i { font-size: 2rem; color: var(--na-act); opacity: .8; }
.npo-card-t { margin: 0; font-size: .95rem; font-weight: 700; color: var(--text-primary); }
.npo-card-b { margin: 0; font-size: .82rem; line-height: 1.8; color: var(--text-muted); }
.npo-hashes { margin-block-start: .5rem; }
.npo-warnline {
  display: block; margin-block-start: .7rem; padding-block-start: .6rem;
  border-block-start: 1px solid var(--border-color);
  color: var(--st-warn, #f59e0b); font-size: .78rem; line-height: 1.7;
}
.npo-warnline > i { margin-inline-end: .3rem; }
.npo-waitline {
  display: flex; align-items: center; justify-content: center; gap: .5rem;
  margin-block-start: .7rem; font-size: .78rem; color: var(--text-muted);
}
.npo-waitline .na-opening-spin { inline-size: 1rem; block-size: 1rem; border-width: 2px; }
.npo-acts { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; }


/*@3.NOTC2.86*/
.nf {
  position: absolute; z-index: 24;
  inset-block-start: 0; left: 0;
  inline-size: min(19rem, calc(100% - 1rem));
  display: flex; align-items: center; gap: .2rem;
  padding: .25rem .3rem;
  background: var(--bg-elevated); border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .18), 0 2px 6px rgba(0, 0, 0, .1);
}
.nf[hidden] { display: none; }
/*@3.NOTC2.172*/
.nf { flex-wrap: wrap; }
.nf[data-rep="1"] { inline-size: min(23rem, calc(100% - 1rem)); }
.nf-r {
  flex: 1 0 100%; min-inline-size: 0;
  display: flex; align-items: center; gap: .2rem;
  margin-block-start: .2rem; padding-block-start: .25rem;
  border-block-start: 1px solid var(--border-color);
}
.nf-r[hidden] { display: none; }
.nf-b.nf-b--t { inline-size: auto; padding-inline: .5rem; gap: .3rem; font-family: inherit; font-size: .74rem; }
.nf-b[aria-expanded="true"] { color: var(--na-act, var(--text-primary)); background: color-mix(in oklab, var(--na-act, #7c3aed) 12%, transparent); }
.nf-i { color: var(--text-muted); font-size: .76rem; flex: 0 0 auto; margin-inline-start: .3rem; }
.nf-q {
  flex: 1 1 0; min-inline-size: 4.5rem; padding: .28rem .3rem;
  background: none; border: 0; outline: none;
  color: var(--text-primary); font-family: inherit; font-size: .84rem;
}
.nf-q::-webkit-search-cancel-button { display: none; }
.nf-n {
  flex: 0 0 auto; font-size: .74rem; color: var(--text-muted);
  font-variant-numeric: tabular-nums; unicode-bidi: isolate; direction: ltr;
  padding-inline: .25rem;
}
.nf-n[data-none="1"] { color: var(--st-err, #ef4444); direction: inherit; }
.nf-b {
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  inline-size: 27px; block-size: 27px; cursor: pointer;
  background: none; border: 1px solid transparent; border-radius: var(--radius-md);
  color: var(--text-muted); font-size: .78rem;
}
.nf-b:hover { background: var(--bg-surface); color: var(--text-primary); }
.nf-b:focus-visible { outline: 2px solid var(--na-act); outline-offset: -2px; }
@media (hover: none) {
  .nf-b { inline-size: 32px; block-size: 32px; }
}

/*@3.NOTC2.145*/
.nf-layer { position: absolute; inset: 0; pointer-events: none; z-index: 5; }
.nf-hit {
  position: absolute;
  background: color-mix(in oklab, var(--st-warn, #f59e0b) 30%, transparent);
  border-radius: 2px;
}
.nf-hit[data-on="1"] {
  background: color-mix(in oklab, var(--st-warn, #f59e0b) 52%, transparent);
  outline: 1px solid color-mix(in oklab, var(--st-warn, #f59e0b) 85%, transparent);
}
.nf-hit[data-box="1"] {
  background: color-mix(in oklab, var(--st-warn, #f59e0b) 10%, transparent);
  outline: 2px dashed color-mix(in oklab, var(--st-warn, #f59e0b) 55%, transparent);
  outline-offset: 2px; border-radius: var(--radius-md);
}
.nf-hit[data-box="1"][data-on="1"] {
  background: color-mix(in oklab, var(--st-warn, #f59e0b) 16%, transparent);
  outline: 2px solid color-mix(in oklab, var(--st-warn, #f59e0b) 90%, transparent);
}
@media print { .nf, .nf-layer { display: none !important; } }

/*@3.NOTC2.93*/
.ne-pasteopt {
  position: absolute; inset-inline-start: 0; inset-block-start: 100%;
  z-index: 40; margin-block-start: .3rem;
  display: flex; gap: .2rem; padding: .22rem;
  background: var(--bg-elevated, var(--bg-card)); border: 1px solid var(--border-color);
  border-radius: var(--radius-lg); box-shadow: 0 8px 18px -6px rgba(0,0,0,.28);
  max-inline-size: calc(100% - .5rem); overflow-x: auto; scrollbar-width: none;
}
.ne-pasteopt::-webkit-scrollbar { display: none; }
[data-bid]:has(> .ne-pasteopt) { position: relative; }
.ne-po-b {
  display: inline-flex; align-items: center; gap: .34rem; flex: none;
  padding: .3rem .55rem; border: 1px solid transparent; border-radius: var(--radius-md);
  background: none; color: var(--text-secondary);
  font-family: inherit; font-size: .72rem; font-weight: 700;
  cursor: pointer; white-space: nowrap; transition: background .15s, color .15s;
}
.ne-po-b i { font-size: .7rem; }
.ne-po-b:hover { background: var(--bg-card); color: var(--text-primary); }
.ne-po-b.on {
  color: var(--st-accent, #a78bfa);
  border-color: color-mix(in oklab, var(--st-accent, #a78bfa) 34%, transparent);
  background: color-mix(in oklab, var(--st-accent, #a78bfa) 12%, transparent);
}
.ne-po-b:focus-visible { outline: 2px solid var(--st-accent, #a78bfa); outline-offset: 1px; }
@media (max-width: 640px) {
  .ne-po-b span { display: none; }
  .ne-po-b { padding: .42rem .6rem; }
  .ne-po-b i { font-size: .82rem; }
}
@media (prefers-reduced-motion: reduce) { .ne-po-b { transition: none; } }

.ne-pg { pointer-events: none; user-select: none; -webkit-user-select: none; }
span.ne-pg { display: block; }
/*@3.NOTC2.173*/
.ne-code[data-pgcv] > .cd-ck { content-visibility: visible; }
.ne-root > [data-pgc] { pointer-events: none; z-index: 3; }
.ne-root > .ne-b[data-card][data-pgcut] {
  border-end-start-radius: 14px; border-end-end-radius: 14px;
  box-shadow: var(--ne-card-shadow), inset 0 -1px 0 var(--ne-card-line);
  clip-path: inset(0 -18px -18px -18px);
}