.margin-rail{position:absolute;top:0;z-index:1;pointer-events:none}.margin-rail .margin-note{position:absolute;left:0;width:100%;pointer-events:auto;font-size:.82rem;line-height:1.5;color:var(--color-text-muted);border-left:2px solid var(--color-surface-alt);padding-left:.7rem}.margin-rail--animated .margin-note{transition:top .28s cubic-bezier(.22,1,.36,1),opacity .2s ease,color .15s ease,border-color .15s ease}.margin-note__body p{margin:0 0 .5rem}.margin-note__body p:last-child{margin-bottom:0}.margin-note__num{color:var(--color-accent);font-weight:600;font-size:.72em;margin-right:.25rem}.margin-note__body.is-clamped{overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent 100%);mask-image:linear-gradient(to bottom,#000 72%,transparent 100%)}.margin-rail--animated .margin-note__body{transition:max-height .28s cubic-bezier(.22,1,.36,1)}.margin-note__toggle{pointer-events:auto;display:inline-block;margin-top:.35rem;padding:0;border:0;background:none;font:inherit;font-size:.7rem;letter-spacing:.03em;text-transform:uppercase;color:var(--color-accent);cursor:pointer;opacity:.8}.margin-note__toggle:hover{opacity:1;text-decoration:underline;text-underline-offset:2px}.margin-note a{color:inherit;text-decoration:underline;text-underline-offset:2px}.margin-rail .margin-note.is-active{color:var(--color-text);border-left-color:var(--color-accent)}.margin-anchor,.endnote-anchor{display:inline}.margin-anchor--marked{color:var(--color-accent);font-size:.7em;vertical-align:super;margin:0 .12em}aside.margin-note[data-margin-for]{display:block;margin:1.1rem 0;padding-left:.9rem;border-left:2px solid var(--color-surface-alt);font-size:.92rem;font-style:italic;line-height:1.55;color:var(--color-text-muted)}.prose-slate.has-marginalia aside.margin-note[data-margin-for]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}a[data-footnote-ref].is-active{background:var(--color-surface-alt);border-radius:3px}.prose-slate.has-marginalia section[data-footnotes]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.mnp-scrim{position:fixed;inset:0;z-index:10000;background:color-mix(in srgb,var(--color-text) 45%,transparent);opacity:0;transition:opacity .34s ease}.mnp-panel{position:fixed;top:0;right:0;z-index:10001;width:min(440px,92vw);height:100%;display:flex;flex-direction:column;background:var(--color-surface);box-shadow:-16px 0 40px -12px color-mix(in srgb,var(--color-text) 35%,transparent);transform:translate(100%);transition:transform .34s cubic-bezier(.22,1,.36,1);will-change:transform}.mnp-panel[hidden]{display:none}.mnp-enabled main.blog-post-grid{transition:transform .34s cubic-bezier(.22,1,.36,1),filter .34s ease}.mnp-open main.blog-post-grid{transform:translate(-9%);filter:brightness(.92)}.mnp-open .mnp-scrim{opacity:1}.mnp-open .mnp-panel{transform:translate(0)}.mnp-bar{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-bottom:1px solid var(--color-surface-alt)}.mnp-bar button{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0;border:0;border-radius:.4rem;background:none;font-size:1.2rem;line-height:1;color:var(--color-text);cursor:pointer}.mnp-bar button:hover,.mnp-bar button:focus-visible{background:var(--color-surface-alt)}.mnp-count{flex:1;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.mnp-steps{display:inline-flex;gap:.25rem}.mnp-body{flex:1;overflow-y:auto;padding:1.1rem 1.25rem 2rem;font-size:1rem;line-height:1.6;color:var(--color-text)}.mnp-body p:first-child{margin-top:0}.mnp-body a{color:var(--color-accent);text-underline-offset:2px}.margin-note__portal{display:inline-block;margin-top:.5rem;font-size:.72rem;letter-spacing:.03em;text-transform:uppercase;color:var(--color-accent)!important;text-decoration:none!important}.margin-note__portal:hover{text-decoration:underline!important;text-underline-offset:2px}.margin-rail .margin-note--explorable{border-left-color:var(--color-accent)}.margin-card__kind{display:block;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.15rem}.margin-card__title{display:block;font-weight:600;color:var(--color-text);line-height:1.3}.margin-card__expand{pointer-events:auto;display:inline-block;margin-top:.5rem;padding:.3rem .55rem;border:1px solid var(--color-surface-alt);border-radius:.35rem;background:none;font:inherit;font-size:.72rem;color:var(--color-text);cursor:pointer}.margin-card__expand:hover{border-color:var(--color-accent);color:var(--color-accent)}.margin-card__preview{position:absolute;top:100%;left:0;width:100%;margin-top:.4rem;z-index:5;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-surface-alt);border-radius:.45rem;box-shadow:0 16px 36px -14px color-mix(in srgb,var(--color-text) 45%,transparent);opacity:0;transform:translateY(-.35rem);pointer-events:none;transition:opacity .2s ease,transform .22s cubic-bezier(.22,1,.36,1)}.margin-card__preview.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.margin-card__thumb{display:block;width:100%;aspect-ratio:1200 / 630;object-fit:cover;background:var(--color-surface-alt)}.margin-card__ptitle{display:block;padding:.55rem .7rem 0;font-weight:600;font-size:.82rem;line-height:1.3;color:var(--color-text)}.margin-card__pdesc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding:.25rem .7rem .6rem;font-size:.74rem;line-height:1.45;color:var(--color-text-muted)}@media (prefers-reduced-motion: reduce){.margin-card__preview{transition:opacity .15s ease;transform:none}.margin-card__preview.is-visible{transform:none}}.margin-modal-scrim{position:fixed;inset:0;z-index:10000;background:color-mix(in srgb,var(--color-text) 55%,transparent);opacity:0;transition:opacity .32s ease}.margin-modal{position:fixed;z-index:10001;top:50%;left:50%;width:min(960px,94vw);max-height:88vh;display:flex;flex-direction:column;overflow:hidden;background:var(--color-surface);border-radius:.6rem;box-shadow:0 30px 80px -20px color-mix(in srgb,var(--color-text) 60%,transparent);transform:translate(-50%,-46%) scale(.96);opacity:0;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .32s ease}.margin-modal-open .margin-modal-scrim{opacity:1}.margin-modal-open .margin-modal{transform:translate(-50%,-50%) scale(1);opacity:1}.margin-modal__bar{display:flex;align-items:center;justify-content:space-between;padding:.55rem .5rem .55rem 1rem;border-bottom:1px solid var(--color-surface-alt)}.margin-modal__title{font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.margin-modal__close{min-width:2.25rem;height:2.25rem;border:0;border-radius:.4rem;background:none;font-size:1.5rem;line-height:1;color:var(--color-text);cursor:pointer}.margin-modal__close:hover{background:var(--color-surface-alt)}.margin-modal__host{flex:1;min-height:420px;overflow:auto}.margin-modal__error{padding:2rem;text-align:center;color:var(--color-text-muted)}@media (prefers-reduced-motion: reduce){.margin-rail--animated .margin-note,.margin-rail--animated .margin-note__body{transition:none}.margin-modal{transition:opacity .2s ease;transform:translate(-50%,-50%)}.margin-modal-open .margin-modal{transform:translate(-50%,-50%)}.mnp-panel{transform:none;opacity:0;transition:opacity .2s ease}.mnp-open .mnp-panel{opacity:1}.mnp-enabled main.blog-post-grid,.mnp-open main.blog-post-grid{transition:none;transform:none;filter:none}.mnp-panel[hidden]{display:none}}@media print{.margin-rail{display:none!important}.prose-slate.has-marginalia section[data-footnotes],.prose-slate.has-marginalia aside.margin-note[data-margin-for]{position:static;width:auto;height:auto;margin:0;clip:auto;white-space:normal}}