.inotes-activity,.inotes-bench{--inotes-good:#15803d;--inotes-good-bg:#f0fdf4;--inotes-bad:#b91c1c;--inotes-bad-bg:#fef2f2;--inotes-accent:var(--color-teal-fill, #0f766e);--inotes-tint:color-mix(in srgb, var(--color-teal, #14b8a6) 10%, transparent);--inotes-focus:var(--color-teal, #14b8a6);container-type:inline-size;position:relative;margin:2rem 0;padding:1.25rem 1.4rem 1.35rem;background:var(--color-surface,#fff);border:1px solid var(--color-border-strong,rgba(15,23,42,.15));border-radius:20px;box-shadow:0 1px 2px rgba(15,23,42,.05),0 22px 44px -28px rgba(15,23,42,.3);color:var(--color-text,#334155);font-size:1rem;line-height:1.55;text-align:left}[data-theme=dark] .inotes-activity,[data-theme=dark] .inotes-bench{--inotes-good:#4ade80;--inotes-good-bg:rgba(74, 222, 128, .12);--inotes-bad:#fca5a5;--inotes-bad-bg:rgba(248, 113, 113, .14);box-shadow:0 22px 44px -28px rgba(0,0,0,.7)}.inotes-activity [hidden],.inotes-bench [hidden]{display:none!important}.inotes-activity p,.inotes-bench p{max-width:none;margin:0}.inotes-fallback>p{margin:0 0 .6rem}.inotes-fallback details{margin:0}.inotes-fallback summary{cursor:pointer;font-weight:700;color:var(--color-teal-text,#0f766e)}.inotes-fallback details[open]>summary{margin-bottom:.6rem}.inotes-fallback table{width:100%}.inotes-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.inotes-done,.inotes-eyebrow{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.4}.inotes-eyebrow{color:var(--color-teal-text,#0f766e);background:color-mix(in srgb,var(--color-teal,#14b8a6) 14%,transparent)}.inotes-done{color:var(--inotes-good);background:var(--inotes-good-bg)}.inotes-done svg{width:14px;height:14px}.inotes-activity h3.inotes-title,.inotes-bench h3.inotes-title{display:block;margin:.45rem 0 .3rem;padding:0;border:0;font-size:clamp(1.1rem, 1rem + .5vw, 1.3rem);font-weight:700;line-height:1.3;letter-spacing:-.01em;color:var(--color-navy,#0f172a)}.inotes-activity h3.inotes-title::after,.inotes-activity h3.inotes-title::before,.inotes-bench h3.inotes-title::after,.inotes-bench h3.inotes-title::before{content:none}.inotes-activity .inotes-prompt{margin-bottom:.2rem}.inotes-activity .inotes-hint{margin-bottom:1rem;font-size:.84rem;color:var(--color-text-muted,#475569)}.inotes-key,.inotes-list,.inotes-seq{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none}.inotes-item{position:relative;display:flex;flex-direction:column;gap:.35rem;margin:0;padding:0}.inotes-chip{display:flex;align-items:center;gap:.55rem;width:100%;min-height:44px;margin:0;padding:.5rem .85rem .5rem .3rem;font:inherit;font-size:.93rem;line-height:1.4;text-align:left;color:var(--color-text,#334155);background:var(--color-surface-raised,#f8fafc);border:1px solid var(--color-border-strong,rgba(15,23,42,.15));border-radius:22px;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transition:border-color .15s,background-color .15s,box-shadow .15s}.inotes-chip:hover{border-color:var(--inotes-accent)}.inotes-btn:focus-visible,.inotes-check input:focus-visible,.inotes-chip:focus-visible,.inotes-field select:focus-visible,.inotes-key__num:focus-visible,.inotes-notebook:focus-visible,.inotes-zone__head:focus-visible{outline:3px solid var(--inotes-focus);outline-offset:2px}.inotes-chip[aria-pressed=true]{border-color:var(--inotes-accent);background:color-mix(in srgb,var(--color-teal,#14b8a6) 12%,var(--color-surface,#fff));box-shadow:0 0 0 2px var(--inotes-accent),0 10px 22px -12px rgba(15,23,42,.5)}.inotes-chip__text{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.inotes-grip{flex:none;align-self:stretch;display:flex;align-items:center;justify-content:center;width:1.6rem;margin:-.5rem 0;touch-action:none;color:var(--color-text-muted,#475569)}.inotes-grip::before{content:"";width:10px;height:16px;opacity:.65;background:radial-gradient(circle,currentColor 1.25px,transparent 1.75px) 0 0/5px 5.333px}.inotes-mark{flex:none;display:inline-flex;align-items:center;gap:.25rem;margin-left:auto;font-size:.76rem;font-weight:800;white-space:nowrap}.inotes-mark svg{width:14px;height:14px}.inotes-item.is-correct>.inotes-chip{border-color:var(--inotes-good);background:var(--inotes-good-bg)}.inotes-item.is-wrong>.inotes-chip{border-color:var(--inotes-bad);background:var(--inotes-bad-bg)}.inotes-item.is-correct .inotes-mark{color:var(--inotes-good)}.inotes-item.is-wrong .inotes-mark{color:var(--inotes-bad)}.inotes-item__why{margin:0 .2rem .1rem 1rem;padding:.45rem .7rem;border-left:3px solid var(--inotes-bad);border-radius:0 10px 10px 0;background:var(--color-surface-sunken,#f1f5f9);font-size:.86rem}.inotes-item.is-dragged{z-index:30}.inotes-item.is-dragged>.inotes-chip{cursor:grabbing;border-color:var(--inotes-accent);box-shadow:0 18px 36px -12px rgba(15,23,42,.5)}.inotes-activity.is-dragging{cursor:grabbing}.inotes-activity.is-revealed .inotes-chip{cursor:default;border-style:dashed}.inotes-seq{counter-reset:inotes-step}.inotes-seq>.inotes-item{flex-direction:row;align-items:center;gap:.6rem;counter-increment:inotes-step}.inotes-seq>.inotes-item::before{content:counter(inotes-step);flex:none;display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;font-size:.85rem;font-weight:800;color:var(--color-text-muted,#475569);background:var(--color-surface-sunken,#f1f5f9);border:1px solid var(--color-border,rgba(15,23,42,.08))}.inotes-seq>.inotes-item>.inotes-chip{flex:1 1 auto;min-width:0}.inotes-seq>.inotes-item::after{content:"";position:absolute;left:2.5rem;right:0;height:3px;border-radius:3px;background:var(--inotes-accent);opacity:0;pointer-events:none}.inotes-seq>.inotes-item.is-drop-before::after{top:-5.5px;opacity:1}.inotes-seq>.inotes-item.is-drop-after::after{bottom:-5.5px;opacity:1}.inotes-seq>.inotes-item.is-drop>.inotes-chip{outline:2px dashed var(--inotes-accent);outline-offset:3px}.inotes-zone{border-radius:16px;transition:background-color .15s,outline-color .15s}.inotes-zone.is-drop{outline:3px solid var(--inotes-accent);outline-offset:2px;background-color:var(--inotes-tint)}.inotes-activity.is-dragging .inotes-bin,.inotes-activity.is-dragging .inotes-key__row,.inotes-activity.is-holding .inotes-bin,.inotes-activity.is-holding .inotes-key__row{border-style:dashed;border-color:var(--inotes-accent)}.inotes-tray{padding:.75rem;background:var(--color-surface-sunken,#f1f5f9)}.inotes-activity .inotes-zone__title{margin-bottom:.5rem;font-size:.74rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted,#475569)}.inotes-activity .inotes-tray__empty{font-size:.86rem;color:var(--color-text-muted,#475569)}.inotes-sort{display:grid;gap:.9rem}.inotes-bins{display:grid;gap:.75rem}.inotes-bin{display:flex;flex-direction:column;gap:.5rem;min-height:6rem;padding:.5rem;background:var(--color-surface,#fff);border:1px solid var(--color-border-strong,rgba(15,23,42,.15))}.inotes-zone__head{display:flex;align-items:center;width:100%;min-height:44px;margin:0;padding:.35rem .55rem;font:inherit;font-size:.92rem;font-weight:800;line-height:1.3;text-align:left;color:var(--color-navy,#0f172a);background:var(--color-surface-sunken,#f1f5f9);border:0;border-radius:11px;cursor:pointer}@container (min-width:600px){.inotes-bins{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.inotes-bin{min-height:9rem}.inotes-bin .inotes-chip{flex-wrap:wrap;row-gap:.1rem;font-size:.88rem}.inotes-bin .inotes-chip__text{flex-basis:calc(100% - 2.4rem)}.inotes-bin .inotes-grip{margin:0}.inotes-label__stage{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}@container (max-width:520px){.inotes-seq .inotes-chip,.inotes-sort .inotes-chip{flex-wrap:wrap;row-gap:.1rem}.inotes-seq .inotes-chip__text,.inotes-sort .inotes-chip__text{flex-basis:calc(100% - 2.4rem)}.inotes-seq .inotes-grip,.inotes-sort .inotes-grip{margin:0}}.inotes-label{display:grid;gap:.9rem}.inotes-label__stage{display:grid;gap:.9rem;align-items:start}.inotes-figure{position:relative;width:100%;max-width:380px;margin:0 auto;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px}[data-theme=dark] .inotes-figure{background:#e2e8f0;border-color:rgba(255,255,255,.12)}.inotes-figure>svg{display:block;width:100%;height:auto}.inotes-marker{position:absolute;display:grid;place-items:center;width:30px;height:30px;margin:-15px 0 0 -15px;border:2px dashed #0f766e;border-radius:50%;background:rgba(255,255,255,.6);color:#0f766e;font-size:.8rem;font-weight:800;line-height:1;cursor:pointer;box-shadow:0 1px 3px rgba(15,23,42,.25)}.inotes-marker::after{content:"";position:absolute;inset:-8px;border-radius:50%}.inotes-marker.is-filled{border-style:solid;background:#0f766e;color:#fff}.inotes-marker.is-drop{outline:#14b8a6 solid 3px;outline-offset:2px;background-color:#ccfbf1;color:#0f766e}.inotes-marker.is-correct{border:2px solid #15803d;background:#15803d;color:#fff}.inotes-marker.is-wrong{border:2px solid #b91c1c;background:#fff;color:#b91c1c}.inotes-key{gap:.45rem}.inotes-key__row{display:flex;align-items:center;gap:.5rem;min-height:52px;padding:.3rem;background:var(--color-surface-raised,#f8fafc);border:1px solid var(--color-border-strong,rgba(15,23,42,.15));cursor:pointer}.inotes-key__num{flex:none;display:grid;place-items:center;width:40px;height:40px;margin:0;padding:0;border:2px dashed var(--inotes-accent);border-radius:50%;font:inherit;font-size:.88rem;font-weight:800;color:var(--inotes-accent);background:var(--color-surface,#fff);cursor:pointer}.inotes-key__row.is-filled .inotes-key__num{border-style:solid;background:var(--inotes-accent);color:var(--color-on-teal-fill,#fff)}.inotes-key__slot{flex:1 1 auto;min-width:0;gap:0}.inotes-key__empty{display:inline-flex;align-items:center;gap:.3rem;padding-left:.2rem;font-size:.86rem;font-style:italic;color:var(--color-text-muted,#475569)}.inotes-key__empty svg{width:14px;height:14px}.inotes-key__row.is-correct{border-color:var(--inotes-good)}.inotes-key__row.is-wrong{border-color:var(--inotes-bad)}.inotes-key__row.is-wrong .inotes-key__empty{font-style:normal;font-weight:700;color:var(--inotes-bad)}.inotes-label .inotes-tray .inotes-list{flex-direction:row;flex-wrap:wrap}.inotes-label .inotes-tray .inotes-chip{width:auto}.inotes-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.1rem}.inotes-activity .inotes-score{flex:1 1 12rem;font-weight:700;color:var(--color-navy,#0f172a)}.inotes-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.5rem 1rem;border:1px solid var(--color-border-strong,rgba(15,23,42,.15));border-radius:12px;font:inherit;font-size:.9rem;font-weight:700;line-height:1.25;text-align:center;text-decoration:none;color:var(--color-navy,#0f172a);background:var(--color-surface,#fff);cursor:pointer;transition:background-color .15s,border-color .15s}.inotes-btn:hover{border-color:var(--inotes-accent);text-decoration:none}.inotes-btn--primary{border-color:var(--color-teal-fill,#0f766e);color:var(--color-on-teal-fill,#fff)!important;background:var(--color-teal-fill,#0f766e)}.inotes-btn--primary:hover{background:var(--color-teal-fill-hover,#115e59);border-color:var(--color-teal-fill-hover,#115e59)}.inotes-btn--quiet{border-color:transparent;background:0 0;color:var(--color-teal-text,#0f766e);text-decoration:underline;text-underline-offset:3px}.inotes-btn[aria-disabled=true],.inotes-btn[disabled]{opacity:.55;cursor:not-allowed}.inotes-why{margin-top:1rem;padding:.8rem 1rem;border-left:4px solid var(--inotes-accent);border-radius:0 14px 14px 0;background:var(--color-surface-sunken,#f1f5f9)}.inotes-why strong{display:block;margin-bottom:.2rem;font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;color:var(--color-teal-text,#0f766e)}.inotes-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.inotes-bench .inotes-bench__equation{display:inline-block;margin:.15rem 0 1rem;padding:.3rem .8rem;border:1px solid var(--color-border,rgba(15,23,42,.08));border-radius:999px;font-weight:700;color:var(--color-navy,#0f172a);background:var(--color-surface-sunken,#f1f5f9)}.inotes-bench__grid{display:grid;gap:1rem}@container (min-width:600px){.inotes-bench__grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}}.inotes-bench__rig{display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;border:1px solid var(--color-border,rgba(15,23,42,.08));border-radius:16px;background:var(--color-surface-raised,#f8fafc)}.inotes-rig{flex:none;display:block;width:40%;min-width:108px;max-width:190px;height:auto}@container (min-width:600px){.inotes-rig{width:50%}}.inotes-rig__metal{fill:var(--color-text-muted,#475569)}.inotes-rig__glass{fill:var(--color-surface,#fff);fill-opacity:.75;stroke:var(--color-text-muted,#475569);stroke-width:1.2}.inotes-rig__outline{fill:none;stroke:var(--color-text-muted,#475569);stroke-width:1.4;stroke-linejoin:round}.inotes-rig__tick{stroke:var(--color-text-muted,#475569);stroke-width:.8}.inotes-rig__scale{fill:var(--color-text-muted,#475569);font-size:9.5px;font-weight:600;font-family:inherit}.inotes-rig__tap{fill:var(--color-teal-fill,#0f766e)}.inotes-rig__tile{stroke:var(--color-border-strong,rgba(15,23,42,.15));stroke-width:1}.inotes-bench__labels{flex:1 1 auto;display:grid;gap:.7rem;min-width:0;margin:0;font-size:.86rem}.inotes-bench__labels dt{font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted,#475569)}.inotes-bench__labels dd{margin:0;font-weight:600;color:var(--color-navy,#0f172a);overflow-wrap:anywhere}.inotes-field{display:grid;gap:.3rem;margin-bottom:.8rem;font-size:.8rem;font-weight:800;letter-spacing:.03em;color:var(--color-text-muted,#475569)}.inotes-field select{width:100%;min-height:44px;padding:.45rem .7rem;border:1px solid var(--color-border-strong,rgba(15,23,42,.15));border-radius:10px;font:inherit;font-size:.92rem;font-weight:600;letter-spacing:0;color:var(--color-navy,#0f172a);background:var(--color-surface,#fff)}.inotes-readouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-bottom:.75rem}.inotes-readout{padding:.45rem .4rem;border-radius:12px;text-align:center;background:var(--color-surface-sunken,#f1f5f9)}.inotes-readout span{display:block;font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted,#475569)}.inotes-readout strong{display:block;font:700 1.2rem/1.25 ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;color:var(--color-navy,#0f172a)}.inotes-readout small{font-size:.72rem;color:var(--color-text-muted,#475569)}.inotes-bench .inotes-colour{display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem;padding:.5rem .7rem;border:1px solid var(--color-border,rgba(15,23,42,.08));border-radius:12px;font-weight:700;color:var(--color-navy,#0f172a)}.inotes-swatch{flex:none;width:1.6rem;height:1.6rem;border:2px solid var(--color-surface,#fff);border-radius:50%;box-shadow:0 0 0 1px var(--color-border-strong,rgba(15,23,42,.15))}.inotes-actions,.inotes-add{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.6rem}.inotes-add .inotes-btn{flex:1 1 6.5rem}.inotes-actions .inotes-btn{flex:1 1 9rem}.inotes-check{display:flex;align-items:center;gap:.5rem;min-height:44px;margin-bottom:.4rem;font-weight:600;cursor:pointer}.inotes-check input{width:1.2rem;height:1.2rem;margin:0;accent-color:var(--color-teal-fill,#0f766e)}.inotes-bench .inotes-bench__msg{min-height:1.5em;font-size:.88rem}.inotes-notebook{margin-top:1.1rem;overflow-x:auto;border:1px solid var(--color-border-strong,rgba(15,23,42,.15));border-radius:14px}.inotes-bench table.inotes-table{width:100%;min-width:34rem;margin:0;border:0;border-radius:0;border-collapse:collapse;box-shadow:none;font-size:.85rem}.inotes-bench .inotes-table td,.inotes-bench .inotes-table th{padding:.5rem .65rem;text-align:left;white-space:nowrap;border-bottom:1px solid var(--color-border,rgba(15,23,42,.08))}.inotes-bench .inotes-table th{font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted,#475569);background:var(--color-surface-sunken,#f1f5f9);border-bottom:1px solid var(--color-border-strong,rgba(15,23,42,.15))}.inotes-bench .inotes-table td:nth-child(5){white-space:normal;min-width:11rem}.inotes-bench .inotes-table tr:last-child td{border-bottom:0}.inotes-bench .inotes-table tr.is-in-mean td{font-weight:700;background:var(--inotes-tint)}.inotes-bench .inotes-table td.inotes-table__empty{white-space:normal;color:var(--color-text-muted,#475569)}.inotes-bench .inotes-bench__guide{margin-top:.6rem;font-size:.9rem;font-weight:600}.inotes-result{margin-top:1rem;padding:1rem 1.1rem;border:1px solid color-mix(in srgb,var(--color-teal,#14b8a6) 30%,transparent);border-radius:16px;background:color-mix(in srgb,var(--color-teal,#14b8a6) 7%,var(--color-surface,#fff))}.inotes-bench h4.inotes-result__title{margin:0 0 .35rem;padding:0;border:0;font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--color-teal-text,#0f766e)}.inotes-bench .inotes-result__answer{margin:.35rem 0 .6rem;font-size:1.12rem;font-weight:800;color:var(--color-navy,#0f172a)}.inotes-bench .inotes-result__note{font-size:.86rem;color:var(--color-text-muted,#475569)}.inotes-bench ol.inotes-result__steps{margin:.35rem 0 .9rem;padding:0 0 0 1.3rem;list-style:decimal;font-size:.88rem}.inotes-bench ol.inotes-result__steps>li{position:static;margin:0 0 .25rem;padding:0;line-height:1.5}.inotes-bench ol.inotes-result__steps>li::before{content:none}.inotes-result__links{display:flex;flex-wrap:wrap;gap:.5rem}.inotes-bench .inotes-bench__note{margin-top:.9rem;font-size:.8rem;color:var(--color-text-muted,#475569)}.inotes-followup{margin:2rem 0}.inotes-followup>.inotes-eyebrow{display:flex;width:fit-content;margin-bottom:.6rem}@media (max-width:480px){.inotes-activity,.inotes-bench{margin:1.5rem 0;padding:1rem .85rem 1.1rem;border-radius:16px}.inotes-chip{font-size:.9rem}.inotes-seq>.inotes-item{gap:.45rem}.inotes-seq>.inotes-item::before{width:1.6rem;height:1.6rem;font-size:.78rem}.inotes-seq>.inotes-item::after{left:2.1rem}}@media (prefers-reduced-motion:reduce){.inotes-activity,.inotes-activity *,.inotes-bench,.inotes-bench *{transition:none!important;animation:none!important}}
/*# sourceMappingURL=interactive-notes.min.css.map */