@charset "UTF-8";@media screen and (max-width:768px){table{font-size:14px}th,td{padding:8px 12px}.main-content{padding:0;--cover-height: 25vh}.article{padding:1rem .875rem 0}.article-hero-full{min-height:calc(100svh - env(safe-area-inset-top) - 1rem)}.article-hero-foot{grid-template-columns:1fr;justify-items:center;gap:calc(var(--spacing) * 2);.article-colophon:empty{display:none}}.article-colophon,.article-hero-actions{justify-content:center}.article-hero-actions{gap:1.5rem;button{padding:.75em .5em;margin:-.75em -.5em}}.article-comment-popover,.article-comment-popover-body{width:calc(100vw - 1rem);max-width:calc(100vw - 1rem)}.article-comment-popover-body{max-height:calc(90dvh - 4.25rem)}.article-comment-panel{padding:1rem 1.75rem}.article-comment-popover-body{padding:0}.command-palette-body{max-height:50dvh}.command-palette-footer{display:none}}@media screen and (max-width:1023px){.navbar{position:fixed;inset:auto 0 0;align-items:center;min-height:0;padding:0 0 calc(10px + env(safe-area-inset-bottom))}body{padding-bottom:calc(62px + env(safe-area-inset-bottom))}.main-content{padding-top:env(safe-area-inset-top)}.navbar-actions.glass{gap:.6rem;padding:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;&:after{content:none}>.navbar-item{width:42px;height:42px}}body:has(.toc-container:not([style*="display:none"])) .navbar-actions.glass{margin-right:calc(1.35rem + 42px)}.navbar-menu{position:fixed;inset:auto auto calc(62px + env(safe-area-inset-bottom)) 0;width:min(16rem,calc(100vw - 1.5rem));height:auto;max-height:calc(100dvh - 62px - env(safe-area-inset-bottom) - 2rem);margin:0;border:none;padding:12px;color:inherit;background:transparent;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;translate:0 8px;transition:translate .15s var(--ease-out),display .15s allow-discrete,overlay .15s allow-discrete}.navbar-menu:popover-open{display:grid;gap:.6rem;inset:auto auto calc(62px + env(safe-area-inset-bottom)) 0;width:min(16rem,calc(100vw - 1.5rem));height:auto;translate:0 0;transition:translate .22s var(--ease-out);&:before{content:none}}@starting-style{.navbar-menu:popover-open{translate:0 8px}}.navbar-menu .navbar-item.glass{opacity:0;transition:opacity .12s ease,scale .42s var(--glass-spring),background-color .16s ease}.navbar-menu:popover-open .navbar-item.glass{opacity:1;transition-duration:.18s,.42s,.16s;transition-delay:calc(var(--tile-index, 0) * 20ms),0ms,0ms}@starting-style{.navbar-menu:popover-open .navbar-item.glass{opacity:0}}.navbar-start{display:grid;gap:.6rem;>.navbar-item{--glass-radius: 999px;height:3rem;padding:0 1.25rem;color:var(--text);font:600 .95rem / 1 var(--font-sans-serif);letter-spacing:.02em;&:nth-child(2){--tile-index: 1}&:nth-child(3){--tile-index: 2}&:nth-child(4){--tile-index: 3}&:nth-child(5){--tile-index: 4}&:nth-child(n+6){--tile-index: 5}}}.navbar-end{display:flex;flex-wrap:wrap;gap:.6rem;>.navbar-item{--glass-radius: 50%;--tile-index: 6;justify-content:center;width:42px;height:42px;padding:0;color:var(--subtext1);svg{width:18px}}}#navbar-logo-link{display:none}.navbar-burger{align-self:center;width:42px;height:42px;margin-left:.75rem;padding:0;border-radius:50%;>span,>span:before,>span:after{background-color:var(--subtext0);height:1.5px;width:16px;position:absolute;transform-origin:center;transition-duration:86ms;transition-property:background-color,transform;transition-timing-function:ease-out}>span{left:calc(50% - 8px);top:calc(50% - 1px)}>span:before,>span:after{content:"";left:0}>span:before{top:-5px}>span:after{top:5px}}.navbar:has(.navbar-menu:popover-open) .navbar-burger>span{background-color:transparent;&:before{transform:translateY(5px) rotate(45deg)}&:after{transform:translateY(-5px) rotate(-45deg)}}.command-palette-container{top:15px;width:90%}.toc-button{right:.75rem;bottom:calc(10px + env(safe-area-inset-bottom));width:42px;height:42px;transition:scale .42s var(--glass-spring),background-color .16s ease,opacity .3s ease,translate .32s var(--ease-out);>span{background-color:var(--subtext0);height:1.5px}}.navbar{transition:translate .32s var(--ease-out)}:root.gnix-revealed:has(.article-hero-full):not(.gnix-past-hero) .navbar:not(:has(:popover-open)){translate:0 calc(100% + 12px);pointer-events:none;>*{pointer-events:none}}:root.gnix-revealed:has(.article-hero-full) .toc-container:not(.toc-visible) .toc-button{translate:0 calc(100% + 22px)}.preference-popup{top:auto;bottom:calc(62px + env(safe-area-inset-bottom));transform-origin:bottom right}}@media screen and (min-width:769px)and (max-width:1023px){.article-hero-full{min-height:calc(100svh - env(safe-area-inset-top) - 4.25rem)}}@media screen and (min-width:1024px){.navbar-burger{display:none}.navbar-start .navbar-item{font-family:var(--font-sans-serif);font-size:.78rem;letter-spacing:.18em;text-transform:lowercase;padding:0 .9rem;color:var(--subtext0);&:hover{color:var(--text)}}.navbar-menu .navbar-item.glass{border-radius:0;background-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;translate:none;scale:none;&:before,&:after{content:none}&:hover{background-color:transparent}}.navbar-menu,.navbar-start,.navbar-end{align-items:stretch;display:flex;padding:0;flex-shrink:0}.navbar-menu{position:static;width:auto;height:auto;margin:0;border:none;color:inherit;flex-grow:1;overflow-x:auto;background-color:transparent}.navbar-start{justify-content:flex-start;margin-right:auto}.navbar-end{justify-content:flex-end;margin-left:auto}}@media screen and (min-width:1280px){.content{overflow:visible;display:flow-root}.content>aside{float:right;clear:right;width:11rem;margin:0 -12.5rem 1rem 1.5rem;padding:0 0 0 .875rem;font-size:.8em}}
