@media screen and (width>768px){.u-article-split{gap:var(--space-2xl);grid-template-columns:22ch 1fr;display:grid}.u-article-split>*{min-width:0}}@media screen and (width<=768px){.u-toc-wrapper{display:none}}.u-toc{top:calc(var(--nav-h) + 24px);scrollbar-color:var(--theme-border) transparent;scrollbar-width:thin;margin-inline:-16px;padding-inline:16px;position:sticky;overflow:clip auto}.u-toc.scroll-border-top{border-top:1px solid var(--theme-border)}.u-toc.scroll-border-bottom{border-bottom:1px solid var(--theme-border)}@media screen and (width>768px){.u-toc{width:100%;max-height:calc(100vh - (var(--nav-h) + var(--space-l)));max-height:calc(100dvh - (var(--nav-h) + var(--space-l)))}}.u-toc li+li,.u-toc p+ul{margin-block:2px}.u-toc li a{line-height:var(--leading);color:var(--theme-button-toc-fg);font-size:var(--text-size-meta);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;white-space:break-spaces;padding-block:8px;display:block;position:relative}.u-toc li a:after{content:"";transition:background var(--dur-s);z-index:-1;border-radius:var(--radius-m);position:absolute;inset:0 -16px}.u-toc li a:hover:after,.u-toc .highlight>a:after{background:var(--theme-button-toc-bg-hover)}.u-toc li a:focus-visible:after{background:var(--theme-button-toc-bg-hover)}.u-toc .highlight>a{color:var(--theme-button-toc-fg-active)}ul.u-toc>li>p>a{font-weight:var(--font-semibold)}.u-toc-wrapper ol{counter-reset:section}.u-toc-wrapper ol>li{counter-increment:section}.u-toc-wrapper ol>li>p>a:before{content:counter(section) ". "}.u-toc-wrapper ol li p a:before{font-variant-numeric:tabular-nums}.u-toc-wrapper ol>li>ol{counter-reset:subsection}.u-toc-wrapper ol>li>ol>li{counter-increment:subsection}.u-toc-wrapper ol>li>ol>li>p>a:before{content:counter(section) "." counter(subsection) " "}.u-toc-wrapper ol>li>ol>li>ol{counter-reset:subsubsection}.u-toc-wrapper ol>li>ol>li>ol>li{counter-increment:subsubsection}.u-toc-wrapper ol>li>ol>li>ol>li>p>a:before{content:counter(section) "." counter(subsection) "." counter(subsubsection) " "}.toc-fab{transition:transform var(--dur-m) var(--ease-out), opacity var(--dur-m) var(--ease-out), box-shadow var(--dur-m) var(--ease-out);z-index:900;right:var(--space-l);bottom:var(--space-l);border:1px solid var(--theme-border-strong);background:var(--theme-button-standard-bg);border-radius:var(--radius-full);width:52px;height:52px;color:var(--theme-accent);cursor:pointer;justify-content:center;align-items:center;display:none;position:fixed;box-shadow:0 4px 20px rgba(0,0,0,.25)}.toc-fab>svg{flex-basis:24px;width:24px;height:24px}.toc-fab:before{content:"";z-index:-1;background:var(--theme-page-bg);border-radius:var(--radius-full);position:absolute;inset:0}.toc-fab:not([hidden]){display:flex}.toc-fab:hover{transform:scale(1.08);box-shadow:0 6px 28px rgba(0,0,0,.35)}.toc-fab:active{transform:scale(.95)}.toc-fab[aria-expanded=true]{opacity:0;pointer-events:none;transform:scale(.8)}[data-theme=light] .toc-fab{box-shadow:0 4px 20px rgba(0,0,0,.1)}.toc-drawer{z-index:9998;align-items:flex-end;display:flex;position:fixed;inset:0}.toc-drawer[hidden]{display:none}.toc-drawer__backdrop{transition:background var(--dur-m) var(--ease-out);background:0 0;position:absolute;inset:0}.toc-drawer.is-open .toc-drawer__backdrop{background:var(--theme-modal-backdrop)}.toc-drawer__panel{transition:transform var(--dur-m) var(--ease-out);border:0;border-top:1px solid var(--theme-border-strong);padding:var(--space-m) var(--space-l) var(--space-xl);background:var(--theme-page-bg);border-radius:var(--radius-xl) var(--radius-xl) 0 0;overscroll-behavior:contain;width:100%;max-height:70vh;position:relative;overflow-y:auto;transform:translateY(100%)}.toc-drawer.is-open .toc-drawer__panel{transform:translateY(0)}.toc-drawer__header{margin-bottom:var(--space-m);justify-content:space-between;align-items:center;display:flex}.toc-drawer__title{color:var(--theme-ink);font-size:var(--text-size-meta);font-weight:var(--font-semibold);letter-spacing:.06em;text-transform:uppercase}.toc-drawer__close{transition:color var(--dur-s), border-color var(--dur-s);cursor:pointer;width:24px;height:24px;stroke:var(--theme-muted);background:0 0;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.toc-drawer__close:hover{color:var(--theme-accent)}.toc-drawer__nav .u-toc{position:static}.toc-drawer__nav .u-toc li a{font-size:var(--text-size-base);padding-block:12px}@media (prefers-reduced-motion:reduce){.toc-fab,.toc-drawer__backdrop,.toc-drawer__panel{transition-duration:0s}}
/*# sourceMappingURL=/home/runner/work/jmapio.github.io/jmapio.github.io/_site/css/toc.css.map */