.sequence-controls{align-items:start}.sequence-input{flex:1;min-width:220px}.sequence-input input{width:100%;box-sizing:border-box}.sequence-input small{font-size:.75rem;font-weight:400;line-height:1.5;max-width:32rem}.sequence-error:empty{display:none}.sequence-error{margin:12px 0;padding:10px 14px;border-left:3px solid #b52f32;background:#fff2ee;font-size:.85rem;color:#7c2027}.sequence-strip{display:flex;gap:12px;overflow-x:auto;padding:18px 2px 20px;scroll-snap-type:x proximity}.state-node{position:relative;display:flex;flex-direction:column;justify-content:center;gap:10px;flex:0 0 150px;min-height:126px;text-align:left;border:1px solid #d4d4cf;background:#fffefb;color:#1c292c;padding:15px;border-radius:10px;scroll-snap-align:start}.state-node:not(:last-child)::after{content:'→';position:absolute;right:-13px;top:52px;color:#636e6b;font-size:14px;z-index:1}.state-node strong{font-size:1.15rem;white-space:nowrap;font-variant-numeric:tabular-nums}.state-node small{font-size:.69rem;line-height:1.5}.state-node .eyebrow{font-size:.62rem;letter-spacing:.055em}.state-node.is-active{border:2px solid #d24637;padding:14px;background:#fff0e9;box-shadow:0 3px 0 #d2463720}.state-node:disabled{opacity:.55;cursor:default}.state-node.initial-state{flex-basis:120px;background:#eeefea}.sequence-actions{margin:4px 0 18px}.sequence-counter{font-size:.75rem}.rnn-equation{line-height:1.8;overflow-wrap:anywhere}.rnn-equation p{margin:8px 0}.sequence-sensitivity{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:16px;align-items:center;padding:22px 0}.sequence-sensitivity>div{display:grid;gap:8px}.sequence-sensitivity strong{font-size:1.5rem;font-variant-numeric:tabular-nums}.sequence-sensitivity small{font-size:.8rem}.sequence-sensitivity p{font-size:.85rem;line-height:1.65;margin:0}.sequence-details{border-top:1px solid #d6d9d3;padding:15px 0;font-size:.88rem;line-height:1.75}.sequence-details summary{font-weight:650;cursor:pointer;min-height:24px}.sequence-details p{margin:12px 0 0}.sequence-product{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.sequence-footnote{font-size:.76rem;line-height:1.65}.position-control{min-width:220px;max-width:380px;flex:1}.position-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;align-items:center;margin:18px 0}.position-chart svg{display:block;width:100%;max-height:340px;overflow:visible}.position-axis-label{fill:#4b5c5b;font:12px ui-monospace,monospace}.position-guide{stroke:#dce2dd;stroke-dasharray:3 4}.position-zero{stroke:#b4bfb9}.position-row{stroke:#e5e7e0}.position-change{stroke:#d24637;stroke-width:2}.position-current{fill:#d24637}.position-next{fill:#fffefb;stroke:#234c5b;stroke-width:2}.position-legend{display:flex;flex-wrap:wrap;gap:20px;font-size:.74rem;margin-top:20px}.position-legend>span{display:flex;align-items:center;gap:8px}.position-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.current-dot{background:#d24637}.next-dot{background:#fffefb;border:2px solid #234c5b}.position-table{width:100%;font-size:.78rem;border-collapse:collapse;font-variant-numeric:tabular-nums}.position-table caption{text-align:left;font-size:.67rem;padding:0 0 12px;color:#566361;caption-side:bottom;padding-top:12px}.position-table td,.position-table th{padding:8px 6px;text-align:right;border-bottom:1px solid #e4e6df;white-space:nowrap}.position-table th:first-child{text-align:left}.position-table thead{font-size:.69rem;color:#52615d}.position-table tbody th{font-weight:500}.position-formula{line-height:2}.position-example{font-size:.83rem;line-height:1.7}.position-table-wrap{min-width:0}.sequence-controls input[type=range],.position-control input[type=range]{width:100%}.sequence-actions .btn:disabled{opacity:.5;cursor:default}@media(max-width:700px){.sequence-sensitivity{grid-template-columns:1fr 1fr}.sequence-sensitivity>p{grid-column:1/-1}.position-layout{grid-template-columns:1fr;gap:5px}.position-chart svg{max-height:280px}.sequence-controls{flex-direction:column}.sequence-controls>.control{width:100%;max-width:none}.sequence-input{min-width:0}.sequence-actions{gap:8px}.sequence-actions .btn{font-size:.77rem}.state-node{flex-basis:142px}.position-table{font-size:.8rem}.position-table td,.position-table th{padding:8px}.position-table caption{text-align:center}}@media(prefers-reduced-motion:reduce){.sequence-strip{scroll-behavior:auto}}