.site-header{width:100%;height:var(--nav-height)}.site-nav{width:100%;max-width:var(--content-width);height:100%;margin-inline:auto;padding-inline:1.75rem;display:flex;align-items:center}.site-nav__brand{width:3rem;height:3rem;flex:none;display:grid;place-items:center;border-radius:.375rem;outline-offset:.25rem}.site-nav__links{margin-left:auto;display:flex;align-items:center;gap:1.25rem;font-size:1rem;line-height:1.5rem;font-weight:400}.site-nav__link{padding-block:.5rem;color:var(--text-color-body);opacity:.6;text-decoration:none;text-underline-offset:.35em;transition:color .15s ease,opacity .15s ease}.site-nav__link:focus-visible,.site-nav__link:hover{color:var(--text-color-title);opacity:1}.site-nav__link:focus-visible{outline:2px solid var(--flower);outline-offset:.25rem;border-radius:.125rem}.site-nav__link--active{color:var(--text-color-title);opacity:1;font-weight:500}.hover-color:hover path{fill:var(--moon-dark)!important;stroke:var(--moon-dark)!important;transition:all .12s ease-in-out}.hover-color:has(a:focus-visible) path{fill:oklch(.696 .17 162.48)!important;stroke:oklch(.696 .17 162.48)!important;transition:all .12s ease-in-out}.hover-color:active{scale:.98}@media (max-width:640px){.site-header{height:4.5rem}.site-nav{padding-inline:.75rem}.site-nav__brand{width:2.5rem;height:2.5rem}.site-nav__brand svg{width:1.75rem;height:1.75rem}.site-nav__links{gap:clamp(.65rem,3.5vw,1rem);font-size:.875rem}}.debc-diagram{--diagram-background:var(--background-color,Canvas);--diagram-caption-color:color-mix(in srgb,currentColor 62%,transparent);width:100%;margin:2rem 0}.debc-diagram__canvas{width:100%;height:auto;display:block;overflow:visible}.debc-diagram [data-tone]{--diagram-fill:color-mix(in srgb,var(--diagram-tone) 14%,white);--diagram-text:color-mix(in srgb,var(--diagram-tone) 72%,black)}.debc-diagram [data-tone=neutral]{--diagram-tone:var(--diagram-neutral,#71717a)}.debc-diagram [data-tone=rose]{--diagram-tone:var(--diagram-rose,#f43f5e)}.debc-diagram [data-tone=blue]{--diagram-tone:var(--diagram-blue,#3b82f6)}.debc-diagram [data-tone=violet]{--diagram-tone:var(--diagram-violet,#8b5cf6)}.debc-diagram [data-tone=amber]{--diagram-tone:var(--diagram-amber,#f59e0b)}.debc-diagram [data-tone=emerald]{--diagram-tone:var(--diagram-emerald,#10b981)}.debc-diagram__edge,.debc-diagram__group,.debc-diagram__marker{color:var(--diagram-tone)}.debc-diagram__node{fill:var(--diagram-fill);stroke:var(--diagram-tone);transition:fill .2s,stroke .2s}.debc-diagram__node-label{fill:var(--diagram-text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.debc-diagram__edge{transition:color .2s}.debc-diagram__group-outline{opacity:.72}.debc-diagram__group-label-background{fill:var(--diagram-background)}.debc-diagram__group-label{fill:currentColor;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:1rem}.debc-diagram__caption{color:var(--diagram-caption-color);text-align:center;margin-top:.75rem;font-size:.875rem;line-height:1.5rem}:where(.dark,[data-theme=dark]) .debc-diagram [data-tone]{--diagram-fill:color-mix(in srgb,var(--diagram-tone) 22%,#09090b);--diagram-text:color-mix(in srgb,var(--diagram-tone) 72%,white)}@media (prefers-reduced-motion:reduce){.debc-diagram__edge,.debc-diagram__node{transition:none}}body{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}html{scroll-behavior:auto;background-color:hsl(44,87%,94%)}:root{--background-color:hsl(44,87%,94%)}.code-snippet{position:relative;left:50%;width:-moz-max-content;width:max-content;min-width:100%;max-width:min(calc(100% + 8rem),calc(100vw - 3.5rem));translate:-50% 0}