@layer components{.note-prose{font-size:1.0625rem;line-height:1.75;color:var(--color-ink-soft)}@media (min-width:768px){.note-prose{font-size:1.125rem;line-height:1.78}}.note-prose :is(.note-intro,section)>:is(p,ul,ol){margin-top:1.35em}.note-prose :is(.note-intro,section)>:first-child{margin-top:0}.note-prose .note-intro>p:first-child{font-size:1.1em;line-height:1.68;color:var(--color-ink)}.note-prose strong{font-weight:600;color:var(--color-ink)}.note-prose :is(.note-intro,section)>:is(p,ul,ol) a{color:var(--color-ink);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-navy) 45%,transparent);text-decoration-thickness:1px;text-underline-offset:.22em;transition:text-decoration-color .3s var(--ease-out-soft)}.note-prose :is(.note-intro,section)>:is(p,ul,ol) a:hover{text-decoration-color:var(--color-navy)}.note-prose section{margin-top:4.25rem;scroll-margin-top:10rem}@media (min-width:1280px){.note-prose section{scroll-margin-top:12rem}}.note-section-index{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;color:var(--color-navy)}.note-prose section>h2{margin-top:.75rem;font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.1;letter-spacing:-.024em;color:var(--color-ink)}.note-prose section>h2+p{margin-top:1.1em}.note-prose section>:is(ul,ol){list-style:none;padding:0}.note-prose section>ul>li{position:relative;padding-left:1.6rem}.note-prose section>ul>li+li{margin-top:.65em}.note-prose section>ul>li:before{content:"";position:absolute;left:0;top:.88em;width:.75rem;height:1px;background:var(--color-navy)}.note-prose section>ol{counter-reset:note-step}.note-prose section>ol>li{position:relative;padding-left:2.5rem;counter-increment:note-step}.note-prose section>ol>li+li{margin-top:1.5em}.note-prose section>ol>li:before{content:counter(note-step,decimal-leading-zero);position:absolute;left:0;top:.36em;font-family:var(--font-mono);font-size:.72rem;line-height:1.6;letter-spacing:.14em;color:var(--color-navy)}.note-prose section>figure{margin-block:2.4rem}.note-prose section>.note-pullquote{margin-block:2.75rem}.note-figure>figcaption{margin-top:.9rem;max-width:56ch;font-size:.875rem;line-height:1.55;color:var(--color-muted)}.note-panel{overflow:hidden;border:1px solid var(--color-rule);border-radius:14px;background:color-mix(in srgb,var(--color-bone-soft) 60%,var(--color-bone))}.note-panel-label{padding:.7rem 1.1rem;border-bottom:1px solid var(--color-rule);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-muted)}.note-code{margin:0;padding:1.1rem 1.2rem 1.2rem;overflow-x:auto;font-family:var(--font-mono);font-size:.78rem;line-height:1.75;color:var(--color-ink);tab-size:2}@media (min-width:768px){.note-code{padding:1.25rem 1.4rem 1.35rem;font-size:.82rem}}.note-code code{font:inherit}.note-code-comment{color:var(--color-muted)}.note-routes{margin:0;padding:.35rem 1.1rem}.note-route{display:grid;gap:.2rem 1.25rem;padding:.75rem 0;border-top:1px solid var(--color-rule-soft)}.note-route:first-child{border-top:0}@media (min-width:640px){.note-route{grid-template-columns:15rem minmax(0,1fr);align-items:baseline}}.note-route dt{display:flex;align-items:baseline;gap:.75rem;min-width:0}.note-route-method{flex:none;width:2.6rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;color:var(--color-navy)}.note-route-path{font-family:var(--font-mono);font-size:.8rem;color:var(--color-ink);overflow-wrap:anywhere}.note-route dd{margin:0;font-size:.88rem;line-height:1.5;color:var(--color-ink-soft)}@media (max-width:639px){.note-route dd{padding-left:3.35rem}}.note-pullquote{padding-block:1.75rem;border-block:1px solid var(--color-rule)}.note-pullquote blockquote{margin:0}.note-pullquote p{max-width:30ch;font-family:var(--font-display);font-size:clamp(1.45rem,2.6vw,1.95rem);line-height:1.24;letter-spacing:-.018em;color:var(--color-ink);text-wrap:balance}}