.flowCoffeeHandles,.flowDeskHandles{margin-top:20px;padding-top:18px;border-top:1px solid #d9cbbb;color:#4a2f20}.flowCoffeeHandles h4,.flowDeskHandles h4{font-size:16px;margin:0 0 12px}.flowHandleChoices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.flowHandleChoices button{min-height:46px;border:1px solid #cdbba7;border-radius:10px;background:#fffaf3;color:#4a2f20;font:inherit;font-weight:700;cursor:pointer}.flowHandleChoices button[aria-pressed=true]{background:#4a2f20;border-color:#4a2f20;color:#fff4df}.flowHandleChoices button:focus-visible{outline:3px solid #c2995d;outline-offset:3px}.flowHandleReference{margin:14px 0 0;border:1px solid #dfd0bc;border-radius:12px;overflow:hidden;background:#fbf5ed}.flowHandleReference img{display:block;width:100%;height:auto;object-fit:contain}.flowHandleReference figcaption{padding:10px 12px;font-size:12px;line-height:1.6}.flowHandleSummary{color:#5a3926;font-size:13px}

.flowHandleColor{display:grid;gap:8px;margin-top:12px;font-size:13px}.flowHandleColor select{width:100%;min-height:44px;border:1px solid #cdbba7;border-radius:10px;background:#fffaf3;color:#4a2f20;padding:8px;font:inherit}

.flowHandleShapes{margin-top:14px}.flowHandleShapes h5{font-size:13px;margin:0 0 8px}

.deskHandleChoices{grid-template-columns:repeat(3,minmax(0,1fr))}.deskHandleChoices button{font-size:13px;padding:8px 4px}.deskHandleGuide{margin-top:14px}.deskHandleGuide summary{cursor:pointer;font-size:13px;color:#684b35}.flowDeskHandles .flowHandleReference{border-radius:10px}
.flowDeskHandles > .flowHandleReference{max-width:380px;margin-inline:auto}