/* Brand-specific handoff buttons; original event handlers remain in place. */
:is(button,a).case-action.brand-handoff,[data-special-case-modal] :is(button,a).case-action.brand-handoff {
 position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;
 padding:6px 14px 6px 9px;border:1px solid #426b58;border-radius:13px;
 background:linear-gradient(115deg,#163e35,#2c6651);color:#fffef5;
 box-shadow:0 3px 10px #173c351a,inset 0 1px #ffffff20;font-family:inherit;font-weight:700;font-size:15px;line-height:1.25;
 overflow:hidden;cursor:pointer;transition:transform .18s,box-shadow .18s,filter .18s;
}
:is(button,a).case-action.brand-handoff[data-handoff-brand=muse],[data-special-case-modal] :is(button,a).case-action.brand-handoff[data-handoff-brand=muse]{
 background:linear-gradient(115deg,#245bb4,#477fce);border-color:#5185cb;color:#fff;box-shadow:0 3px 10px #245bb425,inset 0 1px #ffffff30;
}
.brand-handoff .handoff-mascot{display:block;width:38px;height:38px;flex:0 0 38px;object-fit:cover;border-radius:11px;transition:transform .2s}
.brand-handoff[data-handoff-brand=grok-bot] .handoff-mascot{background:#c6ddbc;transform:rotate(-7deg)}
.brand-handoff[data-handoff-brand=muse] .handoff-mascot{object-position:50% 38%;border:1px solid #ffffff60}
.brand-handoff .handoff-label{white-space:nowrap;font-size:14px;font-weight:700;letter-spacing:.01em}
.brand-handoff .handoff-arrow{font-size:19px;font-weight:400;margin-left:3px;opacity:.75;transition:transform .2s}
:is(button,a).case-action.brand-handoff:hover{filter:brightness(1.08);box-shadow:0 5px 14px #173c352b;transform:translateY(-1px)}
.brand-handoff:hover .handoff-mascot{transform:rotate(4deg)}
.brand-handoff:hover .handoff-arrow{transform:translate(2px,-2px)}
:is(button,a).case-action.brand-handoff:focus-visible{outline:3px solid #60baf5;outline-offset:3px}
:is(button,a).case-action.brand-handoff:active{transform:translateY(0)}
@media(max-width:640px){:is(button,a).case-action.brand-handoff,[data-special-case-modal] :is(button,a).case-action.brand-handoff{gap:6px;padding:6px 8px;min-height:52px;flex-basis:175px}.brand-handoff .handoff-mascot{width:32px;height:32px;flex-basis:32px}.brand-handoff .handoff-label{font-size:13px}.brand-handoff .handoff-arrow{font-size:16px;margin-left:0}}
@media(prefers-reduced-motion:reduce){:is(button,a).case-action.brand-handoff,.brand-handoff .handoff-mascot,.brand-handoff .handoff-arrow{transition:none!important;transform:none!important}}
@media(max-width:640px){.brand-handoff .handoff-arrow{display:none}.brand-handoff .handoff-label{white-space:normal;min-width:0;font-size:12px}.brand-handoff .handoff-mascot{width:30px;height:30px;flex-basis:30px}}

/* Article requirements retain their links; handoff is an alternative below. */
[data-case-detail] .tldr .detail-handoff-option{margin-top:12px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.detail-handoff-or{display:flex;align-items:center;gap:9px;width:100%;color:var(--muted,#526785);font-size:12px;line-height:1.4}
.detail-handoff-or::before,.detail-handoff-or::after{content:"";height:1px;flex:1;background:currentColor;opacity:.18}
[data-case-detail] .detail-handoff-option button.case-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;max-width:100%;padding:6px 10px;border-radius:11px;font-size:13px;line-height:1.3;flex-basis:auto}
[data-case-detail] .detail-handoff-option .handoff-mascot{width:28px;height:28px;flex-basis:28px;border-radius:8px}
[data-case-detail] .detail-handoff-option .handoff-label{font-size:13px;white-space:normal}
[data-case-detail] .detail-handoff-option .handoff-arrow{font-size:16px}
[data-case-detail] .detail-handoff-option button:focus-visible{outline:3px solid #60baf5;outline-offset:3px}
[data-case-detail] .detail-handoff-option [data-detail-agent]:not(.brand-handoff){display:inline-flex;align-items:center;color:#fff!important;background:linear-gradient(125deg,#234d94,#6555ab)!important;border:1px solid #718bca!important;box-shadow:inset 0 1px 0 #ffffff30,0 2px 5px #25487918;transition:filter .15s,box-shadow .15s}
[data-case-detail] .detail-handoff-option [data-detail-agent]:not(.brand-handoff)::before{content:'';display:block;flex:0 0 24px;width:24px;height:24px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%2226%22%20height%3D%2222%22%20rx%3D%229%22%20fill%3D%22%23e6edff%22%2F%3E%3Cpath%20d%3D%22M16%207V3%22%20stroke%3D%22%23b8d8ff%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%223%22%20r%3D%222%22%20fill%3D%22%2391e9f5%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%2212%22%20width%3D%2218%22%20height%3D%2211%22%20rx%3D%225%22%20fill%3D%22%23334581%22%2F%3E%3Cpath%20d%3D%22M12%2016v3m8-3v3%22%20stroke%3D%22%2391e9f5%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M13%2026h6%22%20stroke%3D%22%236477b5%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
[data-case-detail] .detail-handoff-option [data-detail-agent]:not(.brand-handoff):hover{filter:brightness(1.12);box-shadow:0 2px 8px #354f9b30}
