:is(.handbook-shell,.standalone-guide) .lesson-content .motion-demo.motion-demo{color:#30483b;background:#f0f2e9;border:1px solid #cbd3c4;border-radius:3px;margin:24px 0 30px;padding:22px 24px;box-shadow:inset 0 1px #ffffffa0}.motion-supplement[hidden],.motion-demo[hidden],.motion-demo [hidden]{display:none!important}.motion-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.lesson-content .motion-title{color:#30483b;text-wrap:balance;margin:0;font:600 16px/1.7 Handbook Sans,sans-serif}.motion-tag{color:var(--muted);white-space:nowrap;font-size:11px}.lesson-content .motion-caption{color:#5c6d5b;text-wrap:pretty;max-width:none;margin:7px 0 0;font-size:13px;line-height:1.85}.motion-choice{flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0 4px;display:flex}.motion-demo label{color:#60715c;white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.motion-demo select{font:inherit;color:#36513e;background:#f8f9f2;border:1px solid #c7d2bf;border-radius:3px;max-width:100%;min-height:38px;padding:4px 24px 4px 10px}.motion-variants{flex-wrap:wrap;gap:6px;display:flex}.motion-demo button{color:#3d573f;cursor:pointer;white-space:nowrap;background:#f9faf4;border:1px solid #c3cebb;border-radius:3px;min-height:44px;padding:8px 12px;font:500 13px/1.5 Handbook Sans,sans-serif}.motion-demo button:hover:enabled:where(:not([aria-disabled=true])){background:#e1e9d9;border-color:#8da182}.motion-demo :is(button,select):focus-visible{outline-offset:3px;outline:2px solid #426f7a}.motion-variants button{min-height:38px;padding:6px 10px;font-size:12px}.motion-variants button[aria-pressed=true]{color:#294d37;background:#dce6d5;border-color:#7b9577}.motion-workbench{margin-top:20px}.motion-demo[data-ready] .motion-workbench{grid-template-columns:minmax(210px,.85fr) minmax(0,1.15fr);align-items:center;gap:28px;display:grid}.motion-stage{text-align:center;min-width:0}.motion-cube{width:100%;max-width:290px;height:auto;margin:auto;display:block;overflow:hidden}.lesson-content .motion-orientation{color:#53674e;max-width:none;margin:4px 0 0;font-size:12px;line-height:1.7}.motion-viewline{min-height:36px;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:11px;display:flex}.motion-demo .motion-view{text-underline-offset:4px;background:0 0;border:0;min-height:32px;padding:2px 5px;font-size:11px;text-decoration:underline}.motion-panel{min-width:0}.motion-print-formula{display:none}@media print{.motion-formula:has(.motion-print-formula) .motion-sequence{display:none!important}.motion-print-formula{font-family:ui-monospace,monospace;display:block}}.motion-formula-meta{min-height:40px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:8px;font-size:11px;line-height:1.6;display:flex}.motion-phase{color:#53694b}.motion-seek-hint{white-space:nowrap;font-size:10px}:is(.handbook-shell,.standalone-guide) .lesson-content .motion-demo.motion-demo .motion-sequence{flex-wrap:wrap;align-items:center;gap:10px 16px;max-width:none;min-height:44px;margin:0;padding:0;display:flex}:is(.handbook-shell,.standalone-guide) .lesson-content .motion-demo.motion-demo .motion-group{white-space:nowrap;background:0 0;border:0;align-items:center;gap:1px;max-width:100%;padding:0;display:inline-flex}:is(.handbook-shell,.standalone-guide) .lesson-content .motion-demo.motion-demo .motion-token{color:#52674b;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:2px;justify-content:center;align-items:center;min-width:38px;min-height:42px;padding:2px 3px;display:inline-flex}:is(.handbook-shell,.standalone-guide) .lesson-content .motion-demo.motion-demo .motion-token code{letter-spacing:0;color:inherit;white-space:nowrap;background:0 0;border:0;outline:0;padding:0;font:500 20px/1.6 ui-monospace,monospace}:is(.handbook-shell,.standalone-guide) .lesson-content .motion-demo.motion-demo .motion-token.move-current{color:#284d38;background:#dce6d1;border-bottom-color:#597c58}:is(.handbook-shell,.standalone-guide) .lesson-content .motion-demo.motion-demo .motion-token.move-past{color:#536d4c}.motion-readout{min-height:110px;padding-top:10px}.motion-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;line-height:1.8}.lesson-content .motion-action{color:#304c39;max-width:none;min-height:27px;margin:4px 0;font-size:15px;font-weight:500;line-height:1.8}.lesson-content .motion-direction{color:var(--muted);max-width:none;min-height:22px;margin:0;font-size:12px;line-height:1.8}.motion-transport{grid-template-columns:1fr 1.3fr 1fr;gap:8px;margin-top:8px;display:grid}.motion-demo .motion-play{color:#f9f9ef;background:#2b4038;border-color:#2b4038;justify-content:center;align-items:center;gap:8px;display:flex}.motion-demo .motion-play:hover:enabled{background:#3c5848}.motion-play .interface-icon{width:16px;height:16px}.motion-pause-icon,.motion-demo[data-playing=true] .motion-play-icon{display:none}.motion-demo[data-playing=true] .motion-pause-icon{display:block}.motion-options{justify-content:space-between;align-items:center;gap:12px;margin-top:6px;display:flex}.motion-demo .motion-reset{text-underline-offset:4px;background:0 0;border:0;min-height:38px;padding:4px 0;font-size:12px;text-decoration:underline}.motion-options select{background:0 0;border:0;min-height:38px;padding-inline:6px 18px}.motion-demo button:is(:disabled,[aria-disabled=true]){cursor:default;color:#9aa491;background:0 0;border-color:#d5ddce}.lesson-content .motion-outcome{color:#51684b;max-width:none;margin:14px 0 0;font-size:13px;line-height:1.9}.motion-result-with-face{background:#f8f9f2;border:1px solid #d2dacb;align-items:center;gap:16px;margin-top:14px;padding:12px;display:flex}.lesson-content .motion-result-with-face .motion-outcome{margin:0}.motion-check-face{text-align:center;flex:none;order:-1;margin:0}.motion-check-face .face-strip{margin:0}.motion-check-face figcaption{color:#53674e;margin-top:5px;font-size:11px}:is(.handbook-shell,.standalone-guide) .lesson-content .motion-demo.motion-demo .motion-help{color:#5e7058;max-width:none;margin:10px 0 0;padding:0;font-size:13px;line-height:1.9}:is(.handbook-shell,.standalone-guide) .lesson-content .motion-demo.motion-demo .notation-reference{color:#52674b;border-top:1px solid #d2dacb;margin-top:16px}:is(.handbook-shell,.standalone-guide) .lesson-content .motion-demo.motion-demo .notation-reference summary{color:#52674b;min-height:36px;padding:12px 0 0}:is(.handbook-shell,.standalone-guide) .lesson-content .motion-demo.motion-demo .notation-reference-body{color:#4d6347;background:0 0;padding-inline:0}:is(.handbook-shell,.standalone-guide) .lesson-content .motion-demo.motion-demo .notation-reference :is(p,dd){color:#5f7157}:is(.handbook-shell,.standalone-guide) .lesson-content .motion-demo.motion-demo .notation-reference kbd{color:#35513d;background:#e5ebdc;border-color:#c9d5be}.motion-supplement{border-block:1px solid #d7ddd0;margin:22px 0 28px}.motion-supplement>summary{color:#536b4b;cursor:pointer;padding:14px 0;font-size:14px;line-height:1.7;list-style-position:inside}.motion-supplement>summary:focus-visible{outline-offset:3px;outline:2px solid #426f7a}.lesson-content .motion-supplement .motion-demo{margin:0 0 16px}@media (width<=1100px){.motion-demo[data-ready] .motion-workbench{grid-template-columns:minmax(190px,.75fr) minmax(0,1.25fr);gap:22px}:is(.handbook-shell,.standalone-guide) .lesson-content .motion-demo.motion-demo .motion-token{min-width:35px}:is(.handbook-shell,.standalone-guide) .lesson-content .motion-demo.motion-demo .motion-token code{font-size:19px}}@media (width<=700px){:is(.handbook-shell,.standalone-guide) .lesson-content .motion-demo.motion-demo{padding:18px 16px}.motion-demo[data-ready] .motion-workbench{flex-direction:column;align-items:stretch;gap:10px;margin-top:16px;display:flex}.motion-panel{display:contents}.motion-formula{order:1}.motion-stage{order:2}.motion-readout{order:3;min-height:96px;padding-top:0}.motion-controls{order:4}.motion-cube{max-width:215px}.motion-viewline{min-height:32px}.motion-formula-meta{margin-bottom:6px}:is(.handbook-shell,.standalone-guide) .lesson-content .motion-demo.motion-demo .motion-sequence{gap:6px 14px}.motion-transport{margin-top:0}.motion-transport button{padding-inline:5px}.lesson-content .motion-outcome{margin-top:10px}.motion-variants{gap:4px}.motion-variants button{padding-inline:8px;font-size:11px}.lesson-content .motion-title{font-size:15px}.motion-tag{font-size:10px}}@media print{.motion-demo [data-interactive],.motion-demo .motion-stage,.motion-demo .motion-controls,.motion-demo .motion-result{display:none!important}:is(.handbook-shell,.standalone-guide) .lesson-content .motion-demo.motion-demo{box-shadow:none;break-inside:avoid;background:#fff;border-color:#bbb}.motion-demo:not([data-algorithm]){display:none!important}:is(.handbook-shell,.standalone-guide) .lesson-content .motion-demo.motion-demo .motion-token{border:0;color:#222!important;background:0 0!important}.motion-supplement{display:none}}.motion-demo[data-reduced=true] .motion-play,.motion-demo[data-reduced=true] .motion-options label{display:none}.motion-demo[data-reduced=true] .motion-transport{grid-template-columns:1fr 1fr}@media (width<=700px){:is(.handbook-shell,.standalone-guide) .lesson-content .motion-demo.motion-demo .motion-token{min-width:30px;min-height:40px}:is(.handbook-shell,.standalone-guide) .lesson-content .motion-demo.motion-demo .motion-token code{font-size:18px}}:is(.handbook-shell,.standalone-guide) .lesson-content .motion-demo.motion-demo .motion-sequence[data-groups="4"]{grid-template-columns:repeat(2,max-content);gap:8px 18px;display:grid}:is(.handbook-shell,.standalone-guide) .lesson-content .motion-demo.motion-demo{scroll-margin-top:24px}@media (width<=900px){:is(.handbook-shell,.standalone-guide) .lesson-content .motion-demo.motion-demo{scroll-margin-top:72px}}@media (width<=380px){:is(.handbook-shell,.standalone-guide) .lesson-content .motion-demo.motion-demo .motion-token{min-width:28px;padding-inline:2px}:is(.handbook-shell,.standalone-guide) .lesson-content .motion-demo.motion-demo .motion-sequence[data-groups="4"]{gap:8px 12px}}