@layer features{.notes-head{padding-block:var(--space-7) var(--space-8);background-color:var(--surface);color:var(--text)}.notes-head__grid{row-gap:var(--space-5);align-items:end}.notes-head__title{font-family:var(--font-display);font-size:var(--step-5);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);overflow-wrap:anywhere;grid-column:wide;margin:0}.notes-head__side{gap:var(--space-4);grid-column:wide;align-content:end;display:grid}.notes-head__intro,.notes-head__rss{margin:0}.notes-head__intro{font-size:var(--step-0);line-height:var(--leading-snug)}.notes-head__rss{justify-self:start}.notes-head__rss-link,.note-feature__open-link,.notes-empty__tool{align-items:center;gap:var(--space-2);min-block-size:2.75rem;color:var(--accent);font-weight:var(--weight-strong);text-decoration-line:underline;text-decoration-thickness:var(--line-width);text-underline-offset:.25em;border-radius:var(--radius-s);display:inline-flex}.notes-head__rss-link:hover,.note-feature__open-link:hover,.notes-empty__tool:hover{color:var(--text);text-decoration-thickness:var(--line-width-strong)}@media (width>=900px){.notes-head__title{grid-column:1 col-start/span 7}.notes-head__side{grid-column:8 col-start/wide-end}}@media (width>=1200px){.notes-head__title{grid-column:1 col-start/span 9}.notes-head__side{grid-column:11 col-start/wide-end}}.notes-feature,.notes-empty,.notes-list{background-color:var(--surface);color:var(--text)}.notes-feature{padding-block:var(--space-6) var(--space-8);border-block-start:var(--line-width) solid var(--border-control)}.note-feature{gap:var(--space-4);grid-column:wide;justify-items:start;min-inline-size:0;display:grid}.note-feature__meta,.note-row__date{align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-muted);flex-wrap:wrap;margin:0;display:flex}.note-feature__stamp{padding:var(--space-1) var(--space-3);border:var(--line-width-strong) solid currentColor;border-radius:var(--radius-s);font-size:var(--step--2);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text);font-weight:500}.note-feature__title{font-family:var(--font-display);font-size:var(--step-4);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);text-wrap:balance;overflow-wrap:anywhere;margin:0}.note-feature__link,.note-row__link{color:var(--text);border-radius:var(--radius-s);text-decoration:none}.note-feature__link:hover,.note-row__link:hover{text-decoration-line:underline;text-decoration-color:var(--accent);text-decoration-thickness:var(--line-width-strong);text-underline-offset:.15em}.note-feature__summary{max-inline-size:52ch;font-family:var(--font-reading);font-size:var(--step-1);line-height:var(--leading-snug);margin:0}.note-feature__open{margin:0}.note-tags{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}@media (width>=900px){.note-feature{grid-template-columns:subgrid;column-gap:var(--grid-gutter);place-items:start stretch}.note-feature__meta{grid-area:1/1/auto/span 3}.note-feature__title,.note-feature__summary,.note-feature>.note-tags{grid-column:4/span 7}.note-feature__title{grid-row:1}.note-feature__summary{grid-row:2}.note-feature>.note-tags{grid-row:3}.note-feature__open{text-align:end;grid-area:2/11/auto/span 2;place-self:end}}@media (width>=1200px){.note-feature__title,.note-feature__summary,.note-feature>.note-tags{grid-column:4/span 9}.note-feature__open{grid-column:13/span 4}}.notes-empty{padding-block:var(--space-6) var(--space-9);border-block-start:var(--line-width) solid var(--border-control)}.notes-empty__grid{row-gap:var(--space-5)}.notes-empty__title{font-family:var(--font-display);font-size:var(--step-3);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);text-wrap:balance;grid-column:wide;margin:0}.notes-empty__body{gap:var(--space-4);font-family:var(--font-reading);font-size:var(--step-0);line-height:var(--leading-reading);grid-column:wide;align-content:start;display:grid}.notes-empty__body p{margin:0}.notes-empty__tools{gap:var(--space-1);font-family:var(--font-display);margin:0;padding:0;list-style:none;display:grid}@media (width>=900px){.notes-empty__title{grid-column:1 col-start/span 7}.notes-empty__body{grid-column:8 col-start/wide-end}}@media (width>=1200px){.notes-empty__title{grid-column:1 col-start/span 9}.notes-empty__body{grid-column:11 col-start/wide-end}}.notes-list{padding-block:var(--space-7) var(--space-9);border-block-start:var(--line-width) solid var(--border-control)}.notes-list__grid{row-gap:var(--space-5)}.notes-list__title{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);grid-column:wide;margin:0;font-weight:500}.notes-list__items{grid-column:wide;margin:0;padding:0;list-style:none;display:grid}.note-row{gap:var(--space-3);padding-block:var(--space-5);border-block-start:var(--line-width) solid var(--border);min-inline-size:0;display:grid}.note-row__body{gap:var(--space-2);min-inline-size:0;display:grid}.note-row__title{font-family:var(--font-display);font-size:var(--step-2);font-weight:var(--weight-display);letter-spacing:var(--tracking-heading);line-height:var(--leading-tight);text-wrap:balance;overflow-wrap:anywhere;margin:0}.note-row__summary{max-inline-size:60ch;font-family:var(--font-reading);line-height:var(--leading-snug);color:var(--text-muted);margin:0}.note-row__tags{align-content:start}@media (width>=900px){.note-row{grid-template-columns:subgrid;column-gap:var(--grid-gutter);grid-column:1/-1;align-items:baseline}.notes-list__items{grid-template-columns:subgrid}.note-row__date{grid-column:1/span 3}.note-row__body{grid-column:4/span 6}.note-row__tags{grid-column:10/span 3;justify-content:flex-end}}@media (width>=1200px){.note-row__body{grid-column:4/span 8}.note-row__tags{grid-column:12/span 5}}.note-rail{gap:var(--space-5);align-content:start;display:grid;position:relative}.note-rail__back{margin:0}.note-rail__back-link{align-items:center;gap:var(--space-2);min-block-size:2.75rem;color:var(--text-muted);border-radius:var(--radius-s);text-decoration:none;display:inline-flex}.note-rail__back-link:hover{color:var(--text)}.note-rail__back-icon{display:inline-block;transform:rotate(180deg)}.note-toc{gap:var(--space-3);display:grid}.note-toc__label{font-size:var(--step--2);letter-spacing:var(--tracking-label);text-transform:uppercase;margin:0;font-weight:500}.note-toc__list{margin:0;padding:0;list-style:none;display:grid}.note-toc__link{padding-block:var(--space-2);border-block-start:var(--line-width) solid var(--border);color:var(--text-muted);line-height:var(--leading-snug);border-radius:var(--radius-s);transition:color var(--dur-quick) var(--ease-settle);text-decoration:none;display:block}.note-toc__item[data-depth="3"] .note-toc__link{font-size:var(--step--2);padding-inline-start:var(--space-4)}.note-toc__link:hover,.note-toc__link[aria-current=location]{color:var(--text)}.note-toc__link[aria-current=location]{box-shadow:inset var(--line-width-strong) 0 0 var(--accent);padding-inline-start:var(--space-3)}.note-toc__item[data-depth="3"] .note-toc__link[aria-current=location]{padding-inline-start:var(--space-4)}.note-progress{display:none}@media (width>=900px){.note-rail:has(.note-progress:not([hidden])){padding-inline-start:var(--space-4)}.note-progress:not([hidden]){inline-size:var(--line-width-strong);background-color:var(--border);display:block;position:absolute;inset-block:0;inset-inline-start:0}.note-progress:after{content:"";background-color:var(--accent);transform:scaleY(var(--progress,0));transform-origin:top;position:absolute;inset:0}}.note-head{gap:var(--space-4);justify-items:start;display:grid}.note-head__title{font-family:var(--font-display);font-size:var(--step-4);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);text-wrap:balance;overflow-wrap:anywhere;margin:0}.note-head__meta{gap:var(--space-1) var(--space-4);font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-muted);flex-wrap:wrap;margin:0;display:flex}.note-head__summary{font-size:var(--step-1);line-height:var(--leading-snug);margin:0}.note-body{display:block}.note-body>*+*{margin-block-start:var(--space-5)}.note-body h2,.note-body h3,.note-body h4{font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:var(--tracking-heading);line-height:var(--leading-tight);scroll-margin-block-start:calc(var(--header-height-compact) + var(--space-5))}.note-body h2{font-size:var(--step-2);margin-block-start:var(--space-8)}.note-body h3{font-size:var(--step-1);margin-block-start:var(--space-7)}.note-body h4{font-size:var(--step-0);margin-block-start:var(--space-6)}.note-body ul,.note-body ol{font-family:var(--font-reading);line-height:var(--leading-reading);padding-inline-start:var(--space-5)}.note-body li+li{margin-block-start:var(--space-2)}.note-body a{color:var(--accent);text-decoration-thickness:var(--line-width);text-underline-offset:.2em}.note-body a:hover{color:var(--text)}.note-body :not(pre)>code{border:var(--line-width) solid var(--border);border-radius:var(--radius-s);background-color:var(--surface-raised);font-family:var(--font-mono);overflow-wrap:anywhere;padding:.1em .3em;font-size:.88em}.note-body blockquote{border-inline-start:var(--line-width-strong) solid var(--border-control);font-family:var(--font-reading);margin-inline:0;padding-inline-start:var(--space-4);font-style:italic}.code-block{border:var(--line-width) solid var(--border-control);border-radius:var(--radius-s);background-color:var(--surface-raised);color:var(--text);min-inline-size:0}.code-block__bar{justify-content:space-between;align-items:center;gap:var(--space-3);min-block-size:2.25rem;padding-inline:var(--space-4) var(--space-2);border-block-end:var(--line-width) solid var(--border);display:flex}.code-block__language{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);font-weight:500}.code-block__copy{min-block-size:2.25rem;padding:0 var(--space-3);border:var(--line-width) solid transparent;border-radius:var(--radius-s);color:var(--accent);font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:var(--tracking-label);text-transform:uppercase;cursor:pointer;background:0 0;font-weight:500}.code-block__copy:hover{border-color:var(--border-control);color:var(--text)}.code-block__copy[hidden]{display:none}.code-block__pre{padding:var(--space-4);white-space:pre;tab-size:2;font-family:var(--font-mono);font-size:var(--step--1);line-height:var(--leading-snug);color:var(--text);background-color:#0000;margin:0;overflow-x:auto}.code-block__pre code{font-family:inherit;font-size:inherit}.note-callout{padding:var(--space-4) var(--space-5);border-inline-start:var(--line-width-strong) solid var(--accent);background-color:var(--surface-raised)}.note-callout__label{margin:0 0 var(--space-2);font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent);font-weight:500}.note-callout__body>*+*{margin-block-start:var(--space-3)}.note-callout__body p{margin:0}.note-demo{--demo-gutter:min(var(--space-gutter), var(--margin-outer));--demo-wide:calc(min(100cqi, var(--width-cap)) - 2 * var(--margin-outer));clear:both;border:var(--line-width) solid var(--border-control);border-radius:var(--radius-s);background-color:var(--surface-raised);inline-size:100%;color:var(--text);min-inline-size:0;margin-inline:0}.note-demo__stage{padding:var(--space-5);min-inline-size:0;overflow-x:auto}.note-demo__caption{gap:var(--space-1);padding:var(--space-4) var(--space-5);border-block-start:var(--line-width) solid var(--border);font-family:var(--font-mono);font-size:var(--step--1);line-height:var(--leading-snug);color:var(--text-muted);display:grid}.note-demo__title{color:var(--text);font-weight:500}@media (width>=900px){.note-demo{inline-size:max(100%, calc(var(--demo-wide) * 9 / 12 - 3 * var(--demo-gutter) / 12 - 1px))}}@media (width>=1200px){.note-demo{inline-size:max(100%, calc(var(--demo-wide) * 13 / 16 - 3 * var(--demo-gutter) / 16 - 1px))}}}