.membership-activities { min-width:0; margin:6px 0; padding:20px; border:1px solid #ead5b8; border-radius:16px; background:#fff9ef; }
.membership-activities legend { padding:0 6px; font-size:19px; font-weight:800; letter-spacing:-.025em; }
.membership-activities > p { margin:0 0 18px; font-size:14px; line-height:1.6; color:#6a5d50; }
.membership-activity-grid { display:grid; gap:18px; }
.membership-activity-picker { position:relative; display:grid; gap:7px; min-width:0; }
.membership-activity-picker > label { font-weight:700; }
.membership-activity-controls { display:flex; gap:7px; }
.membership-activity-controls input { flex:1; }
.membership-activity-clear { flex:0 0 44px; min-height:48px; border:1px solid #decdb8; border-radius:12px; background:#fffdf9; color:#665548; font-size:23px; cursor:pointer; }
.membership-activity-results { display:grid; max-height:280px; overflow:auto; border:1px solid #dfc6a4; border-radius:12px; background:#fff; box-shadow:0 8px 24px #3c250d10; }
.membership-activity-results[hidden],.membership-activity-picker [hidden] { display:none; }
.membership-activity-results button { display:grid; gap:4px; width:100%; min-height:56px; padding:12px 14px; border:0; border-bottom:1px solid #f0e6d8; background:#fff; text-align:left; color:#28242b; cursor:pointer; font:inherit; }
.membership-activity-results button:last-child { border-bottom:0; }
.membership-activity-results button:hover,.membership-activity-results button:focus-visible { background:#fff1db; outline:2px solid #bc721c; outline-offset:-2px; }
.membership-activity-results button:disabled { opacity:.5; cursor:default; }
.membership-activity-results span,.membership-activity-status { font-size:12px; line-height:1.5; color:#736454; }
.membership-activity-status { margin:0; }
.membership-activity-picker.is-taken .membership-activity-status { color:#97540c; }
.membership-activities .membership-activity-reprise { margin:16px 0 0; padding:10px 12px; border-radius:10px; background:#f0f3e9; color:#4d653e; font-size:13px; }
@media(max-width:700px) { .membership-activities { padding:16px 12px; } .membership-activities legend { font-size:17px; } }