.lightbox-overlay{z-index:1100;pointer-events:none;cursor:zoom-out;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.lightbox-overlay.active{pointer-events:auto}.lightbox-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#f5f5f4d9;transition:opacity .4s cubic-bezier(.77,0,.175,1);position:absolute;inset:0}.lightbox-overlay.active .lightbox-backdrop{opacity:1}html.dark .lightbox-backdrop{background:#000000b3}.lightbox-dialog{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.lightbox-figure{cursor:default;flex-direction:column;justify-content:center;align-items:center;margin:0;display:flex;position:relative}.lightbox-stage{--lightbox-origin-x:0px;--lightbox-origin-y:0px;--lightbox-origin-scale-x:1;--lightbox-origin-scale-y:1;aspect-ratio:16/9;opacity:0;transform-origin:50%;will-change:opacity, transform;background:#fff;border-radius:4px;width:min(1280px,100vw - 10rem);height:auto;transition:opacity .4s cubic-bezier(.77,0,.175,1),transform .4s cubic-bezier(.77,0,.175,1);position:relative;overflow:visible;transform:none;box-shadow:0 0 1px #0006,0 4px 8px #00000014}.lightbox-stage.is-origin{opacity:1;transform:translate3d(var(--lightbox-origin-x), var(--lightbox-origin-y), 0) scale(var(--lightbox-origin-scale-x), var(--lightbox-origin-scale-y))}.lightbox-stage.is-open{opacity:1;transform:translate(0,0)scale(1)}.lightbox-control{z-index:1;color:#44403c;cursor:pointer;background:#fff;border:0;border-radius:999px;place-items:center;width:2.5rem;height:2.5rem;padding:0;transition:background-color .15s,opacity .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 1px #0000004d,0 2px 8px #00000014}.lightbox-control:hover:not(:disabled){background:#f4f4f4}.lightbox-control:disabled{opacity:.4;cursor:default}.lightbox-control-previous{right:calc(100% + 1rem)}.lightbox-control-next{left:calc(100% + 1rem)}.lightbox-control svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:1.5rem;height:1.5rem}html.dark .lightbox-control{color:#fff;background:#18181b;box-shadow:inset 0 1px #ffffff08,0 2px 8px #00000059}html.dark .lightbox-control:hover:not(:disabled){background:#202023}.lightbox-img{-o-object-fit:cover;object-fit:cover;border-radius:4px;width:100%;height:100%;display:block}.lightbox-caption{color:#171717;max-width:min(560px,100vw - 3rem);font-family:var(--font-crimson), serif;text-align:center;clip-path:inset(0 100% 0 0);margin-top:.75rem;font-size:18px;font-style:italic;line-height:1.5;transition:clip-path .32s ease-out,transform .32s ease-out;transform:translate(-.375rem)}html.dark .lightbox-caption{color:#fff}.lightbox-caption.is-visible{clip-path:inset(0);transform:translate(0)}@media (max-width:767px){.lightbox-overlay{padding:.75rem}.lightbox-stage{width:min(1280px,100vw - 8.5rem)}.lightbox-control{width:2.25rem;height:2.25rem}.lightbox-control-previous{left:.25rem;right:auto}.lightbox-control-next{left:auto;right:.25rem}}
.toc-aside{width:36px}.toc-rail{width:36px;position:relative}.toc-lines{box-sizing:border-box;align-items:flex-start;width:100%;padding:8px 12px}.toc-lines .toc-link{padding:4px 0}.toc-line{border-top-style:solid;border-top-width:1px;border-radius:9999px;height:0;transition:width .2s ease-out;display:inline-block}.toc-link[data-depth="1"] .toc-line{border-top-color:var(--toc-h1-border)}.toc-link[data-depth="2"] .toc-line{border-top-color:var(--toc-h2-border)}.toc-link[data-depth="3"] .toc-line{border-top-color:var(--toc-h3-border)}.toc-popup{visibility:hidden;pointer-events:none;padding-left:6px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.toc-rail:hover .toc-popup{visibility:visible;pointer-events:auto}.toc-rail:has(:focus-visible) .toc-popup{visibility:visible;pointer-events:auto}.toc-card{box-sizing:border-box;background:color-mix(in srgb, color-mix(in srgb, var(--primary), #fff 5%) 78%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--nav-border-color);transform-origin:0;opacity:0;border-radius:12px;align-items:stretch;width:max-content;max-width:230px;padding:12px 6px}.toc-rail:hover .toc-card{opacity:1;animation:.2s ease-out toc-card-reveal}.toc-rail:has(:focus-visible) .toc-card{opacity:1;animation:.2s ease-out toc-card-reveal}@keyframes toc-card-reveal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.toc-card .toc-link{padding:3px 0}.toc-text{opacity:.7;margin-left:10px;margin-right:10px}.toc-card .toc-link:hover .toc-text{opacity:1}.toc-card .toc-link[data-depth="1"] .toc-text{color:#fff;opacity:1}html.light .toc-card .toc-link[data-depth="1"] .toc-text{color:#2f2f2f;color:lab(19.4461% 0 0)}.toc-card .toc-link[data-depth="2"] .toc-text,.toc-card .toc-link[data-depth="3"] .toc-text{padding-left:10px}.toc-right .toc-lines{align-items:flex-end}.toc-right .toc-popup{padding-left:0;padding-right:6px;left:auto;right:100%}.toc-right .toc-card{transform-origin:100%}
.demo-frame{background:#f9f9f9;border-radius:6px;padding:20px;overflow:hidden}
.rhd-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.rhd-badge{letter-spacing:.2px;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600}.rhd-badge--bad{color:#f87171;background:#f871711f}.rhd-badge--good{color:#34d399;background:#34d3991f}.rhd-compare{gap:20px;display:flex}.rhd-col{flex:1 1 0;min-width:0}.rhd-stage{align-items:center;min-height:130px;display:flex;position:relative}@media (max-width:640px){.rhd-compare{flex-direction:column;gap:16px}}.rhd-link{cursor:pointer;align-items:center;padding:2px 0;text-decoration:none;display:flex}.rhd-line{border-top:3px solid var(--toc-h2-border);border-radius:999px;height:0}.rhd-line--h1{border-top-color:var(--toc-h1-border);width:11px}.rhd-line--sub{width:8px;margin-left:3px}.rhd-text{color:var(--text-default);white-space:nowrap;opacity:0;max-width:0;margin-left:10px;font-size:12px;line-height:1.25;overflow:hidden}@keyframes rhd-reveal{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.rhd-rail{box-sizing:border-box;transform-origin:50%;border-radius:12px;flex-direction:column;align-items:flex-start;gap:0;width:24px;margin-left:18px;padding:8px 6px;display:flex}.rhd-rail:hover{background:color-mix(in srgb, color-mix(in srgb, var(--primary), #fff 5%) 78%, transparent);-webkit-backdrop-filter:blur(12px);border:1px solid var(--nav-border-color);width:200px;padding:12px 14px;animation:.22s ease-out rhd-reveal}.rhd-rail:hover .rhd-line{display:none}.rhd-rail:hover .rhd-text{opacity:.85;max-width:150px}.rhd-trigger{box-sizing:border-box;width:24px;margin-left:18px}.rhd-trigger:hover{width:200px}.rhd-card{box-sizing:border-box;transform-origin:12px;border-radius:12px;flex-direction:column;align-items:flex-start;gap:0;width:100%;padding:8px 6px;display:flex}.rhd-trigger:hover .rhd-card{background:color-mix(in srgb, color-mix(in srgb, var(--primary), #fff 5%) 78%, transparent);-webkit-backdrop-filter:blur(12px);border:1px solid var(--nav-border-color);padding:12px 14px;animation:.22s ease-out rhd-reveal}.rhd-trigger:hover .rhd-line{display:none}.rhd-trigger:hover .rhd-text{opacity:.85;max-width:150px}