.dev-note-reader .textbook-diagram{--textbook-paper:var(--color-fd-background);--textbook-ink:var(--color-fd-foreground);--textbook-muted:var(--color-fd-muted-foreground);--textbook-accent:var(--reader-track-readable-accent);--textbook-state:color-mix(in srgb, var(--textbook-ink) 4%, var(--textbook-paper));--textbook-focal:color-mix(in srgb, var(--textbook-accent) 8%, var(--textbook-paper));--textbook-boundary:color-mix(in srgb, var(--textbook-accent) 3%, var(--textbook-paper));min-width:0;max-width:100%;color:var(--textbook-ink);margin:1.5rem 0;font-family:Pretendard Variable,PretendardSubset,Pretendard,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,Segoe UI,sans-serif;container:textbook-diagram/inline-size}.textbook-diagram>figcaption{color:var(--textbook-accent);margin-bottom:1rem;font-size:1.25rem;font-weight:750;line-height:1.5}.textbook-diagram-viewport{min-width:0;max-width:100%;scroll-margin-top:8rem;overflow-x:visible}.textbook-diagram-viewport:focus-visible{outline:2px solid var(--textbook-ink);outline-offset:4px}.textbook-diagram-svg{width:min(100%, var(--textbook-canvas-width));max-width:100%;height:auto;margin-inline:auto;display:block}.textbook-diagram-details{grid-template-columns:var(--textbook-detail-columns);align-items:start;gap:16px;min-width:0;margin:0;padding:0;display:grid}.textbook-diagram-detail{--textbook-detail-stroke:var(--textbook-ink);border:1.2px solid var(--textbook-detail-stroke);background:var(--textbook-paper);border-radius:8px;min-width:0;padding:16px;position:relative}.textbook-diagram-detail[data-shape=store]{--textbook-detail-stroke:var(--textbook-muted);background:var(--textbook-state);border-radius:50%/12px;padding-block-start:32px}.textbook-diagram-detail[data-shape=store]:before{content:"";border:1.2px solid var(--textbook-detail-stroke);pointer-events:none;border-radius:50%;height:24px;position:absolute;inset:-1.2px -1.2px auto}.textbook-diagram-detail[data-focal=true]{--textbook-detail-stroke:var(--textbook-accent);background:var(--textbook-focal);border-width:2px}.textbook-diagram-detail[data-focal=true]:before{border-width:2px;inset:-2px -2px auto}.textbook-diagram-detail-title{min-width:0;color:var(--textbook-ink);overflow-wrap:anywhere;font-size:20px;font-weight:750;line-height:24px}.textbook-diagram-detail-body{min-width:0;color:var(--textbook-muted);overflow-wrap:anywhere;margin:8px 0 0;font-size:16px;font-weight:500;line-height:24px}.textbook-diagram-detail-body>p{white-space:pre-wrap;margin:0}@container textbook-diagram (width<=639.99px){.textbook-diagram-details{grid-template-columns:minmax(0,1fr);gap:12px}}:root[data-project-skin=neo-brutalism] .textbook-diagram-detail{border-width:2px}:root[data-project-skin=neo-brutalism] .textbook-diagram-detail[data-shape=store]:before{border-width:2px;inset:-2px -2px auto}.textbook-diagram-paper,.textbook-diagram-label-mask,.textbook-diagram-edge-label>rect,.textbook-diagram-boundary-label>rect{fill:var(--textbook-paper)}.textbook-diagram-node:is(rect,polygon,path,ellipse),.textbook-diagram-node>:is(rect,polygon,path,ellipse){fill:var(--textbook-paper);stroke:var(--textbook-ink);stroke-width:1.2px;vector-effect:non-scaling-stroke}.textbook-diagram-node[data-shape=store]:is(path,ellipse),.textbook-diagram-node[data-shape=store]>:is(path,ellipse){fill:var(--textbook-state);stroke:var(--textbook-muted)}.textbook-diagram-node[data-focal=true]:is(rect,polygon,path,ellipse),.textbook-diagram-node[data-focal=true]>:is(rect,polygon,path,ellipse){fill:var(--textbook-focal);stroke:var(--textbook-accent);stroke-width:2px}.textbook-diagram-node:is(circle),.textbook-diagram-node>circle{fill:var(--textbook-ink)}.textbook-diagram-node-title{fill:var(--textbook-ink);font-size:20px;font-weight:750}.textbook-diagram-node-body{fill:var(--textbook-muted);font-size:16px;font-weight:500}.textbook-diagram-boundary{fill:var(--textbook-boundary);stroke:var(--textbook-accent);stroke-opacity:.65;stroke-width:1.2px;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.textbook-diagram-connector{fill:none;stroke:var(--textbook-muted);stroke-width:1.5px;vector-effect:non-scaling-stroke}.textbook-diagram-connector[data-dashed=true]{stroke-dasharray:5 4}.textbook-diagram-arrow-normal{fill:var(--textbook-muted)}.textbook-diagram-arrow-accent{fill:var(--textbook-accent)}.textbook-diagram-arrow-link{fill:var(--textbook-ink)}.textbook-diagram-edge-label>text,.textbook-diagram-boundary-label>text{fill:var(--textbook-muted);font-size:16px;font-weight:650}.textbook-diagram-boundary-label>text{fill:var(--textbook-accent);font-weight:750}.textbook-diagram-caption,.textbook-diagram-scroll-hint{color:var(--textbook-muted);margin-top:1rem;font-size:1rem;line-height:1.7}.textbook-diagram-scroll-hint{margin-block:0 .75rem;display:none}@container textbook-diagram (width<=59.999rem){.textbook-diagram-scroll-hint{display:block}}:root[data-project-skin=neo-brutalism] .textbook-diagram-node:is(rect,polygon,path,ellipse),:root[data-project-skin=neo-brutalism] .textbook-diagram-node>:is(rect,polygon,path,ellipse){stroke-width:2px}@media print{.dev-note-reader .textbook-diagram{--textbook-paper:#fff;--textbook-ink:#111;--textbook-muted:#333;--textbook-accent:#111;--textbook-state:#f5f5f5;--textbook-focal:#f3f3f3;--textbook-boundary:#fafafa;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;break-inside:avoid;page-break-inside:avoid}.textbook-diagram-viewport{outline:none;overflow:visible}.textbook-diagram-svg{width:100%;min-width:0;max-width:100%;height:auto}.textbook-diagram-scroll-hint{display:none}.textbook-diagram>figcaption{break-after:avoid}.textbook-diagram-caption{break-before:avoid}}.dev-note-reader .textbook-diagram-mobile-visual,.dev-note-reader .textbook-diagram-mobile-detail{display:none}.dev-note-reader .textbook-diagram-mobile-visual{width:min(100%, var(--textbook-mobile-canvas-width,256px));max-width:100%;color:var(--textbook-ink);margin-inline:auto;font-family:inherit}.dev-note-reader .textbook-diagram-mobile-visual>svg{width:100%;max-width:none;height:auto;display:block;font-family:inherit!important}.dev-note-reader .textbook-diagram-mobile-detail,.dev-note-reader .textbook-diagram-mobile-detail :where(p,ul,ol,li,dl,dt,dd,table,th,td,code,strong,span){overflow-wrap:anywhere;min-width:0;max-width:100%;font-size:16px;line-height:1.5}.dev-note-reader .textbook-diagram-viewport>svg{max-width:100%;height:auto;width:min(100%, var(--textbook-canvas-width))!important}@media screen and (width<=767px){:is(.dev-note-reader .textbook-diagram:has(.textbook-diagram-mobile-visual)>.textbook-diagram-viewport,.dev-note-reader .textbook-diagram:has(.textbook-diagram-mobile-visual)>.textbook-diagram-scroll-hint){display:none}.dev-note-reader .textbook-diagram-mobile-visual,:is(.dev-note-reader .textbook-diagram:has(.textbook-diagram-mobile-visual) .textbook-diagram-mobile-detail,.dev-note-reader .textbook-diagram:has(.textbook-diagram-mobile-visual)+.textbook-diagram-mobile-detail){display:block}}@media print{.dev-note-reader .textbook-diagram-mobile-visual,.dev-note-reader .textbook-diagram-mobile-detail,.dev-note-reader .peim-answer>.textbook-diagram-mobile-detail{display:none!important}.dev-note-reader .textbook-diagram-viewport{display:block}.dev-note-reader .textbook-diagram-viewport>svg{min-width:0;max-width:100%;width:100%!important}}@media screen and (width<=767px){.textbook-diagram-caption{overflow-wrap:anywhere}}@media print{.textbook-diagram.not-prose>.textbook-diagram-viewport>svg .textbook-diagram-node-title{font-size:19.75px}}@media screen{.dev-note-reader .textbook-diagram-mobile-detail[data-textbook-reflow=true]{display:block}@container textbook-diagram (width<=719.99px){:is(.textbook-diagram[style*="960px"]:has(.textbook-diagram-mobile-visual)>.textbook-diagram-viewport,.textbook-diagram[style*="960px"]:has(.textbook-diagram-mobile-visual)>.textbook-diagram-scroll-hint){display:none}.textbook-diagram[style*="960px"]:has(.textbook-diagram-mobile-visual)>.textbook-diagram-mobile-visual{display:block}.textbook-diagram[style*="960px"]:has(.textbook-diagram-mobile-visual) .textbook-diagram-mobile-detail{display:block}}@container textbook-diagram (width<=767.99px){:is(.textbook-diagram[style*="1024px"]:has(.textbook-diagram-mobile-visual)>.textbook-diagram-viewport,.textbook-diagram[style*="1024px"]:has(.textbook-diagram-mobile-visual)>.textbook-diagram-scroll-hint){display:none}.textbook-diagram[style*="1024px"]:has(.textbook-diagram-mobile-visual)>.textbook-diagram-mobile-visual{display:block}.textbook-diagram[style*="1024px"]:has(.textbook-diagram-mobile-visual) .textbook-diagram-mobile-detail{display:block}}@container textbook-diagram (width<=809.99px){:is(.textbook-diagram[style*="1080px"]:has(.textbook-diagram-mobile-visual)>.textbook-diagram-viewport,.textbook-diagram[style*="1080px"]:has(.textbook-diagram-mobile-visual)>.textbook-diagram-scroll-hint){display:none}.textbook-diagram[style*="1080px"]:has(.textbook-diagram-mobile-visual)>.textbook-diagram-mobile-visual{display:block}.textbook-diagram[style*="1080px"]:has(.textbook-diagram-mobile-visual) .textbook-diagram-mobile-detail{display:block}}@container textbook-diagram (width<=827.99px){:is(.textbook-diagram[style*="1104px"]:has(.textbook-diagram-mobile-visual)>.textbook-diagram-viewport,.textbook-diagram[style*="1104px"]:has(.textbook-diagram-mobile-visual)>.textbook-diagram-scroll-hint){display:none}.textbook-diagram[style*="1104px"]:has(.textbook-diagram-mobile-visual)>.textbook-diagram-mobile-visual{display:block}.textbook-diagram[style*="1104px"]:has(.textbook-diagram-mobile-visual) .textbook-diagram-mobile-detail{display:block}}@container textbook-diagram (width<=839.99px){:is(.textbook-diagram[style*="1120px"]:has(.textbook-diagram-mobile-visual)>.textbook-diagram-viewport,.textbook-diagram[style*="1120px"]:has(.textbook-diagram-mobile-visual)>.textbook-diagram-scroll-hint){display:none}.textbook-diagram[style*="1120px"]:has(.textbook-diagram-mobile-visual)>.textbook-diagram-mobile-visual{display:block}.textbook-diagram[style*="1120px"]:has(.textbook-diagram-mobile-visual) .textbook-diagram-mobile-detail{display:block}}@container textbook-diagram (width<=851.99px){:is(.textbook-diagram[style*="1136px"]:has(.textbook-diagram-mobile-visual)>.textbook-diagram-viewport,.textbook-diagram[style*="1136px"]:has(.textbook-diagram-mobile-visual)>.textbook-diagram-scroll-hint){display:none}.textbook-diagram[style*="1136px"]:has(.textbook-diagram-mobile-visual)>.textbook-diagram-mobile-visual{display:block}.textbook-diagram[style*="1136px"]:has(.textbook-diagram-mobile-visual) .textbook-diagram-mobile-detail{display:block}}@container textbook-diagram (width<=923.99px){:is(.textbook-diagram[style*="1232px"]:has(.textbook-diagram-mobile-visual)>.textbook-diagram-viewport,.textbook-diagram[style*="1232px"]:has(.textbook-diagram-mobile-visual)>.textbook-diagram-scroll-hint){display:none}.textbook-diagram[style*="1232px"]:has(.textbook-diagram-mobile-visual)>.textbook-diagram-mobile-visual{display:block}.textbook-diagram[style*="1232px"]:has(.textbook-diagram-mobile-visual) .textbook-diagram-mobile-detail{display:block}}@container textbook-diagram (width<=959.99px){:is(.textbook-diagram[style*="1280px"]:has(.textbook-diagram-mobile-visual)>.textbook-diagram-viewport,.textbook-diagram[style*="1280px"]:has(.textbook-diagram-mobile-visual)>.textbook-diagram-scroll-hint){display:none}.textbook-diagram[style*="1280px"]:has(.textbook-diagram-mobile-visual)>.textbook-diagram-mobile-visual{display:block}.textbook-diagram[style*="1280px"]:has(.textbook-diagram-mobile-visual) .textbook-diagram-mobile-detail{display:block}}}