.email-alerts{position:relative;flex:none}.email-alerts-toggle{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--card-bg);color:var(--ink);font:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer}.email-alerts-toggle svg{width:var(--space-4);height:var(--space-4);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.email-alerts-toggle small{color:var(--muted);font-size:var(--text-xs);font-weight:600}.email-alerts-card{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:20;display:grid;width:min(calc(var(--space-10) * 8),calc(100vw - var(--space-8)));padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--card-bg);box-shadow:var(--shadow);text-align:left}.email-alerts-card>p{margin:0 0 var(--space-1);color:var(--muted);font-size:var(--text-xs)}.email-alerts-card label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2-5) 0;border-top:1px solid var(--soft);cursor:pointer}.email-alerts-card label:first-of-type{border-top:0}.email-alerts-card label>span{display:grid;grid-gap:var(--space-0-5);gap:var(--space-0-5);min-width:0}.email-alerts-card b{color:var(--ink);font-size:var(--text-base);font-weight:600}.email-alerts-card small{color:var(--muted);font-size:var(--text-xs)}.email-alerts-card input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;position:relative;width:var(--space-10);height:var(--space-6);margin:0;border-radius:var(--radius-pill);background:var(--line);cursor:pointer;transition:background .15s ease}.email-alerts-card input:after{content:"";position:absolute;top:var(--space-0-5);left:var(--space-0-5);width:var(--space-5);height:var(--space-5);border-radius:var(--radius-pill);background:var(--card-bg);box-shadow:var(--shadow);transition:transform .15s ease}.email-alerts-card input:checked{background:var(--brand-blue)}.email-alerts-card input:checked:after{transform:translateX(calc(var(--space-10) - var(--space-5) - var(--space-1)))}