@layer demo{.dp-linked-explanation{--explain-i:#b7472c;--explain-i-bg:#fff0e8;--explain-j:#087c78;--explain-j-bg:#def5ef;font-size:1rem}[data-theme=dark] .dp-linked-explanation{--explain-i:#ffab94;--explain-i-bg:#422c29;--explain-j:#6fe3d5;--explain-j-bg:#193c3c}.dp-linked-explanation .dp-explain-hint{color:var(--color-text-secondary);margin-bottom:12px;font-size:.875rem}.dp-explain-figure{border:1px solid var(--color-border-control);background:var(--color-surface);border-radius:10px;margin:0 0 20px;padding:12px;scroll-margin-top:8px}.dp-linked-explanation[data-ready=true] .dp-explain-figure{z-index:var(--z-dropdown);box-sizing:border-box;overscroll-behavior:contain;box-shadow:var(--shadow-popover);margin:0;position:fixed;overflow:auto}.dp-explain-figure[hidden]{display:none}.dp-explain-close{float:right;background:var(--color-surface);width:32px;min-height:32px;margin:-4px -4px 0 6px;padding:0;font-size:22px;position:sticky;top:0}.dp-linked-explanation[data-ready=true] .dp-explain-svg{max-width:340px}.dp-explain-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;font-size:.875rem;display:flex}.dp-explain-heading span{color:var(--color-text-secondary);font-size:.75rem}.dp-explain-formula{grid-template-columns:62px 18px minmax(0,1fr);align-items:center;max-width:520px;margin:8px auto 0;font-size:.8125rem;display:grid}.dp-explain-formula>b{color:var(--color-hash);font-family:var(--font-mono)}.dp-explain-brace{font:44px/1 var(--font-mono)}.dp-explain-formula>div>div{border-left:3px solid #0000;border-radius:4px;justify-content:space-between;gap:8px;padding:4px 6px;display:flex}.dp-explain-formula [data-highlight=true]{background:var(--color-selection-bg);border-left-color:var(--color-info)}.dp-linked-explanation .dp-explain-formula code{white-space:nowrap;font-size:inherit;background:0 0;padding:0}.dp-explain-svg{width:min(100%,520px);font-family:var(--font-mono);margin:4px auto 0;display:block}.explain-cell rect{fill:var(--color-surface);stroke:var(--color-border-control);stroke-width:1px;transition:fill .18s}.explain-cell text{fill:var(--color-text);text-anchor:middle;font-size:22px}.explain-cell[data-highlight=true] rect{fill:var(--color-selection-bg);stroke:var(--color-info);stroke-width:2px}.explain-at-i[data-highlight=true] rect{fill:var(--explain-i-bg);stroke:var(--explain-i)}.explain-at-j[data-highlight=true] rect{fill:var(--explain-j-bg);stroke:var(--explain-j)}.explain-score[data-highlight=true] rect{fill:var(--color-hash-bg);stroke:var(--color-hash)}.explain-score[data-muted=true]{opacity:.4}.explain-s{fill:var(--color-info);font-size:22px;font-weight:700}.explain-dp{fill:var(--color-hash);color:var(--color-hash);font-size:20px;font-weight:700}.explain-pointer path{stroke:currentColor;stroke-width:1.5px;fill:none}.explain-pointer text{text-anchor:middle;fill:currentColor;font-size:16px;font-weight:600}.explain-i{color:var(--explain-i)}.explain-j{color:var(--explain-j)}.explain-pointer .explain-state-label{font-size:13px}.explain-range rect{fill:none;stroke:var(--color-info);stroke-width:1.5px;stroke-dasharray:4 2}.explain-range text{fill:var(--color-info);font:12px var(--font-ui)}.dp-explain-registers{border-top:1px solid var(--color-border-subtle);flex-wrap:wrap;justify-content:space-between;gap:6px 12px;padding-top:6px;font-size:.75rem;display:flex}.dp-explain-dictionary{flex-wrap:wrap;gap:4px 8px;padding:3px 5px;display:flex}.dp-explain-compressed{gap:8px;display:flex}.dp-explain-compressed>span{padding:3px 5px}.dp-explain-registers [data-highlight=true]{background:var(--color-hash-bg);color:var(--color-hash);outline:2px solid var(--color-hash);border-radius:4px}.dp-explain-figure figcaption{background:var(--color-info-bg);color:var(--color-info);margin-top:8px;padding:8px;font-size:.8125rem;line-height:1.6}.dp-explain-text h4{margin:24px 0 8px;font-size:1.125rem}.dp-explain-text p{margin:12px 0}.dp-explain-text ul,.dp-explain-text ol{margin:8px 0}.dp-explain-passage{text-align:left;white-space:normal;width:100%;min-height:44px;color:var(--color-text);cursor:pointer;background:0 0;border:1px solid #0000;border-left-width:3px;border-radius:4px;padding:8px 10px;font-size:1rem;font-weight:400;line-height:1.8;display:block}.dp-explain-passage[aria-pressed=true]{border-left-color:var(--color-info);background:var(--color-selection-bg)}.dp-explain-passage{-webkit-tap-highlight-color:transparent}.dp-explain-passage:disabled{color:var(--color-text);opacity:1;cursor:default;background:0 0}.dp-explain-passage:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.dp-explain-note{border-left:3px solid var(--color-border-control);margin:12px 0 12px 24px}.dp-explain-text .dp-explain-base{color:var(--color-text-secondary);margin-left:24px;font-size:.875rem}@media (width<=480px){.dp-explain-figure{padding:10px 8px}.dp-explain-formula{grid-template-columns:48px 14px minmax(0,1fr);font-size:.6875rem}.dp-explain-formula>div>div{gap:4px;padding-inline:3px}.dp-explain-text :is(ul,ol){padding-left:18px}.dp-explain-passage{padding-inline:6px}}@media (prefers-reduced-motion:reduce){.dp-linked-explanation *{transition:none!important}}@media (hover:none){.dp-explain-close{width:44px;min-height:44px}}}