.title-alert{display:flex;align-items:center;justify-content:space-between;gap:20px 32px;padding:24px 0 28px;margin:8px 0 12px;border-block:1px solid var(--color-border)}
.title-alert-copy{min-width:0;max-width:46ch}
.title-alert-copy h3{margin:0 0 8px;font-size:21px;line-height:1.2;letter-spacing:-.02em;text-wrap:balance}
.title-alert-copy p{margin:0;color:var(--color-text-secondary);font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.title-alert-button{display:flex;align-items:center;justify-content:center;gap:12px;flex:none;min-height:52px;max-width:100%;padding:13px 20px;border:1px solid var(--color-accent);border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-text);font:500 14px/1.35 var(--font-ui);text-align:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.title-alert-button .icon{width:24px;height:24px;flex:none;color:var(--color-accent)}
.title-alert-button:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}
.title-alert-button:disabled{cursor:default;border-color:var(--color-control-border);color:var(--color-text-secondary)}
.title-alert-button[aria-pressed=true]{color:var(--color-text);border-color:var(--color-accent)}
.title-alert-button[aria-busy=true]{cursor:wait}
@media(hover:hover){.title-alert-button:hover:not(:disabled){background:var(--color-surface)}}
@media(max-width:700px){.title-alert{align-items:stretch;flex-direction:column;gap:18px}.title-alert-button{width:100%}.title-alert-copy h3{font-size:20px}}