/* ResultsAiX Theme: share buttons, the floating rail, the phone bar, the quote chip. */
.raix-share{--raix-share-h:42px;--raix-share-fs:14px;--raix-share-ic:18px;--raix-share-c:var(--raix-primary,#f59e0b);display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:26px 0}
.raix-share-sm{--raix-share-h:34px;--raix-share-fs:13px;--raix-share-ic:15px}
.raix-share-lg{--raix-share-h:50px;--raix-share-fs:15.5px;--raix-share-ic:22px}
.raix-share-head{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--raix-muted,#6b6453);white-space:nowrap}
.raix-share-row{display:flex;flex-wrap:wrap;gap:8px}
.raix-share-btn{display:inline-flex;align-items:center;gap:8px;height:var(--raix-share-h);padding:0 16px;border-radius:999px;border:1.5px solid transparent;background:var(--raix-share-c);color:#fff;font:700 var(--raix-share-fs)/1 inherit;font-family:inherit;text-decoration:none;cursor:pointer;position:relative;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;-webkit-tap-highlight-color:transparent}
.raix-share-btn svg{width:var(--raix-share-ic);height:var(--raix-share-ic);fill:currentColor;flex:none}
.raix-share-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.14);filter:brightness(1.06);text-decoration:none;color:#fff}
.raix-share-btn:focus-visible{outline:3px solid var(--raix-primary,#f59e0b);outline-offset:2px}
.raix-share-btn:active{transform:translateY(0)}
.raix-share-btn.is-copy,.raix-share-btn.is-native{background:var(--raix-text,#0a0a0a);color:var(--raix-bg,#fff)}
.raix-share-btn.is-copy:hover,.raix-share-btn.is-native:hover{color:var(--raix-bg,#fff)}
.raix-share-done{display:none;position:absolute;inset:0;align-items:center;justify-content:center;border-radius:inherit;background:#16a34a;color:#fff}
.raix-share-done svg{width:var(--raix-share-ic);height:var(--raix-share-ic)}
.raix-share-btn.is-done .raix-share-done{display:inline-flex}
/* Inside an article the theme colours every link; the buttons keep their own colours (higher specificity than .raix-prose a). */
.raix-prose .raix-share .raix-share-btn,.raix-prose .raix-share .raix-share-btn:hover,.raix-acc-prose .raix-share .raix-share-btn,.raix-acc-prose .raix-share .raix-share-btn:hover{color:#fff;font-weight:700;opacity:1;filter:none;text-decoration:none}
.raix-prose .raix-share .raix-share-btn.is-copy,.raix-prose .raix-share .raix-share-btn.is-native,.raix-acc-prose .raix-share .raix-share-btn.is-copy,.raix-acc-prose .raix-share .raix-share-btn.is-native{color:var(--raix-bg,#fff)}
.raix-prose .raix-share-mono .raix-share-btn,.raix-acc-prose .raix-share-mono .raix-share-btn{color:var(--raix-bg,#fff)}
.raix-prose .raix-share-outline .raix-share-btn,.raix-acc-prose .raix-share-outline .raix-share-btn{color:var(--raix-text,#0a0a0a)}
.raix-prose .raix-share-outline .raix-share-btn:hover,.raix-acc-prose .raix-share-outline .raix-share-btn:hover{color:var(--raix-share-c)}
.raix-prose .raix-share-outline .raix-share-btn.is-copy:hover,.raix-prose .raix-share-outline .raix-share-btn.is-native:hover{color:var(--raix-primary,#f59e0b)}
/* Belt and braces: whatever wraps these (an article body, a page builder, another plugin's link colours),
   a brand-coloured button is white text on its own colour, at full strength. Kevin: "they all need white text". */
.raix-share-brand a.raix-share-btn:not(.is-copy):not(.is-native),
.raix-share-brand a.raix-share-btn:not(.is-copy):not(.is-native):hover,
.raix-share-brand a.raix-share-btn:not(.is-copy):not(.is-native):visited,
.raix-share-brand a.raix-share-btn:not(.is-copy):not(.is-native):focus,
.raix-share-brand button.raix-share-btn:not(.is-copy):not(.is-native){color:#fff!important;opacity:1!important;filter:none!important;background-image:none!important;text-decoration:none!important}
.raix-share-brand .raix-share-btn.is-copy,.raix-share-brand .raix-share-btn.is-native,.raix-share-brand .raix-share-btn.is-copy:hover,.raix-share-brand .raix-share-btn.is-native:hover{color:var(--raix-bg,#fff)!important;opacity:1!important;filter:none!important}
.raix-share-mono .raix-share-btn,.raix-share-mono .raix-share-btn:hover,.raix-share-mono .raix-share-btn:visited{color:var(--raix-bg,#fff)!important;opacity:1!important;filter:none!important}
/* Styles */
.raix-share-mono .raix-share-btn{background:var(--raix-text,#0a0a0a);color:var(--raix-bg,#fff)}
.raix-share-mono .raix-share-btn:hover{color:var(--raix-bg,#fff)}
.raix-share-outline .raix-share-btn{background:transparent;border-color:var(--raix-border,#e5d9ba);color:var(--raix-text,#0a0a0a)}
.raix-share-outline .raix-share-btn:hover{border-color:var(--raix-share-c);color:var(--raix-share-c);box-shadow:none}
.raix-share-outline .raix-share-btn.is-copy:hover,.raix-share-outline .raix-share-btn.is-native:hover{border-color:var(--raix-primary,#f59e0b);color:var(--raix-primary,#f59e0b)}
/* Shapes */
.raix-share-square .raix-share-btn{border-radius:9px}
.raix-share-round .raix-share-btn{border-radius:999px}
/* Icon-only buttons: round pads, the same size all round. */
.raix-share-icons .raix-share-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.raix-share-icons .raix-share-btn{width:var(--raix-share-h);padding:0;justify-content:center}
.raix-share-icons.raix-share-square .raix-share-btn{border-radius:10px}
/* The floating rail, wide screens only, staying out of the reading column. */
.raix-share-rail-wrap{position:fixed;left:max(10px,calc((100vw - 1240px) / 2 - 62px));top:50%;transform:translateY(-50%);z-index:60}
.raix-share-rail{margin:0;flex-direction:column;gap:0}
.raix-share-rail .raix-share-row{flex-direction:column;gap:8px;padding:10px;border-radius:999px;background:var(--raix-card,#fff);border:1px solid var(--raix-border,#eee3c8);box-shadow:var(--raix-shadow-md,0 8px 28px rgba(0,0,0,.08))}
.raix-share-rail .raix-share-btn{--raix-share-h:40px}
@media (max-width:1300px){.raix-share-rail-wrap{display:none}}
/* The phone bar. */
.raix-share-bar-wrap{display:none;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:var(--raix-card,#fff);border-top:1px solid var(--raix-border,#eee3c8);box-shadow:0 -6px 20px rgba(0,0,0,.08)}
.raix-share-bar{margin:0;justify-content:center}
.raix-share-bar .raix-share-row{justify-content:center;gap:10px}
@media (max-width:820px){.raix-share-bar-wrap{display:block}body.raix-has-share-bar{padding-bottom:64px}}
/* Above and below the article: a light rule to sit against. */
.raix-share-top{margin:0 0 28px;padding:0 0 18px;border-bottom:1px solid var(--raix-border,#eee3c8)}
.raix-share-bottom{margin:34px 0 0;padding:22px 0 0;border-top:1px solid var(--raix-border,#eee3c8)}
/* The pull quote with its own buttons. */
.raix-share-quote{margin:30px 0;padding:22px 26px;border-left:5px solid var(--raix-primary,#f59e0b);border-radius:0 14px 14px 0;background:var(--raix-primary-light,rgba(245,158,11,.12))}
.raix-share-quote blockquote{margin:0 0 14px;padding:0;border:0;font-size:1.25em;font-weight:700;line-height:1.35;letter-spacing:-.01em;color:var(--raix-text,#0a0a0a)}
.raix-share-quote .raix-share{margin:0}
/* The chip that appears on selected text. */
.raix-share-chip{position:absolute;z-index:99995;display:flex;gap:4px;padding:5px;border-radius:999px;background:#0a0a0f;box-shadow:0 10px 30px rgba(0,0,0,.28);animation:raix-share-pop .18s ease-out}
.raix-share-chip button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:#fff;font:700 13px/1 inherit;font-family:inherit;cursor:pointer;white-space:nowrap}
.raix-share-chip button:hover,.raix-share-chip button:focus-visible{background:rgba(255,255,255,.14);outline:0}
.raix-share-chip button svg{width:16px;height:16px;fill:currentColor}
.raix-share-chip button.is-done{background:#16a34a}
.raix-share-chip::after{content:"";position:absolute;left:50%;top:-6px;width:12px;height:12px;background:#0a0a0f;transform:translateX(-50%) rotate(45deg);border-radius:2px}
.raix-share-chip.is-below::after{top:auto;bottom:-6px}
@keyframes raix-share-pop{from{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.raix-share-btn,.raix-share-chip{transition:none;animation:none}.raix-share-btn:hover{transform:none}}
@media print{.raix-share,.raix-share-rail-wrap,.raix-share-bar-wrap,.raix-share-chip{display:none!important}}
