.reminder-panel {margin:1rem 0;padding:1rem;border:1px solid #059669;border-radius:.75rem;max-width:100%;overflow-wrap:anywhere}
.reminder-panel h2,.reminder-panel h3 {font-weight:700;font-size:1.1rem}
.reminder-panel p {margin:.5rem 0}
.reminder-button {display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.5rem .8rem;margin:.25rem;border:1px solid #059669;border-radius:.5rem;color:inherit;background:transparent;cursor:pointer}
.reminder-button[aria-pressed=true] {color:#047857;background:#d1fae5}
.reminder-button:disabled {opacity:.6;cursor:default}
.reminder-button[hidden],.reminder-panel[hidden] {display:none}
.reminder-select {display:block;width:100%;max-width:100%;min-height:44px;margin:.5rem 0;padding:.5rem;color:inherit;background:inherit;border:1px solid #888;border-radius:.4rem}
.reminder-button:focus-visible,.reminder-select:focus-visible {outline:3px solid #059669;outline-offset:3px}
.dark .reminder-select {color-scheme:dark}