/* Consistent, legible selection states across the R-Node illustrations. */
:is(.demo-tabs, .role-tabs, .rise-tabs, .channel-tabs, .journey-tabs, .prompt-switches) button {
  min-height: 44px;
  color: #214f40;
  background: #fcfaf3;
  border: 1px solid #628773;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
:is(.demo-tabs, .role-tabs, .rise-tabs, .channel-tabs, .journey-tabs, .prompt-switches) button:is([aria-selected="true"], [aria-pressed="true"]) {
  background: #164d40;
  color: #fffdf5;
  border-color: #164d40;
  box-shadow: inset 0 -3px 0 #87e5d4, 0 3px 10px #103b3315;
}
.journey-tabs button > span, .journey-tabs button small { color: #426352; }
.journey-tabs button[aria-selected="true"] > span,
.journey-tabs button[aria-selected="true"] small { color: #def2e8; }
.journey-tabs button[aria-selected="true"]::after { background: #87e5d4; }
.demo-tabs button { min-height: 40px; }
.mini-kpis { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }
.mini-kpi strong { white-space: nowrap; font-size: clamp(1rem, 1.8vw, 1.5rem); }

/* Ivory cards keep the industry examples readable against the emerald section. */
.elina-prompts button, .elina-prompts button:hover {
  background: #fcfaf3;
  color: #214f40;
  border-color: #a2c1af;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.elina-prompts button small { color: #426352; }
.elina-prompts button > .icon { color: #214f40; }
.elina-prompts button[aria-pressed="true"] {
  background: #b8ecd4;
  color: #123d32;
  border-color: #87e5d4;
  box-shadow: inset 4px 0 0 #164d40, 0 6px 18px #041e1926;
}
.elina-prompts button[aria-pressed="true"] small { color: #214f40; }
.elina-prompts > p { color: #c7ddd2; }
:is(.demo-tabs, .role-tabs, .rise-tabs, .channel-tabs, .journey-tabs, .prompt-switches, .elina-prompts) button:focus-visible {
  outline: 3px solid #14705a;
  outline-offset: 4px;
}
.elina-prompts button:focus-visible { outline-color: #b8ecd4; }

.rdv-elina-access {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 56px;
  max-width: 100%;
  padding: 0 18px 0 10px;
  border: 1px solid #96c6ad;
  border-radius: 999px;
  background: #e5f7e9;
  color: #163f31;
  font: 700 14px/1.4 var(--font, Inter, system-ui, sans-serif);
  text-decoration: none;
  color-scheme: light;
  transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.rdv-elina-access img { width: 40px; height: 50px; object-fit: contain; object-position: center bottom; align-self: flex-end; flex: none; }
.rdv-elina-access svg { width: 19px; height: 19px; flex: none; }
.rdv-elina-access:hover { background: #c9efd8; }
.rdv-elina-access:focus-visible { outline: 3px solid #87e5d4; outline-offset: 4px; }
.rdv-elina-access-floating {
  position: fixed;
  right: max(24px, env(safe-area-inset-right));
  bottom: calc(100px + env(safe-area-inset-bottom));
  z-index: 40;
  max-width: calc(100vw - 32px);
  box-shadow: 0 6px 24px #083f3626;
}
.rdv-elina-access-inline { margin-top: 24px; text-align: left; justify-self: start; }
.elina-prompts .rdv-elina-access-inline { grid-column: 1 / -1; margin-top: 8px; }
body:has(.nav-links.open, dialog[open], [data-demo-open]) .rdv-elina-access-floating { display: none; }

@media (hover: hover) and (pointer: fine) {
  :is(.demo-tabs, .role-tabs, .rise-tabs, .channel-tabs, .journey-tabs, .prompt-switches) button:hover {
    transform: translateY(-2px);
    box-shadow: inset 0 -3px 0 #87e5d4, 0 7px 16px #103b3326;
  }
  :is(.demo-tabs, .role-tabs, .rise-tabs, .channel-tabs, .journey-tabs, .prompt-switches) button:hover:not([aria-selected="true"]):not([aria-pressed="true"]) {
    background: #e5f3e8;
    border-color: #164d40;
  }
  .elina-prompts button:hover { background: #e5f3e8; transform: translateY(-2px); border-color: #87e5d4; box-shadow: 0 7px 18px #041e1933; }
  .elina-prompts button[aria-pressed="true"]:hover { background: #b8ecd4; box-shadow: inset 4px 0 0 #164d40, 0 7px 18px #041e1933; }
  .rdv-elina-access:hover { transform: translateY(-2px); box-shadow: 0 8px 24px #083f3633; }
}
@media (max-width: 600px) {
  .rdv-elina-access-floating { right: max(12px, env(safe-area-inset-right)); bottom: calc(84px + env(safe-area-inset-bottom)); min-height: 48px; padding-right: 14px; gap: 8px; font-size: 13px; }
  .rdv-elina-access-floating img { width: 32px; height: 42px; }
  .rdv-elina-access-floating svg { width: 16px; height: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  :is(.demo-tabs, .role-tabs, .rise-tabs, .channel-tabs, .journey-tabs, .prompt-switches, .elina-prompts) button,
  .rdv-elina-access { transition: none; }
  :is(.demo-tabs, .role-tabs, .rise-tabs, .channel-tabs, .journey-tabs, .prompt-switches, .elina-prompts) button:hover,
  .rdv-elina-access:hover { transform: none; }
}
@media print { .rdv-elina-access-floating { display: none; } }

/* Immediate acknowledgement while the destination document is loading. */
.rdv-elina-navigation{position:fixed;z-index:10000;left:50%;bottom:26px;transform:translateX(-50%);display:flex;align-items:center;gap:15px;width:min(620px,calc(100% - 32px));padding:20px 22px;border:1px solid #acd2bb;border-radius:14px;background:#f3fbf4;color:#173f35;box-shadow:0 12px 40px #103a3340;font-family:inherit;line-height:1.5}
.rdv-elina-navigation[hidden],.rdv-elina-navigation [hidden]{display:none!important}
.rdv-elina-navigation strong{display:block;font-size:16px;font-weight:650}
.rdv-elina-navigation p{margin:4px 0 0;font-size:13px;color:#355c50}
.rdv-elina-navigation a{color:#173f35;font-size:13px;font-weight:650;text-decoration:underline;white-space:nowrap}
.rdv-elina-navigation button{align-self:flex-start;border:0;background:transparent;color:#355c50;font-size:25px;line-height:1;padding:3px 6px;cursor:pointer}
.rdv-elina-navigation-spinner{flex:0 0 26px;width:26px;height:26px;border:3px solid #c3dccb;border-top-color:#245944;border-radius:50%;animation:rdv-elina-navigation-spin .85s linear infinite}
@keyframes rdv-elina-navigation-spin{to{transform:rotate(360deg)}}
@media(max-width:540px){.rdv-elina-navigation{bottom:14px;padding:16px;gap:11px;flex-wrap:wrap}.rdv-elina-navigation>div{flex:1;min-width:180px}.rdv-elina-navigation strong{font-size:14px}.rdv-elina-navigation a{order:5;margin-left:37px}}
@media(prefers-reduced-motion:reduce){.rdv-elina-navigation-spinner{animation:none}}
@media print{.rdv-elina-navigation{display:none!important}}

/* Shared, explicit routes between the case collection and the main website. */
.rdv-site-links{background:#f5f7f2;border-bottom:1px solid #dce5dc;color:#315448;font-size:13px;line-height:1.5}
.rdv-site-links>div{width:min(1240px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding:9px 0}
.rdv-site-links a{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none;padding:3px 0}
.rdv-site-links a:hover,.rdv-site-links a:focus-visible{color:#123d31;text-decoration:underline;text-underline-offset:4px}
.footer-links{flex-wrap:wrap}
.usecase-card:nth-child(n+3) .usecase-image{height:auto;aspect-ratio:3/2}
.usecase-card:nth-child(n+3) .usecase-image img{position:absolute;inset:0;object-position:50% 0}
@media(max-width:540px){.rdv-site-links{font-size:12px}.rdv-site-links>div{width:calc(100% - 36px);gap:4px 16px}}
@media print{.rdv-site-links{display:none}}