:root{--dg-paper:#f3f5f4;--dg-cell:#fff;--dg-line:#8d9893;--dg-ink:#16191d;--dg-muted:#545c65;--dg-accent:#0b7a57;--dg-accent-soft:#dcf1e5;--dg-warm:#9a4700;--dg-warm-soft:#fcebd7;--dg-cool:#1f52bd;--dg-cool-soft:#e1e9fb;--guide-easy:#0b7a57;--guide-deep:#6b45b8;--guide-patch:#9a4700;--guide-try:#1f52bd}:root[data-theme=dark]{--dg-paper:#161a1e;--dg-cell:#0e1114;--dg-line:#5d6872;--dg-ink:#e4e7ea;--dg-muted:#a7b0b9;--dg-accent:#4cc995;--dg-accent-soft:#143024;--dg-warm:#f2ad5f;--dg-warm-soft:#35260f;--dg-cool:#95b5ff;--dg-cool-soft:#18233c;--guide-easy:#4cc995;--guide-deep:#b79cff;--guide-patch:#f2ad5f;--guide-try:#95b5ff}.guide{max-width:calc(var(--content) + 2 * var(--gutter))}.guide-crumbs{color:var(--fg-muted);margin:0 0 20px;font-size:.875rem}.guide-crumbs ol{flex-wrap:wrap;gap:2px 0;margin:0;padding:0;list-style:none;display:flex}.guide-crumbs li+li:before{content:"›" / "";color:var(--fg-muted);margin:0 8px}.guide-crumbs a{color:inherit;text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:3px}.guide-head{margin-bottom:28px}.guide-kicker{color:var(--fg-muted);flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 6px;font-size:.875rem;display:flex}.guide-kicker a{color:inherit;text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:3px;margin-left:auto}.guide-kicker a:hover{color:var(--accent)}.guide-kicker .mono{color:var(--accent);font-weight:600}.guide-head h1{letter-spacing:-.02em;text-wrap:balance;margin:0 0 12px;font-size:clamp(1.7rem,4.5vw,2.3rem);line-height:1.25}.guide-summary{max-width:var(--measure);color:var(--fg-muted);margin:0;font-size:1.0625rem}.guide-toc{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft);max-width:var(--measure);margin:0 0 32px;padding:14px 18px}.guide-toc h2{color:var(--fg-muted);margin:0 0 6px;font-size:.875rem}.guide-toc ol{margin:0;padding-left:1.3em}.guide-toc a{color:var(--fg)}.layer-badge{letter-spacing:.01em;vertical-align:.15em;white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:6px;padding:1px 9px;font-size:.75rem;font-weight:700;line-height:1.6;display:inline-flex}.layer-badge:before{font-family:var(--font-mono);font-weight:500}.layer-easy{color:var(--guide-easy)}.layer-easy:before{content:"1" / ""}.layer-deep{color:var(--guide-deep)}.layer-deep:before{content:"2" / ""}.layer-patch{color:var(--guide-patch)}.layer-patch:before{content:"3" / ""}.layer-try{color:var(--guide-try)}.layer-try:before{content:"4" / ""}.guide .prose h2 .layer-badge{margin-left:10px}.deeper{max-width:var(--measure);border:1px solid color-mix(in srgb, var(--guide-deep) 45%, var(--border));border-radius:var(--radius);background:color-mix(in srgb, var(--guide-deep) 5%, var(--bg));border-left-width:4px;margin:1.5em 0}.deeper>summary{cursor:pointer;align-items:center;gap:10px;min-height:48px;padding:8px 16px;font-weight:700;list-style:none;display:flex}.deeper>summary::-webkit-details-marker{display:none}.deeper>summary:after{content:"+" / "";font-family:var(--font-mono);color:var(--guide-deep);margin-left:auto;font-size:1.2rem}.deeper[open]>summary:after{content:"−" / ""}.deeper>summary .layer-badge{flex:none}.deeper-body{border-top:1px solid var(--border);padding:4px 18px 6px}.prose .deeper-body>:where(p,ul,ol,h3,h4){max-width:none}.deeper-body>:first-child{margin-top:1em}.diagram{max-width:var(--measure);margin:1.6em 0}.diagram svg{width:100%;max-width:var(--dg-max,560px);height:auto;display:block;overflow:visible}.diagram figcaption{color:var(--fg-muted);margin-top:8px;font-size:.9rem}.diagram figcaption:before{content:"그림 " / "";color:var(--fg);font-weight:700}.dg-text{fill:var(--dg-ink);font-family:var(--font-sans);font-size:14px}.dg-small{fill:var(--dg-muted);font-family:var(--font-sans);font-size:12px}.dg-mono{fill:var(--dg-ink);font-family:var(--font-mono);font-size:14px}.dg-bold{font-weight:700}.dg-paper{fill:var(--dg-paper)}.dg-cell{fill:var(--dg-cell);stroke:var(--dg-line);stroke-width:1.5px}.dg-line{fill:none;stroke:var(--dg-line);stroke-width:1.5px}.dg-arrow{fill:none;stroke:var(--dg-ink);stroke-width:1.6px}.dg-accent{fill:var(--dg-accent-soft);stroke:var(--dg-accent);stroke-width:1.8px}.dg-warm{fill:var(--dg-warm-soft);stroke:var(--dg-warm);stroke-width:1.8px}.dg-cool{fill:var(--dg-cool-soft);stroke:var(--dg-cool);stroke-width:1.8px}.dg-ink-accent{fill:var(--dg-accent)}.dg-ink-warm{fill:var(--dg-warm)}.dg-ink-cool{fill:var(--dg-cool)}.dg-stroke-accent{stroke:var(--dg-accent)}.dg-stroke-warm{stroke:var(--dg-warm)}.dg-stroke-cool{stroke:var(--dg-cool)}.dg-dash{stroke-dasharray:4 4}.dg-head{fill:var(--dg-ink)}.byte-strip{flex-wrap:wrap;gap:6px;margin:1.2em 0;padding:0;list-style:none;display:flex}.byte-strip li{border:1.5px solid var(--dg-line);background:var(--dg-cell);text-align:center;border-radius:8px;min-width:52px;padding:6px 8px;line-height:1.35;display:grid}.byte-strip code{font-family:var(--font-mono);font-size:1rem;font-weight:600}.byte-strip small{color:var(--fg-muted);font-size:.75rem}.byte-strip .is-warm{border-color:var(--dg-warm);background:var(--dg-warm-soft)}.byte-strip .is-cool{border-color:var(--dg-cool);background:var(--dg-cool-soft)}.byte-strip .is-accent{border-color:var(--dg-accent);background:var(--dg-accent-soft)}.widget{max-width:var(--measure);border:1px solid var(--border);background:var(--bg-soft);border-radius:14px;margin:1.8em 0;padding:18px}.widget-title{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 4px;font-size:1.05rem;display:flex}.widget-title .mono{color:var(--accent)}.widget-help{color:var(--fg-muted);margin:0 0 14px;font-size:.9rem}.widget:not(.is-live) .live-only,.widget.is-live .static-only{display:none!important}.widget button,.widget input,.widget select{font:inherit;color:var(--fg)}.widget input[type=text]{border:1.5px solid var(--dg-line);background:var(--bg);min-height:44px;font-family:var(--font-mono);border-radius:8px;padding:6px 10px}.widget input[type=text]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.widget input[aria-invalid=true]{border-color:#c0392b}.widget-btn{border:1.5px solid var(--dg-line);background:var(--bg);cursor:pointer;border-radius:8px;min-height:44px;padding:6px 14px}.widget-btn:hover:not(:disabled){border-color:var(--accent)}.widget-btn:disabled{opacity:.55;cursor:not-allowed}.widget-btn.is-primary{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}.widget-error{color:#c0392b;margin:6px 0 0;font-size:.875rem}:root[data-theme=dark] .widget-error{color:#ff8f80}:root[data-theme=dark] .widget input[aria-invalid=true]{border-color:#ff8f80}.widget dl.readout{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:14px 0 0;display:grid}.widget dl.readout div{border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:8px 10px}.widget dl.readout dt{color:var(--fg-muted);font-size:.78rem}.widget dl.readout dd{font-family:var(--font-mono);overflow-wrap:anywhere;margin:0;font-size:1.05rem;font-weight:600}.guide-links{gap:16px;margin:40px 0 0;display:grid}.guide-box{max-width:var(--measure);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.guide-box h2{flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 8px;font-size:1.05rem;display:flex}.guide-box ul{margin:0;padding-left:1.2em}.guide-box li+li{margin-top:4px}.guide-box a{text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-underline-offset:3px}.guide-box .muted{font-size:.875rem}.chapter-pager{grid-template-columns:1fr 1fr;gap:12px;margin:40px 0 0;display:grid}.chapter-pager a,.chapter-pager span{border:1px solid var(--border);border-radius:var(--radius);min-height:72px;color:var(--fg);gap:2px;padding:12px 14px;display:grid}.chapter-pager a:hover{border-color:var(--accent);text-decoration:none}.chapter-pager small{color:var(--fg-muted);font-size:.8rem}.chapter-pager .next{text-align:right;grid-column:2}@media (width<=640px){.chapter-pager{grid-template-columns:1fr}.chapter-pager .next{grid-column:1}.widget{margin-inline:calc(-1 * var(--gutter));padding:16px var(--gutter);border-inline:0;border-radius:0}.deeper-body{padding:2px 14px 4px}}.dg-defs{width:0;height:0;position:absolute;overflow:hidden}.prose .byte-strip,.prose .widget ol,.prose .widget ul{padding-left:0}.prose .byte-strip li+li,.prose .widget li+li{margin-top:0}.prose .byte-strip code,.prose .widget :is(.nb,.cell,.bm-part,.cpu-mem li,.cpu-static-mem li,.readout dd,.tile-table td) code{font-size:inherit;word-break:normal;background:0 0;border:0;padding:0}.prose .byte-strip code{font-size:1rem}.prose .widget ol.bm-steps{padding-left:1.4em}.guide-summary a{text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-underline-offset:3px}.table-scroll{max-width:100%;margin:0 0 1.25em;overflow-x:auto}.prose .table-scroll table{margin:0;display:table}.strategy-cards{max-width:var(--measure);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:10px;list-style:none;display:grid;padding:0!important}.strategy-cards li{border:1.5px solid var(--border);border-top:4px solid var(--accent);background:var(--bg-soft);border-radius:10px;padding:12px 14px;margin:0!important}.strategy-cards p{margin:0}.strategy-name{font-weight:700}.strategy-who{color:var(--fg-muted);font-size:.85rem;margin:2px 0 6px!important}.strategy-text{font-size:.9rem;line-height:1.6}.guide .prose :not(pre)>code{word-break:normal;overflow-wrap:anywhere}
