/* Tynixa Clinical Story Experience */
:root{--story-bg:#06111f;--story-panel:#0c1b2d;--story-border:#23405f;--story-text:#e9f2ff;--story-muted:#9fb4d1;--story-cyan:#27d7ff;--story-green:#53e0a5;--story-amber:#ffbf47;--story-purple:#b890ff}
body.story-body{background:radial-gradient(circle at top left,#102d4d 0,#06111f 42%,#040811 100%);color:var(--story-text);font-family:Inter,Arial,sans-serif;margin:0}
.story-shell{max-width:1240px;margin:0 auto;padding:28px}.story-topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0}.story-brand{font-weight:900;letter-spacing:.04em}.story-nav{display:flex;gap:10px;flex-wrap:wrap}
.story-nav a,.story-btn{color:var(--story-text);text-decoration:none;border:1px solid var(--story-border);border-radius:999px;padding:9px 13px;background:rgba(16,36,58,.74);cursor:pointer}.story-btn.primary{background:linear-gradient(135deg,#00c8ff,#576cff);border:0}
.story-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center;padding:34px 0}.story-kicker{color:var(--story-cyan);text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.16em}.story-title{font-size:clamp(38px,6vw,78px);line-height:.96;margin:12px 0;background:linear-gradient(135deg,#fff,#8bdfff,#b890ff);-webkit-background-clip:text;color:transparent}.story-lead{font-size:19px;line-height:1.65;color:var(--story-muted)}
.story-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.story-card{grid-column:span 4;border:1px solid var(--story-border);border-radius:24px;padding:20px;background:linear-gradient(180deg,rgba(16,36,58,.92),rgba(8,20,34,.92));box-shadow:0 18px 60px rgba(0,0,0,.22)}.story-card.wide{grid-column:span 8}.story-card.full{grid-column:1/-1}.story-card p{color:var(--story-muted);line-height:1.55}
.story-badge{display:inline-flex;border:1px solid var(--story-border);border-radius:999px;padding:6px 10px;margin:3px;background:#0a2138;font-size:12px}.story-badge.green{color:#9dffd3}.story-badge.amber{color:#ffd891}.story-badge.purple{color:#d8c5ff}
.agent-timeline{display:grid;gap:12px}.agent-step{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;border:1px solid rgba(35,64,95,.75);border-radius:18px;padding:14px;background:#081a2c}.agent-dot{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#00c8ff,#b890ff);font-weight:900;color:#00111f}.agent-step small{color:var(--story-muted)}
.evidence-card{border:1px solid rgba(83,224,165,.24);background:rgba(8,35,31,.58);border-radius:18px;padding:16px;margin:10px 0}.conflict-card{border:1px solid rgba(255,191,71,.35);background:rgba(54,37,9,.42);border-radius:18px;padding:16px;margin:10px 0}
.story-chat{position:fixed;inset-inline-end:22px;bottom:22px;width:min(410px,calc(100vw - 44px));z-index:30;border:1px solid var(--story-border);border-radius:22px;background:rgba(7,17,31,.94);backdrop-filter:blur(16px);box-shadow:0 20px 80px rgba(0,0,0,.4);overflow:hidden}.story-chat header{padding:14px 16px;border-bottom:1px solid var(--story-border);font-weight:800}.story-chat .body{max-height:260px;overflow:auto;padding:12px}.story-chat textarea{width:100%;min-height:70px;background:#07111f;color:var(--story-text);border:1px solid var(--story-border);border-radius:14px;padding:10px}.story-chat footer{padding:12px}
@media(max-width:900px){.story-hero{grid-template-columns:1fr}.story-card,.story-card.wide{grid-column:1/-1}.story-chat{position:static;width:auto;margin:20px}}