/* One scrollable row; native scrollbar and keyboard access stay available. */
[data-condition-strip].condition-grid{display:flex;flex-wrap:nowrap;gap:20px;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;padding:8px 4px 22px;scrollbar-width:auto;scrollbar-color:#087681 #dce8eb;}
[data-condition-strip]>.condition-visual-card{flex:0 0 clamp(240px,27vw,310px);min-width:0;scroll-snap-align:start;}
[data-condition-strip]::-webkit-scrollbar{height:12px;}
[data-condition-strip]::-webkit-scrollbar-track{background:#dce8eb;border-radius:20px;}
[data-condition-strip]::-webkit-scrollbar-thumb{background:#087681;border:3px solid #dce8eb;border-radius:20px;}
[data-condition-strip]:focus-visible{outline:2px solid #087681;outline-offset:5px;}

.condition-strip-controls{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;}
.condition-strip-controls[hidden]{display:none;}
.condition-strip-controls button{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:8px 14px;background:var(--white);color:var(--teal-700);font:inherit;font-size:14px;cursor:pointer;}
.condition-strip-controls button:hover{background:#eaf3f4;}
.condition-strip-controls button:focus-visible{outline:2px solid #087681;outline-offset:3px;}