/* Runway Index embed kit — https://www.runwayindex.ai/api */
@font-face {
  font-family: "RW Plex Mono";
  src: url("https://www.runwayindex.ai/fonts/plexmono-400.woff2") format("woff2");
  font-weight: 400; font-display: swap;
}
@font-face {
  font-family: "RW Plex Mono";
  src: url("https://www.runwayindex.ai/fonts/plexmono-500.woff2") format("woff2");
  font-weight: 500; font-display: swap;
}
@font-face {
  font-family: "RW Archivo Black";
  src: url("https://www.runwayindex.ai/fonts/archivoblack-400.woff2") format("woff2");
  font-weight: 400; font-display: swap;
}

.rw-embed {
  --rw-paper: #fbfaf7; --rw-ink: #16181d; --rw-sub: #3d4149; --rw-mid: #5c6270;
  --rw-muted: #8a8f9b; --rw-hairline: #e4e0d3; --rw-gold: #f2b224; --rw-amber: #b07908;
  --rw-mono: "RW Plex Mono", ui-monospace, Menlo, Consolas, monospace;
  --rw-display: "RW Archivo Black", system-ui, sans-serif;
  box-sizing: border-box;
  background: var(--rw-paper); color: var(--rw-ink);
  border: 1px solid var(--rw-ink);
  padding: 16px 16px 12px;
  font-family: var(--rw-mono); font-size: 11px; line-height: 1.4;
  max-width: 100%;
}
.rw-embed *, .rw-embed *::before, .rw-embed *::after { box-sizing: border-box; }

.rw-head { display: flex; align-items: baseline; gap: 10px; margin-bottom: 12px; }
.rw-code { font-family: var(--rw-display); font-size: 26px; line-height: 1; letter-spacing: 0.01em; }
.rw-name { font-size: 10px; letter-spacing: 0.12em; color: var(--rw-mid); text-transform: uppercase;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; flex: 1; }
.rw-big { font-size: 15px; font-weight: 500; white-space: nowrap; }

.rw-cells { display: flex; }
.rw-cells i { flex: 1 1 0; min-width: 2px; margin-right: 1px; display: block; }
.rw-cells i:last-child { margin-right: 0; }
.rw-fp i { height: 26px; }
.rw-bars { display: flex; align-items: flex-end; height: 68px; }
.rw-bars i { flex: 1 1 0; min-width: 2px; margin-right: 1px; background: var(--rw-ink); display: block; }
.rw-bars i:last-child { margin-right: 0; }
.rw-bars i:hover, .rw-fp i:hover { outline: 1.5px solid var(--rw-gold); outline-offset: 0; }

.rw-axis { display: flex; justify-content: space-between; margin-top: 5px;
  font-size: 9px; letter-spacing: 0.14em; color: var(--rw-muted); }

.rw-rrow { display: flex; align-items: center; gap: 8px; margin-top: 5px; }
.rw-rrow .rw-dest { width: 60px; font-weight: 500; letter-spacing: 0.06em; white-space: nowrap; }
.rw-rrow .rw-cells { flex: 1; min-width: 0; }
.rw-rrow .rw-cells i { height: 12px; }
.rw-rrow .rw-rv { width: 52px; text-align: right; color: var(--rw-sub); font-size: 10px; }

.rw-foot { display: flex; justify-content: space-between; align-items: baseline; margin-top: 12px;
  padding-top: 8px; border-top: 1px solid var(--rw-hairline); }
.rw-foot a { font-size: 9px; letter-spacing: 0.2em; color: var(--rw-muted); text-decoration: none; }
.rw-foot a:hover { color: var(--rw-amber); }
.rw-note { font-size: 9px; letter-spacing: 0.1em; color: var(--rw-muted); }

.rw-status { padding: 22px 0; text-align: center; font-size: 10px; letter-spacing: 0.2em;
  color: var(--rw-muted); }

.rw-tip { position: fixed; z-index: 2147483647; pointer-events: none; display: none;
  background: #16181d; color: #fbfaf7; font-family: "RW Plex Mono", ui-monospace, Menlo, monospace;
  font-size: 10px; letter-spacing: 0.08em; padding: 5px 8px; white-space: nowrap; }