.diagram svg[width]{width:auto;height:auto;flex:none}.dgm-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;min-width:0;max-width:100%}.dgm-scroll:focus-visible{outline:2px solid var(--b-500);outline-offset:3px;border-radius:6px}.dgm-hint{display:none}@media(max-width:720px){.dgm-scroll>svg{min-width:580px}.dgm-hint{display:block;margin-top:8px;font-family:var(--mono);font-size:.5625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4)}}.sb-art>.sb-intro{margin-top:42px}.sb-ch{margin-top:58px;padding-top:34px;border-top:1px solid var(--line-soft)}.sb-ch-head{max-width:74ch}.sb-ch-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:15px}.sb-ch-head h2{font-size:clamp(1.4rem,2.3vw,1.75rem);line-height:1.2;letter-spacing:-.033em;color:var(--ink);scroll-margin-top:96px}.sb-lv{font-family:var(--mono);font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;border-radius:5px;padding:4px 8px;cursor:help}.sb-lv[data-lv=core]{color:#fff;background:var(--b-600)}.sb-lv[data-lv=practical]{color:var(--b-700);background:var(--b-50);border:1px solid var(--b-300)}.sb-lv[data-lv=awareness]{color:var(--ink-3);background:#5a708512;border:1px solid var(--line)}.sb-ch-n{font-family:var(--mono);font-size:.5625rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4)}.sb-done{display:inline-flex;align-items:center;gap:7px;margin-left:auto;font-family:var(--mono);font-size:.5rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);border:1px solid var(--line);border-radius:7px;padding:5px 9px;background:#ffffffb3;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.sb-done:hover{color:var(--b-700);border-color:var(--b-400)}.sb-done-box{width:11px;height:11px;border:1.5px solid currentColor;border-radius:3px;position:relative}.sb-done.is-done{color:#1e8a5f;border-color:#1e8a5f73;background:#1e8a5f12}.sb-done.is-done .sb-done-box{background:#1e8a5f;border-color:#1e8a5f}.sb-done.is-done .sb-done-box:after{content:"";position:absolute;left:2px;top:2.5px;width:5px;height:2.5px;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(-45deg)}.sb-ch.is-read{border-top-color:#1e8a5f4d}.sb-rem{margin-top:16px;padding:13px 16px;border-left:2px solid var(--b-500);background:linear-gradient(90deg,var(--b-50),rgba(255,255,255,0));border-radius:0 9px 9px 0;font-size:.9375rem;line-height:1.6;color:var(--ink);font-weight:500}.sb-rem-k{display:block;font-family:var(--mono);font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;color:var(--b-600);margin-bottom:5px;font-weight:400}.sb-ch-body>*+*,.sb-intro>*+*,.sb-ch>*+*{margin-top:30px}.sb-ch-body>.prose+:not(.prose),.sb-ch-body>:not(.prose)+.prose,.sb-ch-body>:not(.prose)+:not(.prose),.sb-intro>.prose+:not(.prose),.sb-intro>:not(.prose)+.prose,.sb-intro>:not(.prose)+:not(.prose),.sb-ch>.prose+:not(.prose),.sb-ch>:not(.prose)+.prose,.sb-ch>:not(.prose)+:not(.prose){margin-top:44px}.sb-ch>.sb-skip,.sb-ch>.sb-ch-body{margin-top:34px}.sb-skip{display:none;align-items:center;gap:12px;font-size:.875rem;color:var(--ink-4)}.sb-skip button{font-family:var(--mono);font-size:.5rem;letter-spacing:.12em;text-transform:uppercase;color:var(--b-600);border:1px solid var(--line);border-radius:6px;padding:5px 9px;background:#fffc;cursor:pointer}.sb-skip button:hover{border-color:var(--b-400)}html[data-sb-mode=quick] .sb-ch:not([data-modes~=quick]):not(.is-open)>.sb-ch-body,html[data-sb-mode=standard] .sb-ch:not([data-modes~=standard]):not(.is-open)>.sb-ch-body{display:none}html[data-sb-mode=quick] .sb-ch:not([data-modes~=quick]):not(.is-open)>.sb-skip,html[data-sb-mode=standard] .sb-ch:not([data-modes~=standard]):not(.is-open)>.sb-skip{display:flex}html[data-sb-mode=quick] .sb-ch:not([data-modes~=quick]):not(.is-open) .sb-rem,html[data-sb-mode=standard] .sb-ch:not([data-modes~=standard]):not(.is-open) .sb-rem{display:none}html[data-sb-mode=quick] .sb-ch:not([data-modes~=quick]):not(.is-open),html[data-sb-mode=standard] .sb-ch:not([data-modes~=standard]):not(.is-open){margin-top:26px;padding-top:22px}html[data-sb-mode=quick] .sb-ch:not([data-modes~=quick]):not(.is-open) .sb-ch-head h2,html[data-sb-mode=standard] .sb-ch:not([data-modes~=standard]):not(.is-open) .sb-ch-head h2{font-size:1.0625rem;color:var(--ink-3)}@media(max-width:640px){.sb-ch{margin-top:44px;padding-top:28px}.sb-ch-body>.prose+:not(.prose),.sb-ch-body>:not(.prose)+.prose,.sb-ch-body>:not(.prose)+:not(.prose),.sb-ch>.prose+:not(.prose),.sb-ch>:not(.prose)+.prose,.sb-ch>:not(.prose)+:not(.prose),.sb-intro>.prose+:not(.prose),.sb-intro>:not(.prose)+.prose,.sb-intro>:not(.prose)+:not(.prose){margin-top:32px}.sb-done{margin-left:0}}.sb-part-lead{margin-top:12px;font-size:1.0625rem;line-height:1.65;color:var(--ink-2);max-width:74ch}.sb-part .sb-ch-head h2{font-size:clamp(1.3rem,2.1vw,1.6rem)}