.note{margin-top:.5rem}.note-meta{opacity:.75;margin:0 auto 1.25rem;font-size:.9em}.note-tldr{border-left:3px solid var(--color-h2-bar);background:color-mix(in srgb, var(--color-h2-bar) 8%, transparent);padding:.75rem 1rem}.note strong{font-style:normal;font-weight:700}.note code{font-size:.92em}.note-signoff{opacity:.85;margin-top:2rem;font-style:italic}.note-signoff a{color:var(--color-h2-bar)}.note-nav{margin-top:2rem;font-weight:500}.note-nav a{color:var(--color-h2-bar);border-bottom:1px solid color-mix(in srgb, var(--color-h2-bar) 45%, transparent);text-decoration:none}.note-nav a:hover,.note-nav a:focus-visible{color:var(--color-accent-heading);border-bottom-color:var(--color-accent-heading)}.note-nav a:focus-visible{outline:2px solid var(--color-accent-heading);outline-offset:2px}@media screen{.note{--note-measure:min(66ch, calc(100% - 2rem))}.note .note-lede,.note .note-section-body,.note>.note-signoff,.note>.note-nav,.note h3{box-sizing:border-box;width:var(--note-measure);margin-left:auto;margin-right:auto}.note .note-meta,.note .note-lede-main>p,.note .note-section-body>p{width:auto;max-width:none;margin-left:0;margin-right:0}.note .note-lede-main>p,.note .note-section-body>p{margin-top:1rem;margin-bottom:1.35rem}.note h3{margin-top:2.25rem}}@media screen and (width<=48rem){.note{--note-measure:calc(100% - 1.5rem)}}