/* EphemerisX Pro concept preview (preview.js). Scoped to .epxp. */
.epxp{position:relative;overflow:hidden;background:#fff;border:1px solid #E3E6E8;aspect-ratio:16/10;min-height:460px;color:#0F0F10;
  font:14px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;isolation:isolate}
.epxp *{box-sizing:border-box}
.epxp-map{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.epxp-tag{position:absolute;top:12px;left:14px;margin:0;z-index:3;font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;
  color:#8a6d1f;background:#fff8e6;border:1px solid #efd9a6;padding:6px 8px}
.epxp-status{position:absolute;left:50%;top:14px;transform:translate(-50%,-6px);margin:0;z-index:3;opacity:0;transition:opacity .3s,transform .3s;
  font:12px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:#0F0F10;background:rgba(255,255,255,.92);border:1px solid #E3E6E8;padding:7px 12px 7px 26px;white-space:nowrap;max-width:calc(100% - 200px);overflow:hidden;text-overflow:ellipsis}
.epxp-status::before{content:"";position:absolute;left:10px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#b3261e;animation:epxp-pulse 1s infinite}
.epxp-status.on{opacity:1;transform:translate(-50%,0)}
@keyframes epxp-pulse{50%{opacity:.25}}
.epxp-conv{position:absolute;left:50%;top:48px;bottom:82px;width:min(860px,calc(100% - 40px));transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;gap:12px;
  opacity:0;transition:opacity .4s;pointer-events:none}
.epxp-conv.on{opacity:1}
.epxp-q{align-self:flex-end;margin:0;max-width:80%;background:#0F0F10;color:#fff;padding:10px 14px;font-size:14px}
.epxp-a{opacity:0;transition:opacity .3s;background:rgba(255,255,255,.94);border:1px solid #E3E6E8;padding:14px 16px;overflow:hidden;min-height:0;display:flex;flex-direction:column;gap:12px}
.epxp-a.on{opacity:1}
.epxp-text{margin:0;font-size:14.5px;line-height:1.6;color:#2b2d30}
.epxp-text .w{opacity:0;transition:opacity .25s}
.epxp-text .w.in{opacity:1}
.epxp-cite{display:inline-block;margin-left:4px;padding:0 6px;border:1px solid #c9d6e6;background:#eef4fb;color:#00426C;font:11px/18px ui-monospace,SFMono-Regular,Menlo,monospace;vertical-align:1px;white-space:nowrap}
.epxp-arts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;min-height:0}
.epxp-art{border:1px solid #E3E6E8;background:#fff;padding:10px 12px;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s;overflow:hidden}
.epxp-art.in{opacity:1;transform:none}
.epxp-art-h{margin:0 0 8px;font:600 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:#696C6F}
.epxp-art-foot{margin:6px 0 0;font-size:11.5px;color:#696C6F}
.epxp-flight{width:100%;height:auto;display:block}
.epxp-flight text{font:9px system-ui,sans-serif;fill:#4E5052}
.epxp-coast{fill:none;stroke:#E3E6E8;stroke-width:1.2}
.epxp-apt{fill:#0f766e}
.epxp-leg{fill:none;stroke:#b3261e;stroke-width:2;stroke-dasharray:160;stroke-dashoffset:160;animation:epxp-draw 1.4s .2s forwards}
@keyframes epxp-draw{to{stroke-dashoffset:0}}
.epxp-vote{display:grid;grid-template-columns:62px 1fr auto;gap:8px;align-items:center;margin:5px 0;font-size:12.5px}
.epxp-bar{display:flex;height:10px;background:#f1f3f4}
.epxp-bar i,.epxp-art-foot i.k{display:inline-block;height:100%}
.epxp-bar .y,.k.y{background:#1f4e8c}.epxp-bar .n,.k.n{background:#b54708}.epxp-bar .u,.k.u{background:#d9cdb4}
.epxp-art-foot i.k{width:9px;height:9px;margin:0 4px 0 8px;vertical-align:-1px}
.epxp-vote-c{font:11.5px ui-monospace,Menlo,monospace;color:#4E5052}
.epxp-table{width:100%;border-collapse:collapse;font-size:12px}
.epxp-table th{text-align:left;font-weight:600;color:#0F0F10;border-bottom:1px solid #E3E6E8;padding:4px 6px 4px 0}
.epxp-table td{border-bottom:1px solid #f1f3f4;padding:4px 6px 4px 0;color:#2b2d30;vertical-align:top}
.epxp-tl{list-style:none;margin:0;padding:0;font-size:12px}
.epxp-tl li{display:grid;grid-template-columns:auto auto 1fr;gap:6px;align-items:baseline;padding:3px 0;border-bottom:1px solid #f1f3f4}
.epxp-tl-d{font:11px ui-monospace,Menlo,monospace;color:#4E5052;white-space:nowrap}
.epxp-tl-k{font:600 9.5px/16px ui-monospace,Menlo,monospace;padding:0 5px;border:1px solid #E3E6E8;color:#4E5052;text-transform:uppercase}
.epxp-tl-k.k-flight{color:#0f766e;border-color:#9fd3cb}.epxp-tl-k.k-press{color:#6b7280}.epxp-tl-k.k-filing,.epxp-tl-k.k-crl{color:#00426C;border-color:#c9d6e6}
.epxp-risk{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:0;font-size:12px;border-left:2px solid #b54708;padding-left:10px}
.epxp-risk dt{font:600 10px/1.6 ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:#696C6F}
.epxp-risk dd{margin:0;color:#2b2d30}
.epxp-file{display:flex;gap:12px;align-items:center}
.epxp-doc{flex:none;width:46px;height:60px;border:1px solid #cfd3d6;background:#fff;padding:7px 6px;display:flex;flex-direction:column;gap:4px;box-shadow:3px 3px 0 #f1f3f4}
.epxp-doc i{display:block;height:3px;background:#dfe3e6}.epxp-doc i.s{width:60%}
.epxp-file-n{margin:0 0 4px;font-weight:600;font-size:13px}
.epxp-file-k{margin:0 0 4px;display:flex;gap:4px;flex-wrap:wrap}
.epxp-file-k span{font:10.5px/17px ui-monospace,Menlo,monospace;padding:0 6px;border:1px solid #E3E6E8;color:#4E5052}
.epxp-file-m{margin:0;font-size:11.5px;color:#696C6F}
.epxp-askbar{position:absolute;left:50%;bottom:28px;width:min(720px,calc(100% - 40px));transform:translate(-50%,24px);opacity:0;transition:opacity .5s,transform .5s;z-index:3;
  display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #0F0F10;padding:11px 12px 11px 14px;box-shadow:0 10px 30px rgba(15,15,16,.12)}
.epxp-askbar.on{opacity:1;transform:translate(-50%,0)}
.epxp-askbar svg{width:16px;height:16px;fill:#b3261e;flex:none}
.epxp-input{flex:1;min-height:21px;font-size:15px;color:#0F0F10;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.epxp-input:empty::before{content:"Pose a question to the record…";color:#8a8d90}
.epxp-askbar.on .epxp-input::after{content:"";display:inline-block;width:1px;height:17px;background:#0F0F10;margin-left:1px;vertical-align:-3px;animation:epxp-pulse .9s steps(1) infinite}
.epxp-send{flex:none;width:28px;height:28px;display:grid;place-items:center;background:#e8eaed;color:#fff;font-weight:700;transition:background .2s}
.epxp-askbar.typed .epxp-send{background:#0F0F10}
.epxp-ctrl{position:absolute;right:12px;bottom:8px;z-index:4;display:flex;gap:6px;align-items:center}
.epxp-dot{width:8px;height:8px;padding:0;border:1px solid #0F0F10;border-radius:50%;background:#fff;cursor:pointer}
.epxp-dot.on{background:#0F0F10}
.epxp-full .epxp-ctrl{left:12px;right:auto;bottom:auto;top:12px;left:auto;right:12px}
.epxp-full .epxp-dot{width:auto;height:auto;border-radius:0;padding:4px 8px;font:11px ui-monospace,Menlo,monospace;background:rgba(255,255,255,.9);color:#0F0F10}
.epxp-full .epxp-dot.on{background:#0F0F10;color:#fff}
.epxp-play{border:1px solid #0F0F10;background:#fff;color:#0F0F10;font-size:11px;width:28px;height:24px;cursor:pointer}
.epxp-dot:focus-visible,.epxp-play:focus-visible{outline:2px solid #00426C;outline-offset:2px}
@media (max-width:760px){
  .epxp{aspect-ratio:auto;height:720px}
  .epxp-text{font-size:13px;line-height:1.5}
  .epxp-cite{font-size:10px;line-height:16px}
  .epxp-a{padding:12px}
  .epxp-arts{grid-template-columns:1fr}
  .epxp-art:nth-child(n+2){display:none}
  .epxp-status{max-width:calc(100% - 28px);top:44px}
  .epxp-conv{top:88px}
  .epxp-full .epxp-ctrl{top:auto;bottom:6px;right:8px;flex-wrap:wrap;justify-content:flex-end}
  .epxp-full .epxp-askbar{bottom:44px}
  .epxp-full .epxp-conv{bottom:104px}
}
/* the docs replays show every artifact: more room, two columns, scroll if needed */
.epxp-full{aspect-ratio:auto;height:720px}
.epxp-full .epxp-a{overflow:auto}
.epxp-full .epxp-arts{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:760px){.epxp-full{height:760px}.epxp-full .epxp-arts{grid-template-columns:1fr}}
