:is(.article-h2,.article-h3)+:is(.bars,.swap,.pattern,.commands,.tutor-tip){margin-top:1.25rem}.figure-source{margin:1rem 0 0;color:#64748b;font-size:.8125rem;line-height:1.5;text-wrap:pretty}.bars{position:relative;margin:2.75rem 0;container:bars / inline-size}.bars-caption .figure-description{margin-bottom:1.25rem}.bars-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.75rem;margin-bottom:1.5rem}.bars-filter{position:relative;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;width:100%;padding:.25rem;border-radius:10px;background:#f1f5f9;transition:opacity .3s ease}.bars[data-mode=table] .bars-filter{opacity:.45}.bars-pill{position:absolute;top:0;left:0;z-index:0;border-radius:8px;background:#fff;box-shadow:0 1px 2px #0f172a1a;opacity:0;transition:transform .4s cubic-bezier(.22,1,.36,1),width .4s cubic-bezier(.22,1,.36,1),height .4s cubic-bezier(.22,1,.36,1)}.bars-option{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3125rem;min-height:3.25rem;padding:.4375rem .375rem;border-radius:8px;color:#475569;font-size:.75rem;font-weight:500;line-height:1.25;text-align:center;text-wrap:balance;-webkit-tap-highlight-color:transparent;transition:color .2s ease}.bars-option[aria-checked=true]{color:#1a202c;font-weight:600}.bars-option:focus-visible{border-radius:8px}.bars-swatches{display:inline-flex;gap:2px}.bars-swatch{width:.625rem;height:.625rem;border-radius:2px}:is(.bars-swatch,.bars-seg,.bars-key).is-context{background:#94a3b8}:is(.bars-swatch,.bars-seg,.bars-key).is-accent{background:#f58705}.bars-mode{display:inline-grid;align-items:center;min-height:2.5rem;padding:0 1rem;overflow:hidden;border:1px solid #e2e8f0;border-radius:9999px;background:#fff;color:#1a202c;font-size:.8125rem;font-weight:500;-webkit-tap-highlight-color:transparent;transition:border-color .2s ease,color .2s ease,transform .3s cubic-bezier(.22,1,.36,1)}.bars-mode-face{grid-area:1 / 1;display:inline-flex;align-items:center;justify-content:center;gap:.4375rem;white-space:nowrap;transition:opacity .25s ease,transform .4s cubic-bezier(.22,1,.36,1)}.bars-mode-face[aria-hidden=true]{opacity:0;transform:translateY(110%)}.bars-mode[aria-pressed=true] .bars-mode-face[aria-hidden=true]{transform:translateY(-110%)}@media (hover: hover){.bars-option:hover{color:#1a202c}.bars-mode:hover{border-color:#f58705;color:#d97704}}.bars-mode:active{transform:scale(.97);transition-duration:.2s,.2s,.1s}.bars-stage{position:relative;transition:height .45s cubic-bezier(.22,1,.36,1)}.bars-panel{transition:opacity .35s ease,transform .5s cubic-bezier(.22,1,.36,1)}.bars[data-mode=table] .bars-chart,.bars[data-mode=chart] .bars-table-wrap{position:absolute;top:0;right:0;left:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .35s cubic-bezier(.22,1,.36,1),visibility 0s linear .35s}.bars[data-mode=table] .bars-chart{transform:translate(-.75rem)}.bars[data-mode=chart] .bars-table-wrap{transform:translate(.75rem)}.bars-group+.bars-group{margin-top:1.5rem}.bars-group-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 1rem;margin-bottom:.375rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.bars-group-label{margin:0;color:#1a202c;font-size:.875rem;font-weight:600;line-height:1.4}.bars-group-total{display:grid;justify-items:end;margin:0 0 0 auto;color:#4a5568;font-size:.8125rem;font-variant-numeric:tabular-nums;white-space:nowrap}.bars-group-total>span{grid-area:1 / 1;display:inline-flex;align-items:center;gap:.5rem;opacity:0;transform:translateY(.25rem);transition:opacity .25s ease,transform .35s cubic-bezier(.22,1,.36,1)}.bars-group-total>.is-current{opacity:1;transform:none}.bars-group-share{padding:.0625rem .4375rem;border-radius:9999px;background:#f1f5f9;color:#334155;font-size:.75rem;font-weight:600}.bars-rows{display:grid;margin:0;padding:0;list-style:none}.bars-row{display:grid;grid-template-columns:minmax(0,1fr);row-gap:.375rem;margin:0 -.5rem;padding:.5rem;border-radius:10px;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease}.bars-row:focus-visible{border-radius:10px}.bars-row.is-active{background:#f8fafc}.bars-label{color:#374151;font-size:.875rem;line-height:1.35}.bars-row.is-highlight .bars-label{color:#1a202c;font-weight:600}.bars-plot{position:relative;display:block;height:.875rem}.bars-area{position:absolute;top:0;right:2.5rem;bottom:0;left:0;transition:opacity .25s ease}.bars-area:before{content:"";position:absolute;top:-.25rem;bottom:-.25rem;left:0;width:1px;background:#cbd5e1}.bars[data-active] .bars-row:not(.is-active) .bars-area{opacity:.4}.bars-seg{position:absolute;inset:0;transition:clip-path .6s cubic-bezier(.22,1,.36,1)}.bars-tip{position:absolute;top:0;bottom:0;left:0;display:flex;align-items:center;pointer-events:none;transition:left .6s cubic-bezier(.22,1,.36,1)}.bars-value{padding-left:.5rem;color:#1a202c;font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1;transition:opacity .16s ease,transform .2s ease}.bars-value.is-changing{opacity:0;transform:translateY(2px)}.bars[data-armed] .bars-value{opacity:0}.bars.is-entering :is(.bars-seg,.bars-tip){transition-duration:.95s;transition-timing-function:cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i, 0) * 55ms)}.bars.is-entering .bars-value{transition-duration:.4s;transition-delay:calc(var(--i, 0) * 55ms + .45s)}.bars[data-instant],.bars[data-instant] *{transition:none!important}.bars-tooltip{position:absolute;top:0;left:0;z-index:5;min-width:11rem;max-width:15rem;padding:.625rem .75rem .6875rem;border-radius:10px;background:#0f172a;box-shadow:0 10px 15px -3px #0f172a40,0 4px 6px -4px #0f172a33;color:#fff;opacity:0;visibility:hidden;pointer-events:none;transform:translate(var(--x, 0px),calc(var(--y, 0px) + .375rem));transition:opacity .15s ease,transform .25s cubic-bezier(.22,1,.36,1),visibility 0s linear .25s}.bars-tooltip[data-shown]{opacity:1;visibility:visible;transform:translate(var(--x, 0px),var(--y, 0px));transition:opacity .15s ease,transform .25s cubic-bezier(.22,1,.36,1),visibility 0s}.bars-tooltip-title{margin:0 0 .4375rem;color:#cbd5e1;font-size:.75rem;font-weight:500;line-height:1.35}.bars-tooltip-list{display:grid;gap:.25rem;margin:0}.bars-tooltip-list>div{display:grid;grid-template-columns:1.75rem minmax(0,1fr);align-items:baseline;column-gap:.625rem}.bars-tooltip-list dd{order:-1;margin:0;font-size:.9375rem;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.bars-tooltip-list dt{display:flex;align-items:center;gap:.4375rem;color:#cbd5e1;font-size:.75rem}.bars-tooltip-list .is-total{margin-top:.25rem;padding-top:.375rem;border-top:1px solid rgb(255 255 255 / .14)}.bars-key{width:.75rem;height:2px;border-radius:1px}.bars-table-wrap{overflow:hidden;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.bars-table{width:100%;border-collapse:separate;border-spacing:0;color:#374151;font-size:.8125rem;line-height:1.4;font-variant-numeric:tabular-nums}.bars-table :is(th,td){padding:.5rem .625rem;text-align:right;vertical-align:middle}.bars-table :is(thead th:first-child,tbody th,tfoot th){padding-left:.875rem;text-align:left}.bars-table tr>:last-child{padding-right:.875rem}.bars-table thead th{border-bottom:1px solid #e2e8f0;background:#f8fafc;color:#4a5568;font-size:.75rem;font-weight:600;vertical-align:bottom}.bars-table tbody tr>*{border-top:1px solid #edf1f6}.bars-table tbody:first-of-type tr:first-child>*{border-top:0}.bars-table tbody th{color:#374151;font-weight:400}.bars-table .bars-table-group>*{background:#fbfcfd;color:#1a202c;font-weight:600}.bars-table tfoot tr>*{border-top:1px solid #cbd5e1;color:#1a202c;font-weight:700}@container bars (min-width: 34rem){.bars-toolbar{justify-content:space-between}.bars-filter{display:inline-flex;width:auto}.bars-option{flex-direction:row;gap:.5rem;min-height:2.25rem;padding:.375rem .875rem;font-size:.8125rem;white-space:nowrap}.bars-row{grid-template-columns:10.5rem minmax(0,1fr);align-items:center;column-gap:1rem;padding-block:.375rem}.bars-label{text-align:right;text-wrap:balance}.bars-plot{height:1rem}.bars-table{font-size:.875rem}.bars-table :is(th,td){padding:.5625rem .875rem}.bars-table :is(thead th:first-child,tbody th,tfoot th){padding-left:1.125rem}.bars-table tr>:last-child{padding-right:1.125rem}}@container bars (min-width: 44rem){.bars-row{grid-template-columns:13rem minmax(0,1fr);column-gap:1.25rem}.bars-plot{height:1.125rem}.bars-group+.bars-group{margin-top:1.75rem}}.swap{margin:2.75rem 0;container:swap / inline-size}.swap-head{display:none}.swap-rows{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.swap-row{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;padding:1rem;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.swap-row-label{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .5rem;margin:0;color:#1a202c;font-size:.9375rem;font-weight:600;line-height:1.4}:is(.swap-source,.pattern-source){padding:.0625rem .5rem;border-radius:9999px;background:#fcefdb;color:#6e4220;font-size:.75rem;font-weight:600;line-height:1.5;white-space:nowrap}.swap-slot{display:grid;gap:.375rem;min-width:0}.swap-slot-title{color:#996139;font-size:.75rem;font-weight:600;line-height:1.4}.swap-card{position:relative;display:block;margin:0;padding:.75rem 2.5rem .75rem .875rem;border:1px solid #fde4c3;border-radius:10px;background:#fffaf3;color:#1a202c;font-size:.9375rem;line-height:1.5;text-wrap:pretty;transition:color .3s ease .35s}.swap-card[data-card="1"]{border-color:#e2e8f0;background:#f8fafc}.swap-mark{position:absolute;top:.75rem;right:.75rem;display:grid;width:1.25rem;height:1.25rem}.swap-mark-face{grid-area:1 / 1;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;transition:opacity .25s ease .4s,transform .45s cubic-bezier(.22,1,.36,1) .4s}.swap-mark-face.is-ok{background:#f58705;color:#fff}.swap-mark-face.is-no{background:#e2e8f0;color:#475569;opacity:0;transform:scale(.4) rotate(-90deg)}.swap-status.is-no{display:none}.swap-slot[data-slot="0"]>.swap-card[data-card="1"],.swap-slot[data-slot="1"]>.swap-card[data-card="0"]{color:#4a5568}:is(.swap-slot[data-slot="0"]>.swap-card[data-card="1"],.swap-slot[data-slot="1"]>.swap-card[data-card="0"]) .swap-mark-face.is-ok{opacity:0;transform:scale(.4) rotate(90deg)}:is(.swap-slot[data-slot="0"]>.swap-card[data-card="1"],.swap-slot[data-slot="1"]>.swap-card[data-card="0"]) .swap-mark-face.is-no{opacity:1;transform:none}:is(.swap-slot[data-slot="0"]>.swap-card[data-card="1"],.swap-slot[data-slot="1"]>.swap-card[data-card="0"]) .swap-status.is-ok{display:none}:is(.swap-slot[data-slot="0"]>.swap-card[data-card="1"],.swap-slot[data-slot="1"]>.swap-card[data-card="0"]) .swap-status.is-no{display:block}.swap-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:1rem}.swap-button{display:inline-flex;flex-shrink:0;align-items:center;gap:.5rem;min-height:2.75rem;padding:.625rem 1.25rem .625rem 1rem;border-radius:9999px;background:#0f172a;color:#fff;font-size:.875rem;font-weight:600;line-height:1.3;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease,box-shadow .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1)}.swap-button[hidden]{display:none}.swap-button-icon{width:1.125rem;height:1.125rem;flex-shrink:0;transition:transform .6s cubic-bezier(.65,0,.35,1)}.swap-button[aria-pressed=true] .swap-button-icon{transform:rotate(180deg)}@media (hover: hover){.swap-button:hover{background:#1e293b;box-shadow:0 10px 18px -10px #0f172a99;transform:translateY(-1px)}}.swap-button:active{transform:scale(.97);transition-duration:.2s,.2s,.1s}.swap-verdict{flex:1 1 15rem;margin:0;color:#374151;font-size:.9375rem;line-height:1.5;text-wrap:pretty;transition:opacity .2s ease,transform .3s cubic-bezier(.22,1,.36,1)}.swap-verdict.is-changing{opacity:0;transform:translateY(.25rem)}.swap[data-swapped] .swap-verdict{color:#1a202c;font-weight:600}@container swap (min-width: 36rem){.swap-head{display:grid;grid-template-columns:8.5rem repeat(2,minmax(0,1fr));column-gap:.75rem;margin-bottom:.625rem;padding:0 1rem}.swap-head-cell{display:grid;align-content:start;gap:.125rem;color:#4a5568;font-size:.75rem;font-weight:600}.swap-head-title{color:#996139;font-size:.875rem}.swap-head-hint{color:#64748b;font-weight:400;line-height:1.4}.swap-row{grid-template-columns:8.5rem repeat(2,minmax(0,1fr));align-items:start;gap:.75rem}.swap-row-label{flex-direction:column;align-items:flex-start;padding-top:.75rem}.swap-slot-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.swap-slot,.swap-card{height:100%}}.pattern{margin:2.75rem 0;container:pattern / inline-size}.pattern-formula{margin:0 0 1rem;padding:.625rem 1rem;border-radius:12px;background:#f8fafc;color:#1a202c;font-size:1.0625rem;font-weight:600;line-height:2.75rem}.pattern-chip{display:inline-flex;align-items:center;min-height:2.25rem;margin:0 .125rem;padding:.3125rem .875rem;vertical-align:middle;border-radius:9999px;font-size:.875rem;font-weight:600;line-height:1.3;-webkit-tap-highlight-color:transparent;transition:transform .3s cubic-bezier(.22,1,.36,1),background-color .25s ease,color .25s ease,opacity .25s ease}.pattern-chip[data-tone="0"]{background:#e2e8f0;color:#1a202c}.pattern-chip[data-tone="1"]{background:#f58705;color:#fff}.pattern-chip[data-tone="0"][aria-pressed=true]{background:#475569;color:#fff}.pattern-chip[data-tone="1"][aria-pressed=true]{background:#d97704}.pattern-chip:active{transform:scale(.96)}@media (hover: hover){.pattern-chip:hover{transform:translateY(-1px)}}.pattern[data-focus] .pattern-chip:not(.is-focus){opacity:.55}.pattern-examples{margin:0;padding:0;list-style:none;border-top:1px solid #e2e8f0}.pattern-example{padding:1rem 0 1.125rem;border-bottom:1px solid #e2e8f0}.pattern-term{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .5rem;margin:0 0 .5rem;color:#1a202c;font-size:.9375rem;font-weight:600;line-height:1.4}.pattern-answer{margin:0;color:#1a202c;font-size:1rem;line-height:1.85;text-wrap:pretty}.pattern-part{--part-tint: #e9eef4;margin:0 -.15em;padding:.08em .15em;border-radius:4px;background-image:linear-gradient(var(--part-tint),var(--part-tint));background-repeat:no-repeat;background-size:100% 100%;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background-size .7s cubic-bezier(.22,1,.36,1),color .25s ease}.pattern-part[data-tone="1"]{--part-tint: rgb(245 135 5 / .2)}.pattern-part.is-focus[data-tone="0"]{--part-tint: #d5dde8}.pattern-part.is-focus[data-tone="1"]{--part-tint: rgb(245 135 5 / .34)}.pattern[data-focus] .pattern-part:not(.is-focus){background-size:0% 100%;color:#64748b}.pattern[data-armed] .pattern-part{background-size:0% 100%}.pattern.is-entering .pattern-part{transition-duration:.9s,.25s;transition-delay:calc(var(--i, 0) * .14s)}@media (min-width: 48rem){.pattern-answer{font-size:1.0625rem}}@container pattern (min-width: 36rem){.pattern-example{display:grid;grid-template-columns:9.5rem minmax(0,1fr);align-items:baseline;column-gap:1.25rem}.pattern-term{flex-direction:column;align-items:flex-start;margin:0}}.commands{margin:2.75rem 0;container:commands / inline-size}.commands-wrap{overflow:hidden;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.commands-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.commands-table thead th{padding:.6875rem 1rem;border-bottom:1px solid #e2e8f0;background:#f8fafc;color:#4a5568;font-size:.75rem;font-weight:600;text-align:left;vertical-align:bottom}.commands-table thead th:nth-child(1){width:24%}.commands-table thead th:nth-child(3){width:18%}.commands-table thead th:nth-child(4){width:27%}.commands-table tbody :is(th,td){padding:1rem;text-align:left;vertical-align:middle}.commands-table tbody tr+tr>*{border-top:1px solid #edf1f6}.commands-row{transition:background-color .2s ease}.commands-word{display:inline-flex;padding:.3125rem .75rem;border-radius:8px;background:#fcefdb;color:#6e4220;font-size:.9375rem;font-weight:700;line-height:1.3;transition:transform .3s cubic-bezier(.22,1,.36,1)}.commands-row.is-deep .commands-word{background:#f58705;color:#fff}.commands-alt{display:block;margin-top:.375rem;color:#64748b;font-size:.75rem;font-weight:500}.commands-wants{color:#374151;font-size:.9375rem;line-height:1.5;text-wrap:pretty}.commands-meter{display:inline-grid;grid-auto-columns:1.5rem;grid-auto-flow:column;gap:3px}.commands-step{position:relative;height:.5rem;overflow:hidden;border-radius:2px;background:#e2e8f0}.commands-step:after{content:"";position:absolute;inset:0;background:#f58705;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,1,.36,1)}.commands-step.is-on:after{transform:scaleX(1)}.commands[data-armed] .commands-step.is-on:after{transform:scaleX(0)}.commands.is-entering .commands-step:after{transition-delay:calc(var(--row, 0) * .14s + var(--step, 0) * .11s)}.commands-start{color:#1a202c;font-size:.9375rem;font-style:italic;line-height:1.5}@media (hover: hover){.commands-row:hover{background:#fbfcfd}.commands-row:hover .commands-word{transform:translateY(-1px)}}@container commands (max-width: 35.9375rem){.commands-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.commands-table,.commands-table tbody,.commands-table tr,.commands-table th,.commands-table td{display:block}.commands-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.625rem 1rem;padding:1rem}.commands-table tbody tr+tr{border-top:1px solid #edf1f6}.commands-table tbody :is(th,td){padding:0}.commands-table tbody tr+tr>*{border-top:0}.commands-table .commands-word-cell{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .625rem}.commands-alt{margin-top:0}.commands-depth{grid-row:1;grid-column:2;align-self:center}.commands-wants,.commands-start{grid-column:1 / -1}.commands-table td[data-label]:before{content:attr(data-label);display:block;margin-bottom:.125rem;color:#64748b;font-size:.75rem;font-style:normal;font-weight:600}}.tutor-tip{margin:2rem 0 2.25rem;padding:1.125rem 1.25rem 1.25rem;border:1px solid #fde4c3;border-radius:14px;background:#fffaf3}.tutor-tip-label{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;color:#996139;font-size:.875rem;font-weight:600;line-height:1.4}.tutor-tip-icon{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:9999px;background:#fcefdb;color:#996139}.tutor-tip-text{margin:0;color:#1a202c;font-size:1rem;line-height:1.7;text-wrap:pretty}@media (min-width: 48rem){.tutor-tip{padding:1.375rem 1.5rem 1.5rem}.tutor-tip-text{font-size:1.0625rem}}.pattern-plain{margin:2.25rem 0}@media print{.figure-hint,.bars-toolbar,.bars-chart,.bars-tooltip,.swap-head,.swap-foot,.swap-mark{display:none!important}:is(.swap,.pattern,.commands,.tutor-tip) :is(p,span,th,td,q){text-align:left!important}.bars-stage{height:auto!important}.bars .bars-table-wrap{position:static!important;opacity:1!important;visibility:visible!important;transform:none!important}.bars-table-wrap,.swap-row,.commands-wrap,.tutor-tip,.pattern-formula{border:.5pt solid #cbd5e1!important;border-radius:0!important;background:#fff!important;break-inside:avoid}:is(.bars,.swap,.pattern,.commands,.tutor-tip) :is(p,span,th,td,q,button){font-family:Georgia,Times New Roman,serif!important}.swap-slot-title{position:static!important;width:auto!important;height:auto!important;clip-path:none!important}.swap-card{padding-right:.875rem!important;background:#fff!important;transform:none!important}.pattern-part{background-size:100% 100%!important;color:#1e293b!important}.commands-word{border:.5pt solid #94a3b8!important;background:#fff!important;color:#1e293b!important}.pattern-chip{box-shadow:none!important;opacity:1!important}.commands-step.is-on:after{transform:scaleX(1)!important}}