.reminder{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:18px 0;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--ink)}
.reminder-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:100%;padding:10px 16px;border:1px solid var(--green);border-radius:12px;background:var(--card);color:var(--green-dark);font:inherit;font-size:.86rem;font-weight:750;line-height:1.25;text-align:left;text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.reminder-button svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.reminder-button:hover{background:var(--green);border-color:var(--green);color:#fff}
.reminder-button:focus-visible{outline:3px solid var(--lime);outline-offset:2px}
.reminder-text{flex:1 1 260px;min-width:0}
.reminder-note{margin:0;font-size:.88rem;font-weight:650;line-height:1.45;overflow-wrap:anywhere}
.reminder-hint{margin:4px 0 0;color:var(--muted);font-size:.78rem;line-height:1.45}
@media(max-width:640px){.reminder{padding:14px}.reminder-button{width:100%}}
@media print{.reminder{display:none}}