/* فاز پنجم: ماشین‌های عددساز و جدول کشف قانون، واکنش‌گرا و آفلاین. */
.machine-flow-wrap,.machine-table-wrap{margin:14px 0 22px;padding:18px 12px;border-radius:22px;background:#fff9e8;border:2px solid #f7dda0;overflow-x:auto}
.machine-labels{display:flex;justify-content:space-between;gap:8px;padding:0 6px 10px;color:#765521;font-size:.86rem;font-weight:700}
.machine-flow{direction:ltr;display:flex;align-items:center;justify-content:center;gap:10px;min-width:max-content;margin:auto}
.machine-node{display:flex;align-items:center;justify-content:center;min-width:64px;min-height:66px;padding:10px 14px;border-radius:20px;font-size:1.25rem;font-weight:900;box-shadow:0 4px 0 #72521a18}
.machine-node--number{background:#fff;border:2px dashed #cf9c38;color:#775219}
.machine-node--rule{border:2px solid #fbba3b;background:#ffce65;color:#573e0f;transform:rotate(-1deg)}
.machine-arrow{color:#c17d15;font-size:1.5rem;flex:0 0 auto;font-weight:900}
.machine-table{border-collapse:separate;border-spacing:6px;margin:auto;min-width:min(100%,320px);text-align:center;color:#514217}
.machine-table caption{padding-bottom:10px;font-weight:800;color:#8b6017}
.machine-table th,.machine-table td{padding:10px 22px;border-radius:12px;background:#fff;border:1px solid #f3dca4}
.machine-table th{background:#ffda83;color:#684713}
@media(max-width:480px){.machine-flow-wrap{padding:14px 7px}.machine-flow{gap:5px}.machine-node{min-width:42px;min-height:52px;padding:7px;font-size:.94rem;border-radius:13px}.machine-arrow{font-size:1rem}.machine-labels{font-size:.74rem}.machine-table th,.machine-table td{padding:8px 14px}}
@media(prefers-reduced-motion:reduce){.machine-node--rule{transform:none}}