:is(.dev-note,.dev-note-reader) .dev-note-ad-preview{width:100%;min-width:0;color:var(--color-fd-muted-foreground);margin:0 0 2rem;font-size:.75rem;line-height:1.5}:is(.dev-note,.dev-note-reader) .dev-note-ad-preview--content{margin-block:2.5rem}:is(.dev-note,.dev-note-reader) .dev-note-ad-preview-label{justify-content:space-between;gap:1rem;margin-bottom:.5rem;display:flex}:is(.dev-note,.dev-note-reader) .dev-note-ad-preview-space{box-sizing:border-box;border:1px dashed var(--color-fd-border);background:var(--color-fd-muted);text-align:center;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.375rem;height:250px;padding:.75rem;display:flex}:is(.dev-note,.dev-note-reader) .dev-note-ad-preview-space strong{color:var(--color-fd-foreground);font-size:.875rem;font-weight:550}:is(.dev-note,.dev-note-reader) .dev-note-ad-preview--intro .dev-note-ad-preview-space{height:90px}:is(.dev-note,.dev-note-reader) .dev-note-ad-preview-mobile{display:none}@media (width<=600px){:is(.dev-note,.dev-note-reader) .dev-note-ad-preview--intro .dev-note-ad-preview-space{height:100px}:is(.dev-note,.dev-note-reader) .dev-note-ad-preview-desktop{display:none}:is(.dev-note,.dev-note-reader) .dev-note-ad-preview-mobile{display:inline}}.dev-note-reader .p9-seat-diagram{--seat-paper:var(--color-fd-background);--seat-node-paper:var(--color-fd-background);--seat-ink:var(--color-fd-foreground);--seat-muted:var(--color-fd-muted-foreground);--seat-rule:var(--color-fd-border);--seat-accent:var(--reader-track-readable-accent);--seat-state:color-mix(in srgb, var(--seat-ink) 4%, var(--seat-paper));--seat-boundary:color-mix(in srgb, var(--seat-accent) 3%, var(--seat-paper));--seat-focal:color-mix(in srgb, var(--seat-accent) 8%, var(--seat-paper));min-width:0;max-width:100%;color:var(--seat-ink);margin:1.5rem 0;font-family:PretendardSubset,Pretendard,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,Segoe UI,sans-serif;container:seat-diagram/inline-size}.p9-seat-diagram>figcaption{color:var(--seat-accent);margin-bottom:1rem;font-size:1.125rem;font-weight:750;line-height:1.5}.p9-seat-svg{width:100%;height:auto;display:block;overflow:visible}.p9-seat-svg-mobile{max-width:18rem;margin-inline:auto;display:none}.p9-seat-node>:is(rect,polygon){fill:var(--seat-node-paper);stroke:var(--seat-ink);stroke-width:1.2px;vector-effect:non-scaling-stroke}.p9-seat-node[data-seat-role=state]>rect{fill:var(--seat-state);stroke:var(--seat-muted)}.p9-seat-node[data-seat-focal=true]>:is(rect,polygon){fill:var(--seat-focal);stroke:var(--seat-accent);stroke-width:2px}.p9-seat-node-title{fill:var(--seat-ink);font-size:20px;font-weight:750}.p9-seat-node-body{fill:var(--seat-muted);font-size:16px;font-weight:500}.p9-seat-svg-mobile .p9-seat-node-body{font-size:20px}.p9-seat-boundary{fill:var(--seat-boundary);stroke:var(--seat-accent);stroke-opacity:.65;stroke-dasharray:4 4;stroke-width:1.2px;vector-effect:non-scaling-stroke}.p9-seat-external-boundary{fill:none;stroke:var(--seat-muted)}.p9-seat-boundary-label rect,.p9-seat-edge-label rect{fill:var(--seat-paper)}.p9-seat-boundary-label text{fill:var(--seat-accent);font-size:16px;font-weight:750}.p9-seat-connector{fill:none;stroke:var(--seat-muted);stroke-width:1.5px;vector-effect:non-scaling-stroke}.p9-seat-connector-return{stroke-dasharray:5 4}.p9-seat-arrow-normal{fill:var(--seat-muted)}.p9-seat-arrow-accent{fill:var(--seat-accent)}.p9-seat-arrow-link{fill:var(--seat-ink)}.p9-seat-edge-label text{fill:var(--seat-muted);font-size:16px;font-weight:650}.p9-seat-svg-mobile .p9-seat-edge-label text,.p9-seat-svg-mobile .p9-seat-boundary-label text{font-size:20px}.p9-seat-diagram-caption{color:var(--seat-muted);margin-top:1rem;font-size:.9375rem;line-height:1.7}[data-seat-style=print] .p9-seat-diagram{--seat-state:var(--seat-paper);--seat-boundary:var(--seat-paper);--seat-focal:var(--seat-paper)}[data-seat-style=print] .p9-seat-node>:is(rect,polygon){stroke-width:1px}[data-seat-style=guided] .p9-seat-diagram{--seat-node-paper:color-mix(in srgb, var(--seat-accent) 2%, var(--seat-paper))}[data-seat-style=guided] .p9-seat-diagram>figcaption{border-bottom:2px solid var(--seat-accent);padding-bottom:.625rem}[data-seat-style=guided] .p9-seat-node[data-seat-focal=true]>:is(rect,polygon){stroke-width:2.5px}:root[data-project-skin=neo-brutalism] .p9-seat-node>:is(rect,polygon){stroke-width:2px}@container seat-diagram (width<=47rem){.p9-seat-svg-desktop{display:none}.p9-seat-svg-mobile{display:block}}@media print{.dev-note-reader .p9-seat-diagram{--seat-paper:#fff;--seat-node-paper:#fff;--seat-ink:#111;--seat-muted:#444;--seat-rule:#999;--seat-accent:#6d28d9;--seat-state:#f5f5f5;--seat-boundary:#fafafa;--seat-focal:#f5f1fb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;break-inside:avoid}.p9-seat-svg-desktop{display:block}.p9-seat-svg-mobile{display:none}}.p9-seat-diagram{scroll-margin-top:8rem}.p9-seat-diagram:focus-visible{outline:2px solid var(--seat-ink);outline-offset:4px}.p9-seat-connector[data-seat-path-active=true]{stroke:var(--seat-ink);stroke-width:2.5px}@media print{.p9-seat-connector[data-seat-path-active=true]{stroke:var(--seat-muted);stroke-width:1.5px}.p9-seat-arrow-link{fill:var(--seat-muted)}}.dev-note-reader .p9-seat-diagram-lanes{--seat-boundary:color-mix(in srgb, var(--seat-accent) 3%, var(--seat-paper))}.p9-seat-diagram-lanes .p9-seat-svg-desktop{max-width:43rem;margin-inline:auto}.p9-seat-diagram-lanes .p9-seat-boundary{stroke-width:1.5px}.p9-seat-diagram-lanes .p9-seat-external-boundary{stroke-dasharray:8 4}@container seat-diagram (width>=34rem){.p9-seat-diagram-lanes .p9-seat-svg-desktop{display:block}.p9-seat-diagram-lanes .p9-seat-svg-mobile{display:none}}@container seat-diagram (width<=33.999rem){.p9-seat-diagram-lanes .p9-seat-svg-desktop{display:none}.p9-seat-diagram-lanes .p9-seat-svg-mobile{display:block}}@media print{.p9-seat-diagram-lanes .p9-seat-svg-desktop{display:block}.p9-seat-diagram-lanes .p9-seat-svg-mobile{display:none}}.dev-note-reader .p9-seat-lesson{--seat-paper:var(--color-fd-background);--seat-ink:var(--color-fd-foreground);--seat-muted:var(--color-fd-muted-foreground);--seat-rule:var(--color-fd-border);--seat-accent:var(--reader-track-readable-accent);--seat-tint:color-mix(in srgb, var(--reader-track-accent) 5%, var(--seat-paper));min-width:0;max-width:100%;color:var(--seat-ink);overflow-wrap:anywhere;margin-block:1.5rem 2rem;scroll-margin-top:6rem;font-family:inherit;font-size:1rem;line-height:1.8}.dev-note-reader .p9-seat-lesson *,.dev-note-reader .p9-seat-lesson :before,.dev-note-reader .p9-seat-lesson :after{box-sizing:border-box}.dev-note-reader .p9-seat-lesson :is(h3,h4,h5,p,ol,ul,dl,figure){min-width:0;max-width:100%;margin:0}.dev-note-reader .p9-seat-lesson :is(h3,h4,h5){line-height:1.45}.dev-note-reader .p9-seat-lesson h3{font-size:1.5rem;font-weight:750}.dev-note-reader .p9-seat-lesson h4{color:var(--seat-accent);font-size:1.125rem;font-weight:700}.dev-note-reader .p9-seat-lesson h5{font-size:1rem;font-weight:700}.dev-note-reader .p9-seat-lesson :is(ol,ul){padding-inline-start:1.5rem}.dev-note-reader .p9-seat-lesson ol{list-style-type:decimal}.dev-note-reader .p9-seat-lesson ul{list-style-type:disc}.dev-note-reader .p9-seat-content{gap:2rem;display:grid}.dev-note-reader .p9-seat-part{gap:1rem;display:grid}.dev-note-reader .p9-seat-comparison{border:1px solid var(--seat-rule);background:var(--seat-paper);border-radius:8px;min-width:0;margin:0 0 2rem;padding:1rem 1.125rem}.dev-note-reader .p9-seat-comparison legend{padding-inline:.375rem;font-size:.9375rem;font-weight:700}.dev-note-reader .p9-seat-style-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.dev-note-reader .p9-seat-style-options label{border:1px solid var(--seat-rule);cursor:pointer;border-radius:4px;align-items:center;gap:.375rem;padding:.625rem;font-size:.875rem;display:flex}.dev-note-reader .p9-seat-style-options label:has(input:checked){border-color:var(--seat-accent);background:var(--seat-tint);font-weight:650}.dev-note-reader .p9-seat-style-options label:focus-within{outline:2px solid var(--seat-accent);outline-offset:3px}.dev-note-reader .p9-seat-style-options input{accent-color:var(--seat-accent);flex:none;margin:0}.dev-note-reader .p9-seat-comparison>p{color:var(--seat-muted);margin-top:.75rem;font-size:.875rem}.dev-note-reader .p9-seat-assumptions{background:var(--seat-tint);border-inline-start:3px solid var(--seat-accent);padding:1rem 1.5rem 1rem 2.25rem}.dev-note-reader .p9-seat-assumptions>li+li{margin-top:.5rem}.dev-note-reader .p9-seat-terms{gap:.875rem;display:grid}.dev-note-reader .p9-seat-terms>div{border-bottom:1px solid var(--seat-rule);grid-template-columns:minmax(7.5rem,.24fr) minmax(0,1fr);gap:1rem;padding-bottom:.875rem;display:grid}.dev-note-reader .p9-seat-terms dt{font-weight:700}.dev-note-reader .p9-seat-terms dd{margin:0}.dev-note-reader .p9-seat-check{border:1px solid var(--seat-rule);border-radius:6px;gap:.75rem;padding:1rem;display:grid}.dev-note-reader .p9-seat-diagram-reading{gap:.75rem;font-size:.9375rem;display:grid}.dev-note-reader .p9-seat-worked{gap:1.25rem;display:grid}.dev-note-reader .p9-seat-worked>li{padding-inline-start:.375rem}.dev-note-reader .p9-seat-worked>li>:is(h5,p)+p{margin-top:.75rem}.dev-note-reader .p9-seat-worked>li::marker{color:var(--seat-accent);font-weight:700}.dev-note-reader .p9-seat-table{table-layout:fixed;border-collapse:collapse;width:100%;color:var(--seat-ink);margin-block:.75rem;font-size:.9375rem;line-height:1.65}.dev-note-reader .p9-seat-table caption{text-align:left;color:var(--seat-ink);padding-block:0 .75rem;font-weight:700}.dev-note-reader .p9-seat-table :is(th,td){border:1px solid var(--seat-rule);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:.75rem}.dev-note-reader .p9-seat-table thead{background:var(--seat-tint)}.dev-note-reader .p9-seat-questions{gap:1rem;display:grid}.dev-note-reader .p9-seat-work-label{font-weight:650}.dev-note-reader .p9-seat-lesson textarea{resize:vertical;border:1px solid var(--seat-rule);background:var(--seat-paper);width:100%;min-width:0;max-width:100%;color:var(--seat-ink);font:inherit;border-radius:6px;padding:.875rem;line-height:1.65;display:block}.dev-note-reader .p9-seat-lesson textarea:focus-visible{outline:2px solid var(--seat-accent);outline-offset:3px}.dev-note-reader .p9-seat-answer{margin:0}.dev-note-reader .p9-seat-answer-content{gap:1rem;padding-block:1.125rem;display:grid}.dev-note-reader .p9-seat-answer-content>ol{gap:1rem;display:grid}.dev-note-reader .p9-seat-answer-content>ol p+p{margin-top:.625rem}.dev-note-reader .p9-seat-answer-content section{gap:1rem;display:grid}.dev-note-reader .p9-seat-misconceptions{gap:1.125rem;display:grid}.dev-note-reader .p9-seat-misconceptions dt{font-weight:650}.dev-note-reader .p9-seat-misconceptions dd{margin:.5rem 0 0}.dev-note-reader .p9-seat-lesson[data-seat-style=print]{line-height:1.9}.dev-note-reader .p9-seat-lesson[data-seat-style=print] .p9-seat-content{gap:2.5rem}.dev-note-reader .p9-seat-lesson[data-seat-style=print] h4{color:var(--seat-ink);border-bottom:1px solid var(--seat-rule);padding-bottom:.625rem}.dev-note-reader .p9-seat-lesson[data-seat-style=print] :is(.p9-seat-assumptions,.p9-seat-check){background:0 0;border-radius:0}.dev-note-reader .p9-seat-lesson[data-seat-style=print] .p9-seat-table thead{background:0 0}.dev-note-reader .p9-seat-lesson[data-seat-style=guided] .p9-seat-content{counter-reset:seat-part;gap:1.5rem}.dev-note-reader .p9-seat-lesson[data-seat-style=guided] .p9-seat-content>.p9-seat-part{border-inline-start:3px solid var(--seat-accent);background:var(--seat-tint);padding:1.25rem}.dev-note-reader .p9-seat-lesson[data-seat-style=guided] .p9-seat-content>.p9-seat-part>:is(h3,h4):before{counter-increment:seat-part;content:counter(seat-part, decimal-leading-zero) " / ";font-variant-numeric:tabular-nums;font-size:.8em}.dev-note-reader .p9-seat-lesson[data-seat-style=guided] .p9-seat-worked>li{border:1px solid var(--seat-rule);background:var(--seat-paper);border-radius:4px;padding:1rem}:root[data-project-skin=neo-brutalism] .dev-note-reader .p9-seat-comparison{border-width:2px;border-radius:4px}:root[data-project-skin=neo-brutalism] .dev-note-reader .p9-seat-style-options label{border-width:2px}@media screen and (width<=640px){.dev-note-reader .p9-seat-lesson{font-size:1rem}.dev-note-reader .p9-seat-style-options{grid-template-columns:minmax(0,1fr)}.dev-note-reader .p9-seat-style-options label{padding:.75rem}.dev-note-reader .p9-seat-terms>div{grid-template-columns:minmax(0,1fr);gap:.375rem}.dev-note-reader .p9-seat-lesson[data-seat-style=guided] .p9-seat-content>.p9-seat-part{padding:.875rem}.dev-note-reader .p9-seat-table caption{display:block}}@media screen and (width>=1024px){.dev-note-reader .p9-seat-lesson[data-seat-style=guided] .p9-seat-content>[data-seat-part=diagram]{padding-inline:0}.dev-note-reader .p9-seat-lesson[data-seat-style=guided] .p9-seat-content>[data-seat-part=diagram] :is(figcaption,.p9-seat-diagram-caption,.p9-seat-diagram-reading){margin-inline:1rem}}@media print{.dev-note-reader .p9-seat-comparison{display:none}.dev-note-reader .p9-seat-lesson{--seat-paper:#fff;--seat-ink:#111;--seat-muted:#333;--seat-rule:#888;--seat-accent:#111;--seat-tint:#fff;font-size:10pt;line-height:1.55}.dev-note-reader .p9-seat-content{gap:1.25rem!important}.dev-note-reader .p9-seat-part{break-inside:auto}.dev-note-reader .p9-seat-lesson :is(h3,h4,h5){break-after:avoid}.dev-note-reader .p9-seat-worked>li,.dev-note-reader .p9-seat-table tr,.dev-note-reader .p9-seat-terms>div{break-inside:avoid}.dev-note-reader .p9-seat-lesson[data-seat-style=guided] .p9-seat-content>.p9-seat-part{background:#fff;padding:.75rem .875rem}.dev-note-reader .p9-seat-lesson textarea{min-height:35mm}.dev-note-reader .p9-seat-answer{break-inside:auto!important}.dev-note-reader .p9-seat-table{font-size:9pt}}.dev-note-reader .p9-seat-worked-layout,.dev-note-reader .p9-seat-worked-evidence{gap:1rem;min-width:0;display:grid}.dev-note-reader .p9-seat-lesson[data-seat-style=margin]{container:p9-seat-margin/inline-size}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] .p9-seat-content{gap:2.25rem}.dev-note-reader .p9-seat-lesson:is([data-seat-style=margin],[data-seat-style=workbook]) :is(p,.p9-seat-assumptions,.p9-seat-diagram-reading){max-inline-size:72ch}.dev-note-reader .p9-seat-lesson:is([data-seat-style=margin],[data-seat-style=workbook]) :is(.p9-seat-worked-layout,.p9-seat-worked-evidence){gap:1.25rem;min-width:0;display:grid}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] [data-seat-part=prerequisites]{border-inline-start:1px solid var(--seat-rule);padding-inline-start:1rem}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] [data-seat-part=worked]>h4{border-bottom:1px solid var(--seat-rule);padding-bottom:.625rem}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] .p9-seat-check{border:0;border-radius:0;padding:0}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] .p9-seat-worked{gap:1.5rem}@container p9-seat-margin (width>=48rem){.dev-note-reader .p9-seat-lesson[data-seat-style=margin] .p9-seat-content{grid-template-columns:minmax(10rem,.24fr) minmax(0,1fr);align-items:start;column-gap:2rem}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] .p9-seat-content>*{grid-column:1/-1}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] [data-seat-part=prerequisites]{grid-area:2/1;font-size:.9375rem;line-height:1.8}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] [data-seat-part=explanation]{grid-area:2/2}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] [data-seat-part=diagram]{grid-area:3/1/auto/-1}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] .p9-seat-terms>div{grid-template-columns:minmax(0,1fr);gap:.375rem}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] .p9-seat-worked-layout{grid-template-columns:minmax(0,1.25fr) minmax(17rem,1fr);align-items:start;column-gap:1.5rem}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] .p9-seat-table{margin-block:0;font-size:.9375rem;display:block}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] .p9-seat-table caption{display:block}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] .p9-seat-table thead{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] .p9-seat-table tbody{gap:.75rem;display:grid}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] .p9-seat-table tr{border-block:1px solid var(--seat-rule);display:block}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] .p9-seat-table :is(th,td){border:0;border-bottom:1px solid var(--seat-rule);grid-template-columns:minmax(5.5rem,.35fr) minmax(0,1fr);gap:.5rem;padding:.625rem 0;display:grid}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] .p9-seat-table :is(th,td):before{content:attr(data-peim-label);color:var(--seat-muted);font-size:.8125rem;font-weight:600}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] .p9-seat-table :is(th,td):last-child{border-bottom:0}}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] .p9-seat-content{gap:2.5rem}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] .p9-seat-content>:is(.p9-seat-part,.p9-seat-answer){border-block-start:1px solid var(--seat-rule);padding-block-start:1.25rem}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] .p9-seat-introduction{border-block-start:0;padding-block-start:0}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] :is(.p9-seat-assumptions,.p9-seat-check){background:0 0;border-radius:0}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] h4{color:var(--seat-ink)}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] .p9-seat-worked>li{border-bottom:1px solid var(--seat-rule);padding-block:1rem;display:flow-root list-item}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] .p9-seat-worked>li>h5{float:inline-start;width:26%;padding-inline-end:1.25rem}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] .p9-seat-worked>li>p{margin-inline-start:30%}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] .p9-seat-worked>li>h5+p{margin-block-start:0}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] [data-seat-part=exercise]{gap:1.25rem}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] [data-seat-part=exercise]>h4+p{border-block:1px solid var(--seat-rule);padding-block:.875rem}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] .p9-seat-questions{gap:1.75rem}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] .p9-seat-questions>li:after{content:"";background:repeating-linear-gradient(to bottom, transparent 0, transparent calc(2rem - 1px), var(--seat-rule) calc(2rem - 1px), var(--seat-rule) 2rem);min-height:4rem;margin-block-start:.625rem;display:block}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] textarea{border-radius:0;min-height:16rem;line-height:2rem}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] .p9-seat-answer{border-block-end:1px solid var(--seat-rule);padding-block-end:1.25rem}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] .p9-seat-answer-content>ol>li{border-bottom:1px solid var(--seat-rule);padding-block-end:1rem}@media screen and (width<=640px){.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] .p9-seat-worked>li>h5{float:none;width:auto;padding-inline-end:0}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] .p9-seat-worked>li>p{margin-inline-start:0}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] .p9-seat-worked>li>h5+p{margin-block-start:.75rem}}@media print{.dev-note-reader .p9-seat-lesson[data-seat-style=margin] .p9-seat-content,.dev-note-reader .p9-seat-lesson[data-seat-style=margin] .p9-seat-worked-layout,.dev-note-reader .p9-seat-lesson[data-seat-style=margin] .p9-seat-worked-evidence{display:block}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] .p9-seat-content>*{margin-block-end:1.25rem}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] [data-seat-part=prerequisites]{font-size:inherit;border-inline-start:0;padding-inline-start:0}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] .p9-seat-table{margin-block:.75rem;font-size:9pt;display:table}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] .p9-seat-table caption{display:table-caption}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] .p9-seat-table thead{clip:auto;white-space:normal;width:auto;height:auto;margin:0;display:table-header-group;position:static;overflow:visible}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] .p9-seat-table tbody{display:table-row-group}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] .p9-seat-table tr{border:0;display:table-row}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] .p9-seat-table :is(th,td){border:1px solid var(--seat-rule);padding:.75rem;display:table-cell}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] .p9-seat-table :is(th,td):before{content:none}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] [data-seat-part=exercise],.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] .p9-seat-answer{break-before:page}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] .p9-seat-questions>li{break-inside:avoid}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] .p9-seat-questions>li:after{background:0 0;border-bottom:1px solid #aaa;min-height:18mm}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] textarea{min-height:50mm}}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook]{container:p9-seat-workbook/inline-size}@media screen{.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] .p9-seat-questions>li:after{display:none}@container p9-seat-workbook (width>=48rem){.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] [data-seat-part=exercise]{grid-template-columns:minmax(0,1.25fr) minmax(18rem,1fr);column-gap:2rem}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] [data-seat-part=exercise]>:is(h4,p){grid-column:1/-1}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] .p9-seat-questions{grid-area:4/1/6;align-content:start}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] .p9-seat-work-label{grid-area:4/2;align-self:start}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] textarea{grid-area:5/2;align-self:stretch}}}@media print{.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] [data-seat-part=exercise]{display:block!important}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] [data-seat-part=exercise]>:is(h4,p,ol){margin-block-end:1rem}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] .p9-seat-work-label{break-after:avoid;margin-block-end:.5rem;display:block}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] textarea{break-before:avoid;break-inside:avoid}}.dev-note-reader .p9-seat-lesson[data-seat-style]{container:p9-seat-lesson/inline-size}.dev-note-reader .p9-seat-lesson[data-seat-style=margin]{container-name:p9-seat-lesson p9-seat-margin}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook]{container-name:p9-seat-lesson p9-seat-workbook}.dev-note-reader .p9-seat-lesson[data-seat-style=matrix]{container-name:p9-seat-lesson p9-seat-matrix}.dev-note-reader .p9-seat-lesson[data-seat-style] :is(p,dd,.p9-seat-assumptions,.p9-seat-diagram-reading,.p9-seat-questions){max-inline-size:68ch}.dev-note-reader .p9-seat-table[data-seat-table=state] col:first-child,.dev-note-reader .p9-seat-table[data-seat-table=state] col:nth-child(2){width:12%}.dev-note-reader .p9-seat-table[data-seat-table=failure] col:first-child{width:23%}.dev-note-reader .p9-seat-table[data-seat-table=failure] col:nth-child(2){width:28%}.dev-note-reader .p9-seat-table[data-seat-transposed=true] col:first-child{width:16%}.dev-note-reader .p9-seat-table[data-seat-transposed=true] col:nth-child(n+2){width:28%}.dev-note-reader .p9-seat-print-work{display:none}@media screen{@container p9-seat-margin (width>=48rem){.dev-note-reader .p9-seat-lesson[data-seat-style=margin] .p9-seat-content{grid-template-columns:minmax(16rem,.4fr) minmax(0,1fr)}.dev-note-reader .p9-seat-lesson[data-seat-style=margin] .p9-seat-table colgroup{display:none}}@container p9-seat-lesson (width<=47.999rem){.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-table{table-layout:auto;border-collapse:separate;inline-size:100%;font-size:1rem;display:block}.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-table caption{display:block}.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-table colgroup{display:none}.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-table thead{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-table tbody{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-table tbody tr{border:1px solid var(--seat-rule);min-inline-size:0;display:block}.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-table tbody :is(th,td){border:0;border-block-end:1px solid var(--seat-rule);background:0 0;grid-template-columns:minmax(0,1fr);gap:.3rem;padding:.75rem .875rem;font-weight:400;display:grid}.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-table tbody :is(th,td):last-child{border-block-end:0}.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-table tbody :is(th,td):before{content:attr(data-peim-label);color:var(--seat-muted);font-size:.875rem;font-weight:650;line-height:1.5}}@container p9-seat-matrix (width>=48rem){.dev-note-reader .p9-seat-lesson[data-seat-style=matrix] .p9-seat-terms{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1.5rem}.dev-note-reader .p9-seat-lesson[data-seat-style=matrix] .p9-seat-terms>div{grid-template-columns:minmax(0,1fr);align-content:start;gap:.625rem}}}.dev-note-reader .p9-seat-lesson[data-seat-style=matrix] .p9-seat-table[data-seat-table=state] tbody tr:first-child td{font-size:1.25rem;font-weight:750}.dev-note-reader .p9-seat-path-guide{border-block:1px solid var(--seat-rule);gap:.75rem;padding-block:.75rem;font-size:.9375rem;display:grid}.dev-note-reader .p9-seat-return-case{border:1px solid var(--seat-rule);background:var(--seat-paper);color:var(--seat-ink);font:inherit;cursor:pointer;justify-self:start;padding:.5rem .75rem}.dev-note-reader .p9-seat-return-case:disabled{opacity:.6;cursor:default}.dev-note-reader .p9-seat-case-trigger{inline-size:100%;color:var(--seat-accent);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-block-end:1px solid;padding:.375rem 0;display:block}.dev-note-reader .p9-seat-table tr[data-seat-selected=true]{outline:2px solid var(--seat-accent);outline-offset:-2px}.dev-note-reader :is(.p9-seat-case-trigger,.p9-seat-return-case):focus-visible{outline:2px solid var(--seat-accent);outline-offset:3px}@media print{.dev-note-reader .p9-seat-lesson textarea,.dev-note-reader .p9-seat-path-guide,.dev-note-reader .p9-seat-case-instructions{display:none}.dev-note-reader .p9-seat-print-work{border:1px solid var(--seat-rule);white-space:pre-wrap;break-inside:auto;min-height:35mm;padding:.75rem;line-height:1.5;display:block}.dev-note-reader .p9-seat-work-label{break-after:avoid;margin-block-end:.5rem;display:block}.dev-note-reader .p9-seat-case-trigger{color:inherit;background:0 0;border:0;padding:0}.dev-note-reader .p9-seat-table tr[data-seat-selected=true]{outline:none}.dev-note-reader .p9-seat-lesson[data-seat-style=matrix] .p9-seat-table[data-seat-table=state] tbody tr:first-child td{font-size:10pt}}.dev-note-reader .p9-seat-proof-instructions{color:var(--seat-muted);font-size:.9375rem}.dev-note-reader .p9-seat-proof-title{color:var(--seat-ink);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-block-end:1px solid;padding:.25rem 0;display:inline}.dev-note-reader .p9-seat-proof-title[aria-pressed=true]{color:var(--seat-accent);border-block-end-width:2px}.dev-note-reader .p9-seat-proof-links{flex-wrap:wrap;gap:.625rem;margin-block-start:.875rem;display:flex}.dev-note-reader .p9-seat-proof-guide{z-index:2;border:1px solid var(--seat-rule);background:var(--seat-paper);flex-wrap:wrap;align-items:center;gap:.625rem 1rem;padding:.625rem .75rem;font-size:.875rem;line-height:1.6;display:flex;position:sticky;top:6.5rem}.dev-note-reader .p9-seat-proof-guide p{flex:25rem}.dev-note-reader :is(.p9-seat-proof-links,.p9-seat-proof-guide) button{border:1px solid var(--seat-rule);background:var(--seat-paper);color:var(--seat-ink);font:inherit;cursor:pointer;padding:.5rem .625rem}.dev-note-reader :is(.p9-seat-proof-title,.p9-seat-proof-links button,.p9-seat-proof-guide button,.p9-seat-table):focus-visible{outline:2px solid var(--seat-accent);outline-offset:3px}.dev-note-reader .p9-seat-table td[data-seat-proof-cell=true]{box-shadow:inset 3px 0 var(--seat-accent);background:var(--seat-tint)}@media screen and (width<=1000px){.dev-note-reader .p9-seat-proof-guide{top:0}}@media print{.dev-note-reader :is(.p9-seat-proof-instructions,.p9-seat-proof-links,.p9-seat-proof-guide){display:none}.dev-note-reader .p9-seat-proof-title{color:inherit;cursor:auto;border:0;padding:0}.dev-note-reader .p9-seat-table td[data-seat-proof-cell=true]{box-shadow:none;background:0 0}.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-content,.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-part,.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-worked-layout,.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-worked-evidence,.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-worked,.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-answer-content,.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-answer-content>ol,.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-answer-content section,.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-misconceptions{display:block}.dev-note-reader.p9-seat-gallery[data-gallery-stage] .p9-seat-content>[data-seat-part]{display:block!important}.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-content>*{margin-block:0}.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-content>*+*{margin-block-start:1.25rem}.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-part>*{margin-block:0}.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-part>*+*{margin-block-start:.75rem}.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-worked-evidence{margin-block-start:1rem}.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-worked>li+li,.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-answer-content>*+*,.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-answer-content section>*+*,.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-answer-content>ol>li+li,.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-misconceptions>div+div{margin-block-start:.875rem}.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-table{break-inside:avoid;page-break-inside:avoid;margin-block:.75rem}.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-table caption,.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-table thead{break-after:avoid}.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-check{break-inside:avoid}.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-work-label{break-after:avoid;margin-block-end:.5rem}.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-work-label+textarea+.p9-seat-print-work{break-before:avoid;break-inside:auto;margin-block-start:0}.dev-note-reader .p9-seat-lesson[data-seat-style] :is(p,dd){orphans:3;widows:3}.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-answer>summary{break-after:avoid}.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-answer-content,.dev-note-reader .p9-seat-lesson[data-seat-style] .p9-seat-answer-content>ol{break-before:avoid}.dev-note-reader .p9-seat-lesson[data-seat-style] [data-seat-part=conclusion]{break-inside:avoid}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] .p9-seat-answer-content{padding-block:.625rem}.dev-note-reader .p9-seat-lesson[data-seat-style=workbook] .p9-seat-answer-content>ol>li{padding-block-end:.625rem}.dev-note-reader .p9-seat-lesson[data-seat-style=print] .p9-seat-answer-content{margin-block-end:0;padding-block:.625rem}}.dev-note-reader :is(.peim-study-path,.peim-concept,.peim-answer){border:1px solid var(--color-fd-border);background:var(--color-fd-background);min-width:0;max-width:100%;color:var(--color-fd-foreground);overflow-wrap:anywhere;border-radius:.75rem}.dev-note-reader .peim-study-path{background:color-mix(in srgb, var(--reader-track-accent) 5%, var(--color-fd-background));gap:.75rem;margin-block:1.25rem 2rem;padding:1rem 1.25rem;display:grid}.dev-note-reader .peim-study-path :is(p,ul,ol){margin-block:0}.dev-note-reader .peim-study-path strong{color:var(--reader-track-readable-accent)}.dev-note-reader .peim-concept{margin-block:1.5rem;padding:1.25rem}.dev-note-reader .peim-concept figcaption>strong{color:var(--reader-track-readable-accent);font-size:1.0625rem}.dev-note-reader .peim-concept figcaption>p{margin-block:.5rem 0;font-size:.875rem;line-height:1.65}.dev-note-reader .peim-concept :is(ul,li,p){min-width:0}.dev-note-reader .peim-concept :is(ul,li){padding:0;list-style:none}.dev-note-reader .peim-concept-nodes{grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:.75rem;margin:1rem 0;display:grid}.dev-note-reader .peim-concept-nodes>li{border:1px solid var(--color-fd-border);border-radius:.5rem;align-content:start;gap:.375rem;padding:.875rem;display:grid}.dev-note-reader .peim-concept-group{color:var(--reader-track-readable-accent);font-size:.75rem}.dev-note-reader .peim-concept-nodes>li>p{margin:0;font-size:.8125rem;line-height:1.6}.dev-note-reader .peim-concept-relations{gap:.625rem;margin:0;display:grid}.dev-note-reader .peim-concept-relations>li{border:1px solid var(--color-fd-border);border-radius:.5rem;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:.75rem;padding:.75rem;font-size:.8125rem;display:grid}.dev-note-reader .peim-concept-relations>li>strong{text-align:center}.dev-note-reader .peim-concept-link{text-align:center;gap:.25rem;line-height:1.6;display:grid}.dev-note-reader .peim-concept-arrow{color:var(--reader-track-readable-accent);font-size:1.25rem;line-height:1}.dev-note-reader .peim-answer{margin-block:1.25rem}.dev-note-reader .peim-answer>summary{cursor:pointer;color:var(--reader-track-readable-accent);padding:.875rem 1.125rem;font-weight:650}.dev-note-reader .peim-answer>summary:focus-visible{outline:2px solid var(--reader-track-readable-accent);outline-offset:3px}.dev-note-reader .peim-answer[open]>summary{border-bottom:1px solid var(--color-fd-border)}.dev-note-reader .peim-answer>:not(summary){margin-inline:1.125rem}.dev-note-reader .peim-answer>:last-child{margin-bottom:1.125rem}:root[data-project-skin=neo-brutalism] .dev-note-reader :is(.peim-study-path,.peim-concept,.peim-answer){border:2px solid var(--reader-track-readable-accent);box-shadow:3px 3px 0 var(--reader-track-readable-accent);border-radius:4px}:root[data-project-skin=neo-brutalism] .dev-note-reader .peim-concept :is(.peim-concept-nodes>li,.peim-concept-relations>li){border-color:var(--reader-track-readable-accent);border-radius:3px}@media screen and (width<=640px){.dev-note-reader :is(.peim-study-path,.peim-concept){padding:1rem}.dev-note-reader .peim-concept-nodes{grid-template-columns:minmax(0,1fr)}.dev-note-reader .peim-concept-relations>li{grid-template-columns:minmax(0,1fr);gap:.375rem}.dev-note-reader .peim-concept-arrow{display:inline-block;transform:rotate(90deg)}.dev-note-reader .peim-concept-link{justify-items:center}.dev-note-reader #nd-page .reader-legacy-body.peim:has([data-peim-pilot]) :is(table,tbody,tfoot){width:100%;min-width:0;max-width:100%;display:block}.dev-note-reader #nd-page .reader-legacy-body.peim:has([data-peim-pilot]) div:has(>table){min-width:0;overflow-x:visible}.dev-note-reader #nd-page .reader-legacy-body.peim:has([data-peim-pilot]) thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.dev-note-reader #nd-page .reader-legacy-body.peim:has([data-peim-pilot]) :is(tbody,tfoot)>tr{border:1px solid var(--color-fd-border);overflow-wrap:anywhere;border-radius:.5rem;grid-template-columns:minmax(0,1fr);margin-block:.875rem;display:grid}.dev-note-reader #nd-page .reader-legacy-body.peim:has([data-peim-pilot]) :is(tbody,tfoot)>tr>:is(td,th){white-space:normal;overflow-wrap:anywhere;border:0;width:auto;min-width:0;max-width:100%;padding:.75rem;display:block}.dev-note-reader #nd-page .reader-legacy-body.peim:has([data-peim-pilot]) :is(td,th)[data-peim-label]:before{content:attr(data-peim-label);color:var(--reader-track-readable-accent);margin-bottom:.375rem;font-weight:650;display:block}.dev-note-reader #nd-page .reader-legacy-body.peim:has([data-peim-pilot]) :is(tbody,tfoot)>tr>:is(td,th)+:is(td,th){border-top:1px solid var(--color-fd-border)}}@media print{:root:has([data-peim-pilot]){color:#000!important;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background:#fff!important}body:has([data-peim-pilot]){color:#000!important;background:#fff!important}body:has([data-peim-pilot]):before{display:none!important}body:has([data-peim-pilot]):after{display:none!important}body:has([data-peim-pilot]) :is(.project-side-rail,.dev-note-ad-preview,.project-switcher){display:none!important}.dev-note-reader:has([data-peim-pilot]) #nd-docs-layout{min-height:0!important;display:block!important;overflow:visible!important}.dev-note-reader:has([data-peim-pilot]) #nd-docs-layout>:not(main){display:none!important}.dev-note-reader:has([data-peim-pilot]) :is(#nd-sidebar,#nd-sidebar-mobile,#nd-toc,[data-toc-popover]){display:none!important}.dev-note-reader:has([data-peim-pilot]) #nd-docs-layout>main{width:100%!important;display:block!important}.dev-note-reader:has([data-peim-pilot]) #nd-page{box-sizing:border-box;width:100%!important;max-width:none!important;box-shadow:none!important;color:#000!important;--color-fd-background:#fff!important;--color-fd-foreground:#000!important;--color-fd-muted-foreground:#333!important;--neo-surface:#fff!important;--neo-muted:#eee!important;--neo-ink:#000!important;--neo-border:#666!important;background:#fff!important;border:0!important;margin:0!important;padding:1mm!important;display:block!important;overflow:visible!important}.dev-note-reader:has([data-peim-pilot]) #nd-page :is(h1,h2,h3,h4,h5,h6){page-break-after:avoid;break-after:avoid-page;max-width:100%!important;box-shadow:none!important;color:#000!important;background:0 0!important;border:0!important;margin-inline:0!important;padding-inline:0!important}.dev-note-reader:has([data-peim-pilot]) #nd-page>p{color:#333!important;background:0 0!important}.dev-note-reader #nd-page .reader-legacy-body.peim:has([data-peim-pilot]){--color-fd-background:#fff!important;--color-fd-foreground:#000!important;--color-fd-muted-foreground:#333!important;--color-fd-border:#666!important;--color-fd-primary:#000!important;--reader-surface:#fff!important;--reader-surface-header:#eee!important;--reader-track-readable-accent:#000!important;width:100%!important;min-width:0!important;max-width:100%!important;box-shadow:none!important;color:#000!important;background:#fff!important;border:0!important;margin:0!important;padding:0!important;font-size:10pt!important;line-height:1.5!important;overflow:visible!important}.dev-note-reader:has([data-peim-pilot]) #nd-page{color:#000!important}.dev-note-reader #nd-page .reader-legacy-body.peim:has([data-peim-pilot]) :is(.shiki,.shiki span,.readable-text-code){color:#111!important;background:0 0!important}.dev-note-reader #nd-page .reader-legacy-body.peim:has([data-peim-pilot]) :where(:not(pre)>code){color:#000!important;box-shadow:none!important;background:#eee!important;border-color:#ccc!important}.dev-note-reader:has([data-peim-pilot]) .reader-legacy-body{font-size:10pt;line-height:1.5}.dev-note-reader #nd-page .reader-legacy-body.peim:has([data-peim-pilot]) div:has(>table){overflow:visible!important}.dev-note-reader :is(.peim-study-path,.peim-concept,.peim-answer){box-shadow:none!important;color:#000!important;background:#fff!important;border-color:#666!important}.dev-note-reader :is(.peim-study-path,.peim-concept figcaption,.peim-concept-nodes>li,.peim-concept-relations>li){break-inside:avoid}.dev-note-reader .peim-answer>summary{color:#000!important}.dev-note-reader .peim-answer::details-content{content-visibility:visible!important;height:auto!important}.dev-note-reader .peim-answer>:not(summary){display:block!important}.dev-note-reader #nd-page .reader-legacy-body.peim:has([data-peim-pilot]) table{table-layout:fixed;font-size:9pt;width:100%!important;min-width:0!important;max-width:100%!important}.dev-note-reader #nd-page .reader-legacy-body.peim:has([data-peim-pilot]) :is(th,td){overflow-wrap:anywhere;white-space:normal!important}.dev-note-reader #nd-page .reader-legacy-body.peim:has([data-peim-pilot]) :is(table,tbody,tfoot,tr,td){color:#000!important;background:#fff!important}.dev-note-reader #nd-page .reader-legacy-body.peim:has([data-peim-pilot]) :is(th,th *){color:#000!important}.dev-note-reader #nd-page .reader-legacy-body.peim:has([data-peim-pilot]) :is(tr,.peim-concept-relations>li){break-inside:avoid}}.p9-seat-gallery{--color-fd-background:var(--lightningcss-light,#f5f5f5)var(--lightningcss-dark,#121212);--color-fd-foreground:var(--lightningcss-light,#0a0a0a)var(--lightningcss-dark,#ebebeb);--color-fd-muted-foreground:var(--lightningcss-light,#666)var(--lightningcss-dark,#b3b3b3cc);--color-fd-border:var(--lightningcss-light,#cccccc80)var(--lightningcss-dark,#6663);--reader-track-accent:var(--violet-500,#8b5cf6);--reader-track-readable-accent:var(--lightningcss-light,#6d28d9)var(--lightningcss-dark,#c4b5fd);width:100%;max-width:100rem;color:var(--color-fd-foreground);background:var(--color-fd-background);overflow-wrap:anywhere;min-width:0;margin:auto;padding:2rem clamp(1rem,3vw,3rem) 4rem;display:block}.p9-gallery-heading{gap:.875rem;max-width:58rem;margin-bottom:1.5rem;display:grid}.p9-gallery-heading>p:first-child{color:var(--reader-track-readable-accent);font-weight:650}.p9-gallery-heading h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:750;line-height:1.25}.p9-gallery-heading p{line-height:1.75}.p9-gallery-heading a{color:var(--reader-track-readable-accent);text-underline-offset:4px;width:fit-content;text-decoration:underline}.p9-gallery-appearance{align-items:center;gap:.75rem;display:flex}.p9-gallery-controls{border-block:1px solid var(--color-fd-border);background:var(--color-fd-background);flex-wrap:wrap;align-items:end;gap:1rem;padding:1rem;display:flex}.p9-gallery-controls label{gap:.5rem;min-width:0;font-size:.875rem;font-weight:650;display:grid}.p9-gallery-controls select{border:1px solid var(--color-fd-border);min-width:11rem;max-width:100%;color:var(--color-fd-foreground);background:var(--color-fd-background);font:inherit;border-radius:4px;padding:.625rem 2rem .625rem .75rem}@media screen and (width>=1001px){.p9-gallery-controls{z-index:10;position:sticky;top:0}}.p9-gallery-controls .p9-gallery-comparison-toggle{align-items:center;padding-block:.75rem;display:flex}.p9-gallery-comparison-note{color:var(--color-fd-muted-foreground);margin-top:.875rem;font-size:.875rem;line-height:1.65}.p9-gallery-controls input{accent-color:var(--reader-track-readable-accent)}.p9-gallery-controls :is(select,input):focus-visible{outline:2px solid var(--reader-track-readable-accent);outline-offset:3px}.p9-gallery-panes{gap:2rem;min-width:0;margin-top:2rem;display:grid}.p9-gallery-pane{min-width:0;padding:0}.p9-seat-gallery[data-gallery-compare=false] .p9-gallery-pane{width:100%;max-width:70rem;margin-inline:auto}.p9-seat-gallery .p9-seat-introduction>p,.p9-seat-gallery [data-seat-part=explanation]>p,.p9-seat-gallery [data-seat-part=conclusion]>p{max-width:70ch}.p9-gallery-description{border-bottom:1px solid var(--color-fd-border);gap:.75rem;padding-bottom:1.25rem;display:grid}.p9-gallery-description>p:first-child{color:var(--color-fd-muted-foreground);font-size:.8125rem}.p9-gallery-description h2{font-size:1.375rem;font-weight:750;line-height:1.4}.p9-gallery-description p{line-height:1.7}.p9-gallery-description dl{gap:.625rem;font-size:.875rem;line-height:1.65;display:grid}.p9-gallery-description dl>div{grid-template-columns:6rem minmax(0,1fr);gap:.75rem;display:grid}.p9-gallery-description dt{font-weight:650}.p9-gallery-description dd{margin:0}.p9-seat-gallery[data-gallery-compare=true][data-gallery-layout=columns] .p9-gallery-panes{grid-template-columns:repeat(2,minmax(0,1fr))}.p9-seat-gallery[data-gallery-compare=true][data-gallery-layout=columns] .p9-gallery-pane+.p9-gallery-pane{border-inline-start:1px solid var(--color-fd-border);padding-inline-start:2rem}.p9-seat-gallery[data-gallery-stage=understand] .p9-seat-content>:not([data-seat-part=introduction],[data-seat-part=prerequisites],[data-seat-part=explanation]),.p9-seat-gallery[data-gallery-stage=diagram] .p9-seat-content>:not([data-seat-part=diagram]),.p9-seat-gallery[data-gallery-stage=worked] .p9-seat-content>:not([data-seat-part=worked]),.p9-seat-gallery[data-gallery-stage=practice] .p9-seat-content>:not([data-seat-part=exercise],[data-seat-part=answer],[data-seat-part=conclusion]){display:none!important}.p9-seat-gallery:is([data-gallery-stage=diagram],[data-gallery-stage=worked],[data-gallery-stage=practice]) .p9-seat-content{display:grid;grid-template-columns:minmax(0,1fr)!important}.p9-seat-gallery:is([data-gallery-stage=diagram],[data-gallery-stage=worked],[data-gallery-stage=practice]) .p9-seat-content>*{grid-area:auto!important}@media (width<=1000px){.p9-seat-gallery[data-gallery-compare=true][data-gallery-layout=columns] .p9-gallery-panes{grid-template-columns:minmax(0,1fr)}.p9-seat-gallery[data-gallery-compare=true][data-gallery-layout=columns] .p9-gallery-pane+.p9-gallery-pane{border-inline-start:0;border-top:1px solid var(--color-fd-border);padding-inline-start:0;padding-top:2rem}}@media (width<=480px){.p9-gallery-controls{flex-direction:column;align-items:stretch}.p9-gallery-controls select{width:100%;min-width:0}.p9-gallery-description dl>div{grid-template-columns:minmax(0,1fr);gap:.125rem}}@media print{.p9-seat-gallery{--color-fd-background:#fff;--color-fd-foreground:#111;--color-fd-muted-foreground:#333;--color-fd-border:#888;color:#111;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;max-width:none;padding:0}.p9-gallery-controls,.p9-gallery-appearance,.p9-gallery-heading a{display:none}.p9-seat-gallery .p9-gallery-panes{display:block!important}.p9-seat-gallery .p9-gallery-pane{border:0!important;padding:0!important}.p9-gallery-pane+.p9-gallery-pane{break-before:page}.p9-seat-gallery[data-gallery-stage] .p9-seat-content>[data-seat-part],.p9-seat-gallery[data-gallery-stage] .p9-seat-content>details[data-seat-part]{display:block!important}.p9-gallery-description{break-inside:avoid}}.p9-seat-gallery .p9-gallery-body{width:100%;min-width:0;max-width:none;margin:0}.p9-seat-gallery[data-gallery-layout=rows] .p9-gallery-pane{width:100%;max-width:70rem;margin-inline:auto}.p9-seat-gallery[data-gallery-layout=rows] .p9-gallery-pane+.p9-gallery-pane{border-top:1px solid var(--color-fd-border);padding-top:2rem}.p9-gallery-recommendations{border-block:1px solid var(--color-fd-border);max-width:70ch;margin-block:1rem;padding-block:.75rem;line-height:1.75}.p9-gallery-recommendations summary,.p9-gallery-candidate-notes summary{cursor:pointer;font-size:.875rem;font-weight:650}.p9-gallery-recommendations ol{gap:.75rem;margin-block:1rem;padding-left:1.5rem;list-style:decimal;display:grid}.p9-gallery-candidate-notes dl{margin-block-start:.875rem}.p9-gallery-recommendations summary:focus-visible,.p9-gallery-candidate-notes summary:focus-visible{outline:2px solid var(--reader-track-readable-accent);outline-offset:3px}@media print{.p9-gallery-recommendations,.p9-gallery-candidate-notes,.p9-gallery-comparison-note{display:none}}body:has(.dev-note-reader[data-project=dev-note]){--project-primary:#2455de}.dev-note-reader,.reader-textbook-menu,.reader-track-search{--reader-track-readable-accent:color-mix(in srgb, var(--reader-track-accent) 88%, #000);--reader-track-active-mix:10%;--reader-track-on-solid:#fff}.dark :is(.dev-note-reader,.reader-textbook-menu,.reader-track-search){--reader-track-readable-accent:color-mix(in srgb, var(--reader-track-accent) 92%, #fff);--reader-track-active-mix:18%;--reader-track-on-solid:#111}.dev-note-reader :is(#nd-page,#nd-sidebar,#nd-sidebar-mobile,#nd-toc,[data-toc-popover]),.reader-textbook-menu,.reader-track-search{--project-primary:var(--reader-track-readable-accent);--project-button-surface:var(--reader-track-readable-accent);--project-button-surface-hover:var(--reader-track-readable-accent);--project-button-foreground:var(--reader-track-on-solid);--color-fd-primary:var(--reader-track-readable-accent);--color-fd-ring:var(--reader-track-readable-accent);--color-fd-accent-foreground:var(--reader-track-readable-accent);--project-docs-active-background:color-mix(in srgb, var(--reader-track-accent) var(--reader-track-active-mix), var(--color-fd-background));--color-fd-accent:var(--project-docs-active-background);--project-docs-active-foreground:var(--reader-track-readable-accent);--project-docs-sidebar-hover:var(--project-docs-active-background);--project-docs-hover-background:var(--project-docs-active-background)}.dev-note-reader :is(#nd-sidebar,#nd-sidebar-mobile,#nd-toc,[data-toc-popover]) a[data-active]:focus-visible{outline:2px solid var(--reader-track-readable-accent);outline-offset:2px}.dev-note-reader .reader-textbook-trigger{border:1px solid var(--color-fd-border);background:var(--color-fd-background);width:100%;min-width:0;min-height:40px;color:var(--reader-track-readable-accent);text-align:left;border-radius:.5rem;align-items:center;gap:.65rem;padding:.5rem .75rem;font-size:.9375rem;font-weight:600;display:flex}.dev-note-reader .reader-textbook-trigger:is(:hover,[data-popup-open]){background:var(--project-docs-active-background)}.reader-textbook-trigger>svg{width:17px;height:17px;color:var(--reader-track-readable-accent);flex-shrink:0}.reader-textbook-icon{flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.reader-textbook-icon>svg{flex-shrink:0;width:20px;height:20px}.reader-textbook-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.reader-textbook-positioner{z-index:80}.reader-textbook-menu{width:var(--anchor-width);overscroll-behavior:contain;border:1px solid var(--color-fd-border);background:var(--color-fd-background);max-width:calc(100vw - 24px);max-height:min(32rem,100dvh - 2rem);color:var(--color-fd-foreground);border-radius:.5rem;padding:.375rem;overflow-y:auto;box-shadow:0 6px 20px #0000001a}.reader-textbook-group-label{color:var(--color-fd-muted-foreground);padding:.625rem .5rem .25rem;font-size:.75rem;font-weight:600}.reader-textbook-option{min-height:40px;color:inherit;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem;font-size:.875rem;line-height:1.5;text-decoration:none;display:flex}.reader-textbook-option-title{overflow-wrap:anywhere;flex:1;min-width:0}.reader-textbook-option>svg{width:16px;height:16px;color:var(--reader-track-readable-accent);flex-shrink:0}.reader-textbook-option:is([aria-current],[data-highlighted]){background:var(--project-docs-active-background);color:var(--color-fd-foreground);font-weight:600}.reader-textbook-option[aria-current]{color:var(--reader-track-readable-accent)}.reader-textbook-trigger:focus-visible,.reader-textbook-option:focus-visible{outline:2px solid var(--reader-track-readable-accent);outline-offset:2px}@media (width<=767px){.reader-textbook-trigger,.reader-textbook-option{min-height:44px}}.dark body:has(.dev-note-reader[data-project=dev-note]){--project-primary:#8ba5ff}.dev-note-reader #nd-page .reader-legacy-body.prose{--reader-surface:#fcfcfc;--reader-surface-header:#f8f8f8;--color-fd-background:#f5f5f5;--color-fd-foreground:#0a0a0a;--color-fd-muted:#f5f5f5;--color-fd-muted-foreground:#666;--color-fd-popover:#fafafa;--color-fd-popover-foreground:#272727;--color-fd-card:#f1f1f1;--color-fd-card-foreground:#0a0a0a;--color-fd-border:#cccccc80;--color-fd-primary-foreground:#fafafa;--color-fd-secondary:#ededed;--color-fd-secondary-foreground:#171717;--color-fd-primary:var(--reader-track-readable-accent);--color-fd-accent:color-mix(in srgb, var(--reader-track-accent) var(--reader-track-active-mix), var(--color-fd-background));--color-fd-accent-foreground:var(--reader-track-readable-accent);--color-fd-ring:var(--reader-track-readable-accent);--color-fd-idea:oklch(70.5% .209 60.849);--font-code:Consolas, "Cascadia Code", "SFMono-Regular", Menlo, Monaco, "Liberation Mono", monospace;--code-line-height:normal;font-size:1rem;line-height:1.9}.dark .dev-note-reader #nd-page .reader-legacy-body.prose{--reader-surface:#1c1c1c;--reader-surface-header:#202020;--color-fd-background:#121212;--color-fd-foreground:#ebebeb;--color-fd-muted:#212121;--color-fd-muted-foreground:#b3b3b3cc;--color-fd-popover:#1e1e1e;--color-fd-popover-foreground:#dedede;--color-fd-card:#191919;--color-fd-card-foreground:#fafafa;--color-fd-border:#6663;--color-fd-primary-foreground:#171717;--color-fd-secondary:#212121;--color-fd-secondary-foreground:#ebebeb}.dev-note-reader #nd-page .reader-legacy-body .project-docs-callout{--color-fd-background:#fff}.dark .dev-note-reader #nd-page .reader-legacy-body .project-docs-callout{--color-fd-background:#181818}.dev-note-reader #nd-page .reader-legacy-body :is(code,pre,kbd,samp){font-family:var(--font-code);font-weight:inherit}.dev-note-reader #nd-page .reader-legacy-body pre{line-height:var(--code-line-height)}.dev-note-reader #nd-page .reader-legacy-body.prose :where(:not(pre)>code):not(:where(.not-prose,.not-prose *)){color:var(--reader-track-readable-accent)}.dev-note-reader #nd-page .reader-legacy-body.prose :where(a):not(:where(.not-prose,.not-prose *)){text-underline-offset:.25rem;text-decoration-color:currentColor}.dev-note-reader #nd-page .reader-legacy-body .canonical-diagram{max-width:100%;overflow-x:auto}.dev-note-reader #nd-page .reader-legacy-body .canonical-diagram>.dd-diagram{--dd-paper:var(--reader-surface);border:1px solid var(--color-fd-border);background:var(--dd-paper);box-shadow:none;border-radius:.75rem;margin:0;padding:clamp(1rem,4.5%,2rem)}.dev-note-reader #nd-page .reader-legacy-body .canonical-diagram>.dd-diagram>.dd-frame{padding:0}.dev-note-reader #nd-page .reader-legacy-body .canonical-diagram :is(h2,h3,:not(pre)>code){color:inherit}.dev-note-reader #nd-page .reader-legacy-body .canonical-diagram .dd-intro>h2{letter-spacing:normal;margin:0;font-size:clamp(1.125rem,1rem + .5cqi,1.375rem);font-weight:800;line-height:1.4}.dev-note-reader #nd-page .reader-legacy-body>div>table,.dev-note-reader #nd-page .reader-legacy-body>figure.shiki{background-color:var(--reader-surface)}.dev-note-reader #nd-page .reader-legacy-body>div>table>thead>tr>th{background-color:var(--reader-surface-header)}.dev-note-reader #nd-page .reader-legacy-body>figure.shiki>div:has(>figcaption){background-color:var(--reader-surface-header)}.dev-note-reader #nd-page .reader-legacy-body>div:has(>table tr:first-child>:nth-child(5)){scrollbar-width:thin;max-width:100%;overflow-x:auto}.dev-note-reader #nd-page .reader-legacy-body>div>table:has(tr:first-child>:nth-child(5)){min-width:640px}.dev-note-reader #nd-page .reader-legacy-body>div>table:has(tr:first-child>:nth-child(5)) th{white-space:nowrap}.dev-note-reader #nd-page .reader-legacy-body>div>table:has(tr:first-child>:nth-child(5)) :is(td:first-child,td:nth-child(2),td:nth-child(4)){white-space:nowrap}.dev-note-reader #nd-page .reader-legacy-body>div:has(>table):focus-visible{outline:2px solid var(--color-fd-primary);outline-offset:3px}:root[data-project-skin=neo-brutalism] body:has(.dev-note-reader[data-skin-project]){--project-gradient-start:#7298ff;--project-gradient-end:#4270f3}:root[data-project-skin=neo-brutalism] .dev-note-reader[data-skin-project] :is(#nd-page,#nd-sidebar,#nd-sidebar-mobile,#nd-toc,[data-toc-popover]),:root[data-project-skin=neo-brutalism] :is(.reader-textbook-menu,.reader-track-search){--neo-border:var(--reader-track-readable-accent);--neo-ink:color-mix(in srgb, var(--reader-track-accent) 48%, #111);--neo-shadow-small:2px 2px 0 var(--neo-ink);--neo-shadow-medium:3px 3px 0 var(--neo-ink);--neo-shadow-large:4px 4px 0 var(--neo-ink);--neo-accent:var(--project-docs-active-background);--neo-on-accent:var(--reader-track-readable-accent);--project-button-surface:var(--neo-accent);--project-button-surface-hover:var(--neo-accent);--project-button-foreground:var(--neo-on-accent);--neo-sidebar-card-hover:var(--project-docs-active-background);--neo-sidebar-card-shadow:var(--neo-shadow-small);--neo-sidebar-card-depth:2px;--neo-sidebar-active-shadow:var(--neo-shadow-small)}:root[data-project-skin=neo-brutalism] .reader-track-search{border-color:var(--neo-border);box-shadow:var(--neo-shadow-small)}:root[data-project-skin=neo-brutalism] .dev-note-reader[data-skin-project] #nd-page>[class~=\@container]>a:hover{background:var(--project-docs-active-background)}:root[data-project-skin=neo-brutalism] .dev-note-reader[data-skin-project] :is(#nd-sidebar,#nd-sidebar-mobile) button:has(>.project-docs-folder-icon){background:var(--project-docs-active-background)}:root[data-project-skin=neo-brutalism] .dev-note-reader[data-skin-project]:has(.reader-legacy-body.peim) :is(#nd-sidebar,#nd-sidebar-mobile) button:has(>.project-docs-folder-icon)+div button:has(>.project-docs-folder-icon){background:color-mix(in srgb, var(--project-docs-active-background) 50%, var(--color-fd-background))}:root[data-project-skin=neo-brutalism] .dev-note-reader[data-skin-project] :is(#nd-toc,[data-toc-popover]) a[data-active]{--neo-motion-depth:2px}:root[data-project-skin=neo-brutalism] :where(.dev-note-reader[data-skin-project]) :is(#nd-toc,[data-toc-popover]) a[data-active]{box-shadow:var(--neo-shadow-small)}:root[data-project-skin=neo-brutalism] .dev-note-reader[data-skin-project] :is(#nd-toc,[data-toc-popover]) a[data-active]:hover{background:var(--project-docs-active-background)}:root[data-project-skin=neo-brutalism] .dev-note-reader[data-skin-project] [data-toc-popover] a[data-active]{border:1px solid var(--neo-border);background:var(--neo-muted);color:var(--neo-heading);border-radius:.2rem;margin:.25rem .15rem;padding-block:.45rem;padding-inline-end:.5rem}:root[data-project-skin=neo-brutalism] .dev-note-reader[data-skin-project] [data-toc-popover] a[data-active=true]{background:var(--project-docs-active-background);color:var(--project-docs-active-foreground);font-weight:700}:root[data-project-skin=neo-brutalism] .dev-note-reader[data-skin-project] #nd-page>.reader-legacy-body.prose{--reader-frame-padding-inline:1.1rem;--reader-frame-outset:calc(var(--reader-frame-padding-inline) + 2px);--reader-surface:var(--neo-surface);--reader-surface-header:var(--neo-muted);width:calc(100% + var(--reader-frame-outset) * 2);max-width:none;margin-inline:calc(var(--reader-frame-outset) * -1);padding-inline:var(--reader-frame-padding-inline)}@media (width<=767px){:root[data-project-skin=neo-brutalism] .dev-note-reader[data-skin-project] #nd-page>.reader-legacy-body.prose{--reader-frame-padding-inline:.5rem}}:root[data-project-skin=neo-brutalism] .dev-note-reader[data-skin-project] .reader-textbook-trigger{border-color:var(--neo-border);background:var(--neo-surface);box-shadow:var(--neo-shadow-small);border-radius:.25rem}:root[data-project-skin=neo-brutalism] body:has(.dev-note-reader[data-skin-project]) .reader-textbook-menu{border-color:var(--neo-border);background:var(--neo-surface);box-shadow:var(--neo-shadow-small);border-radius:.25rem}:root[data-project-skin=neo-brutalism] .dev-note-reader[data-skin-project] #nd-page .reader-legacy-body :is(figure.shiki,.canonical-diagram>.dd-diagram){border-color:var(--neo-border);box-shadow:var(--neo-shadow-small);border-radius:.25rem}:root[data-project-skin=neo-brutalism] .dev-note-reader[data-skin-project] #nd-page .reader-legacy-body>div:has(>table){box-shadow:var(--neo-shadow-small);border-radius:.25rem}:root[data-project-skin=neo-brutalism] .dev-note-reader[data-skin-project] #nd-page .reader-legacy-body>div:has(>table):not(:focus-visible){outline:1px solid var(--neo-border)}.dev-note-reader[data-skin-project] :is(#nd-sidebar,#nd-sidebar-mobile,#nd-toc,[data-toc-popover]) :is(a[data-active],button:has(>.project-docs-folder-icon))>.reader-nav-label{white-space:nowrap;text-overflow:clip;flex:1;min-width:0;display:block;overflow:hidden}.dev-note-reader[data-skin-project] :is(#nd-sidebar,#nd-sidebar-mobile,#nd-toc,[data-toc-popover]) :is(a[data-active],button:has(>.project-docs-folder-icon))>.reader-nav-label>.reader-nav-label-text{width:max-content;max-width:none;color:inherit;font:inherit;white-space:nowrap;display:inline-block;transform:translate(0)}.dev-note-reader[data-skin-project] :is(#nd-toc,[data-toc-popover]) a[data-active]:has(>.reader-nav-label){min-width:0;display:flex}.dev-note-reader[data-skin-project] :is(#nd-sidebar,#nd-sidebar-mobile) button:has(>.project-docs-folder-icon):not(:disabled,[aria-disabled=true]){cursor:pointer}@media (prefers-reduced-motion:reduce){.dev-note-reader[data-skin-project] :is(#nd-sidebar,#nd-sidebar-mobile,#nd-toc,[data-toc-popover]) :is(a[data-active],button:has(>.project-docs-folder-icon))>.reader-nav-label>.reader-nav-label-text{animation:none;transform:none}}.reader-nav-full-title{z-index:90;box-sizing:border-box;border:1px solid var(--reader-nav-tooltip-border,var(--color-fd-border));background:var(--reader-nav-tooltip-background,var(--color-fd-popover));width:min(360px,100vw - 24px);color:var(--reader-nav-tooltip-foreground,var(--color-fd-popover-foreground));overflow-wrap:anywhere;white-space:normal;pointer-events:none;border-radius:.25rem;padding:8px;font-size:.9375rem;line-height:1.5;position:fixed}.dev-note-reader #nd-page .reader-legacy-body .canonical-diagram[data-diagram-source="/docs/react/ch6/ch6-2/5.html"]{--font-code:Consolas, "Cascadia Code", "Pretendard Variable", "Malgun Gothic", monospace;--code-line-height:1.65;width:100%;margin-inline:auto;overflow:visible}.dev-note-reader .canonical-diagram[data-diagram-source="/docs/react/ch6/ch6-2/5.html"] .dd-diagram{font-size:15px;line-height:1.65}.dev-note-reader .canonical-diagram[data-diagram-source="/docs/react/ch6/ch6-2/5.html"] .dd-diagram :is(.dd-stage.dd-desktop-only,.dd-table-wrap.dd-desktop-only){min-width:0;max-width:100%;display:block;overflow:visible}.dev-note-reader .canonical-diagram[data-diagram-source="/docs/react/ch6/ch6-2/5.html"] .dd-diagram .dd-stage>svg{width:100%;min-width:0;max-width:100%;height:auto}.dev-note-reader .canonical-diagram[data-diagram-source="/docs/react/ch6/ch6-2/5.html"] .dd-diagram .dd-stage:has(>.react-navigation-mobile-graph)>svg{display:none}.dev-note-reader .canonical-diagram[data-diagram-source="/docs/react/ch6/ch6-2/5.html"] .dd-diagram .dd-table-wrap>table{table-layout:fixed;width:100%;min-width:0;font-size:16px}.dev-note-reader .canonical-diagram[data-diagram-source="/docs/react/ch6/ch6-2/5.html"] .dd-diagram .dd-table-wrap :is(th,td){white-space:normal;overflow-wrap:anywhere;padding:12px;font-size:16px}.dev-note-reader .canonical-diagram[data-diagram-source="/docs/react/ch6/ch6-2/5.html"] .dd-diagram .dd-table-wrap thead th:first-child{width:16%}.dev-note-reader .canonical-diagram[data-diagram-source="/docs/react/ch6/ch6-2/5.html"] .dd-diagram .dd-mobile-only{display:none}.dev-note-reader .canonical-diagram[data-diagram-source="/docs/react/ch6/ch6-2/5.html"] .dd-diagram .dd-mobile-only:has(~.dd-table-wrap){display:grid}.dev-note-reader .canonical-diagram[data-diagram-source="/docs/react/ch6/ch6-2/5.html"] .dd-diagram pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;overflow:visible}.dev-note-reader .canonical-diagram[data-diagram-source="/docs/react/ch6/ch6-2/5.html"] .dd-diagram pre code{line-height:inherit}.react-navigation-mobile-graph{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 40px;min-width:0;padding:12px 2px;display:grid;position:relative}.react-navigation-node{z-index:1;border:2px solid var(--dd-rule);background:var(--dd-raised);min-width:0;color:var(--dd-ink);text-align:center;overflow-wrap:anywhere;border-radius:6px;padding:12px;position:relative}.react-navigation-node[data-node-id=A]{border-radius:999px;grid-area:1/2}.react-navigation-node[data-node-id=B]{grid-area:2/2}.react-navigation-node[data-node-id=C]{grid-area:2/3}.react-navigation-node[data-node-id=D]{grid-area:3/3}.react-navigation-node[data-node-id=E]{grid-area:3/2}.react-navigation-node[data-node-id=F]{grid-area:4/2}.react-navigation-node[data-node-id=G]{grid-area:5/2}.react-navigation-node[data-node-id=H]{grid-area:5/1}.react-navigation-node[data-node-id=I]{grid-area:6/2}.react-navigation-node[data-node-id=J]{grid-area:6/3}.react-navigation-node[data-node-role=decision]{border-color:var(--dd-muted);border-radius:16px 2px}.react-navigation-node-title{font-size:16px;font-weight:750;line-height:1.5;display:block}.react-navigation-node-label,.react-navigation-node-mono{color:var(--dd-muted);margin-top:4px;font-size:14px;line-height:1.5;display:block}.react-navigation-node-mono{font-family:Consolas,Cascadia Code,monospace}.react-navigation-connectors{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.react-navigation-connectors path[data-edge-id]{fill:none;stroke:var(--dd-muted);stroke-width:1.5px}.react-navigation-connectors path[data-edge-role=focal]{stroke:var(--dd-accent);stroke-width:2.25px}.react-navigation-connectors path[data-edge-role=error]{stroke:var(--dd-error)}.react-navigation-branch-label{z-index:2;background:var(--dd-paper);color:var(--dd-muted);border-radius:3px;padding:1px 3px;font-size:12px;font-weight:700;line-height:1.4;position:absolute}.react-navigation-mobile-table{display:none}.react-navigation-table-row{border:2px solid var(--dd-rule);background:var(--dd-raised);border-radius:6px;min-width:0;padding:16px}.react-navigation-table-heading{margin:0;font-size:16px;font-weight:750;line-height:1.5}.react-navigation-table-field{margin-top:12px}.react-navigation-table-field dt{color:var(--dd-muted);font-size:14px;font-weight:700;line-height:1.5}.react-navigation-table-field dd{overflow-wrap:anywhere;margin:4px 0 0;font-size:16px;line-height:1.65}@media (width<1024px){.react-navigation-mobile-graph{grid-template-columns:minmax(0,1fr);gap:44px;padding:12px 20px}.react-navigation-mobile-graph .react-navigation-node{grid-area:auto/1}.react-navigation-mobile-table{gap:16px;display:grid}.dev-note-reader .canonical-diagram[data-diagram-source="/docs/react/ch6/ch6-2/5.html"] .dd-diagram .dd-table-wrap:has(>.react-navigation-mobile-table)>table{display:none}}.react-navigation-marker-normal path{fill:var(--dd-muted)}.react-navigation-marker-focal path{fill:var(--dd-accent)}.react-navigation-marker-error path{fill:var(--dd-error)}.react-navigation-node-title strong{font-weight:inherit}.react-navigation-table-caption{color:var(--dd-muted);font-size:14px;line-height:1.5}.react-navigation-table-boundary-label{color:var(--dd-muted);margin-bottom:4px;font-size:14px;font-weight:700;line-height:1.5;display:block}:root[data-project-skin=neo-brutalism] .canonical-diagram[data-diagram-source="/docs/react/ch6/ch6-2/5.html"] :is(.react-navigation-node,.react-navigation-table-row){border-color:var(--neo-border);background:var(--neo-surface);box-shadow:var(--neo-shadow-small)}.react-navigation-branch-label{translate:-50% -50%}[data-rmiz]{display:block;position:relative}[data-rmiz-ghost]{pointer-events:none;position:absolute}[data-rmiz-btn-zoom],[data-rmiz-btn-unzoom]{display:none}[data-rmiz-content=found] img{cursor:zoom-in}[data-rmiz-modal][open]{background-color:#0000;width:100dvw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;overflow:hidden}[data-rmiz-modal]:focus-visible{outline:none}[data-rmiz-modal-overlay]{transition:background-color .3s;position:absolute;inset:0}[data-rmiz-modal-overlay=visible]{background-color:var(--color-fd-background)}[data-rmiz-modal-overlay=hidden]{background-color:#0000}[data-rmiz-modal-content]{width:100%;height:100%;position:relative}[data-rmiz-modal]::backdrop{display:none}[data-rmiz-modal-img]{cursor:zoom-out;image-rendering:high-quality;transform-origin:0 0;transition:transform .3s;position:absolute}@media (prefers-reduced-motion:reduce){[data-rmiz-modal-overlay],[data-rmiz-modal-img]{transition-duration:.01ms!important}}