.product-flow{margin:10px 14px;padding:13px;border:1px solid #cbd8c6;border-radius:15px;background:#fff}.product-flow h2,.product-flow h3{margin:0 0 7px;font-size:19px}.flow-help{margin:0 0 12px;font-size:14px}.state-axis{margin:11px 0}.state-axis b{display:block;margin-bottom:6px}.state-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;width:100%}.state-buttons .stage-button{display:grid;grid-template-rows:auto 2.3em;gap:4px;min-width:0;min-height:0;padding:3px;border:1px solid #b8c8b3;background:#f7faf5;font-size:10px;line-height:1.15;text-align:center;overflow:hidden}.stage-button img{display:block;width:100%;aspect-ratio:1/1;height:auto;min-height:0;object-fit:cover;clip-path:circle(50%);background:#000}.stage-button span{display:flex;align-items:flex-start;justify-content:center;min-height:2.3em;overflow-wrap:anywhere}.state-buttons .stage-button.selected{background:#315f39;color:#fff;border-color:#315f39;box-shadow:inset 0 0 0 2px #d9ecd2}.situations{display:grid;gap:8px}.situation-summary{margin:0 0 8px;font-size:13px;color:#4c5a4d}.situation-choice{text-align:left;min-height:52px;background:#f7faf5}.decision-question,.decision-result{margin-top:12px;padding:12px;border-radius:11px;background:#edf5e9}.decision-question input{width:100%;margin:8px 0}.decision-question button{width:100%;background:#315f39;color:#fff}.context-options{display:grid;gap:8px;margin-top:10px}.context-unknown{margin:9px 0 0;color:#754c14;font-size:14px}.decision-question button.secondary,.decision-result button.secondary{margin-top:8px;background:#fff;color:#315f39;border:1px solid #315f39}.decision-result h3{font-size:20px}.decision-result section{margin:10px 0}.decision-result ul{padding-left:20px;margin:5px 0}.decision-result .dose{border-left:4px solid #49744d;padding-left:10px}.decision-result .partial{border-left:4px solid #9b7219;padding-left:10px}.decision-result .gap{border-left:4px solid #934b42;padding-left:10px}.decision-result .detail{font-size:13px;color:#4c5a4d}@media (min-width:700px){.state-buttons .stage-button{font-size:12px;padding:5px}}
.state-axis-locked{opacity:.48}.state-axis-locked .stage-button{cursor:not-allowed}.axis-hint{display:block;margin:-3px 0 7px;font-size:12px;color:#526454}.decision-feedback{display:grid;gap:8px}.rating-stars{display:flex;gap:5px}.rating-star{border:0;background:transparent;color:#9aa39a;font-size:29px;line-height:1;padding:2px 4px;cursor:pointer}.rating-star.active,.rating-star:hover,.rating-star:focus-visible{color:#e6a91b}.decision-feedback textarea{display:block;box-sizing:border-box;width:100%;min-height:4.8em;resize:vertical;margin-top:5px;font:inherit}