.note-sidebar{--note-rail-width: 2.75rem;display:grid;grid-template-columns:var(--note-rail-width) minmax(0,1fr);column-gap:.65rem;row-gap:.3rem;width:100%;min-width:0;min-height:0;color:var(--ink)}.note-sidebar-info{grid-column:1 / -1;min-width:0}.note-sidebar-panel{grid-column:-2 / -1;min-width:0}.note-sidebar-info{display:flex;flex-direction:column}.note-sidebar-info:before{content:"";width:2.25rem;height:2px;margin-bottom:1rem;background:var(--accent-2-strong)}.note-sidebar-date{margin-bottom:.55rem;color:var(--muted);font-size:.68rem;letter-spacing:.02em}.note-sidebar-title{margin:0;font-family:var(--font-display);font-size:clamp(1.35rem,1.8vw,1.8rem);font-weight:500;line-height:1.22;letter-spacing:-.035em;overflow-wrap:anywhere}.note-sidebar-fullname{margin-top:.65rem}.note-sidebar-switcher{display:grid;grid-column:1 / -1;grid-template-columns:var(--note-rail-width) minmax(0,1fr);align-items:start;column-gap:.65rem;min-width:0}.note-sidebar-toggle,.note-sidebar-label{display:flex;align-items:center;gap:.6rem;width:fit-content;padding:.65rem 0;border:0;border-radius:2px;background:transparent;color:var(--accent-2-strong);font-size:.75rem;line-height:1.5;text-align:left}.note-sidebar-toggle{cursor:pointer}.note-sidebar-toggle:hover{color:var(--ink)}.note-sidebar-chevron{width:.875rem;height:.875rem;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease}[data-view=contents] .note-sidebar-chevron{transform:rotate(180deg)}.note-sidebar-details,.note-sidebar-toc{overflow:visible;animation:note-sidebar-reveal .16s ease-out}.note-sidebar [hidden]{display:none}.note-sidebar-details{padding:.4rem 0 .5rem}.note-sidebar-summary{margin:0 0 .8rem;color:var(--muted-strong);font-size:.85rem;line-height:1.75}.note-sidebar-links{margin-top:1.1rem;padding:.15rem 0}.note-sidebar-links .link-icon{border-radius:var(--radius-sm)}.note-sidebar-rail-button{position:sticky;top:.5rem;grid-column:1;grid-row:1;align-self:start;width:100%;min-height:44px;margin-top:2.65rem;padding:.5rem 0;border:0;border-radius:2px;background:transparent;cursor:pointer}.note-sidebar-rail{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.note-sidebar-dash{width:75%;height:3px;flex-shrink:0;border-radius:1px;background:var(--line-strong);transition:background-color .16s ease}.note-sidebar-dash.level-2{width:52%;margin-left:18%}.note-sidebar-dash.level-3{width:32%;margin-left:36%}.note-sidebar-dash.is-active{width:100%;background:var(--accent-2-strong)}.note-sidebar-dash.level-2.is-active{width:70%}.note-sidebar-dash.level-3.is-active{width:50%}.note-sidebar-rail-button:hover .note-sidebar-dash:not(.is-active),.note-sidebar-rail-button:focus-visible .note-sidebar-dash:not(.is-active){background:var(--muted)}.note-sidebar-toc{padding:.3rem 0 .4rem}.note-sidebar-toc a{display:flex;align-items:baseline;gap:.65rem;padding:.6rem 0;color:var(--muted-strong);font-size:.85rem;line-height:1.5;text-decoration:none;overflow-wrap:anywhere;transition:color .12s ease}.note-sidebar-toc a[data-level="2"]{padding-left:.65rem;font-size:.8rem}.note-sidebar-toc a[data-level="3"]{padding-left:1.3rem;font-size:.76rem}.note-sidebar-toc a:hover,.note-sidebar-toc a[aria-current]{color:var(--accent-2-strong)}.note-sidebar-toc a[aria-current]{font-weight:600}.note-toc-mark{width:8px;height:2px;flex-shrink:0;align-self:center;background:var(--line-strong)}.note-sidebar-toc a[aria-current] .note-toc-mark{background:currentColor}.note-sidebar[data-has-contents=false],.note-sidebar[data-has-contents=false] .note-sidebar-switcher{grid-template-columns:minmax(0,1fr)}@keyframes note-sidebar-reveal{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1280px){.project-note-layout{--note-rail-space: clamp(2.5rem, 3.2vw, 3.5rem)}.project-note-layout>.grid{grid-template-columns:calc(clamp(13rem,18vw,18rem) + var(--note-rail-space)) minmax(0,1fr);gap:clamp(1.5rem,3vw,3.5rem)}.project-sidebar-sticky{display:flex;flex-direction:column;position:sticky;top:calc(var(--project-note-sticky-top) + 1rem);max-height:calc(100svh - var(--project-note-sticky-top) - 2.5rem);height:auto;min-height:0;align-self:start}.project-sidebar-back-link{flex:none}.note-sidebar{--note-rail-width: calc(var(--note-rail-space) - .65rem);flex:1 1 auto;max-height:none;padding-right:.65rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:var(--line-strong) transparent}}@media(max-width:1279px){.note-sidebar-title{font-size:clamp(1.6rem,5vw,2rem)}.note-sidebar-info:before{margin-bottom:.8rem}.note-sidebar-toggle{min-height:44px}.note-sidebar-toc a{min-height:44px;align-items:center}}@media(prefers-reduced-motion:reduce){.note-sidebar-details,.note-sidebar-toc{animation:none}.note-sidebar-chevron,.note-sidebar-dash{transition:none}}
