/* Two content-led, explicitly illustrative control panels. */
.story-tool,.story-demo{position:relative;margin-top:28px;padding:20px 22px 19px;border:1px solid #95c6cf55;background:linear-gradient(135deg,#132a39d9,#091722e8);box-shadow:0 18px 48px #0003;overflow:hidden;isolation:isolate;color:#e2eeee}.story-tool:before,.story-demo:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 95% 0%,#77d5e61d,transparent 55%)}.story-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.story-kicker{font:700 10px/1.5 'Space Mono',monospace;letter-spacing:.07em;text-transform:uppercase;color:#b6dedd}.story-indicator{display:flex;gap:4px}.story-indicator i{display:block;width:4px;height:4px;border-radius:50%;background:#94d4d0;box-shadow:0 0 8px #8de2df;animation:story-glow 2.6s ease-in-out infinite alternate}.story-indicator i:nth-child(2){animation-delay:-.8s}.story-indicator i:nth-child(3){animation-delay:-1.7s}.story-hint{font-size:12px;line-height:1.55;color:#a7bcc2;margin:8px 0 14px}.story-controls,.story-samples{display:flex;gap:8px;flex-wrap:wrap}.story-controls button,.story-samples button{cursor:pointer;border:1px solid #8bb5bd70;border-radius:0;background:#0a1a28b8;color:#d9e9e9;padding:8px 12px;font:700 10px/1.4 'Space Mono',monospace;letter-spacing:.04em;transition:color .2s,background .2s,border-color .2s}.story-controls button:hover,.story-samples button:hover{border-color:#b9f4ec;background:#1d4050}.story-controls button[aria-pressed=true],.story-samples button[aria-pressed=true]{color:#092027;background:#b7e5df;border-color:#b7e5df}.story-controls button:focus-visible,.story-samples button:focus-visible{outline:3px solid #f3d0a8;outline-offset:3px}.story-tool-result{display:flex;gap:11px;margin-top:15px;padding-top:14px;border-top:1px solid #94b8bf33;min-height:72px}.story-pulse{flex:none;width:8px;height:8px;border-radius:50%;margin-top:5px;background:#9ee4db;box-shadow:0 0 0 3px #9ee4db20,0 0 14px #8fece3}.story-tool-result strong{display:block;font:700 12px/1.4 'DM Sans',sans-serif;color:#e8f4f2}.story-tool-result p{font-size:12px;line-height:1.55;color:#abc0c5;margin:4px 0 0}.story-demo{margin-top:30px}.story-demo-index{font:10px 'Space Mono',monospace;color:#7ea9b2}.story-samples button{font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:0}.story-demo-result{margin-top:14px;border:1px solid #8cbcc333;background:#061520a6;padding:13px 15px}.story-sentence{font:500 14px/1.5 'DM Sans',sans-serif;color:#eef8f5;margin:0 0 12px}.story-answer{display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid #8cbcc333;padding-top:10px}.story-answer-label{font:9px/1.5 'Space Mono',monospace;letter-spacing:.04em;color:#a2bac0}.story-answer strong{font:700 10px/1.2 'Space Mono',monospace;letter-spacing:.05em;text-transform:uppercase;padding:6px 9px;background:#4e9c9060;color:#cff7e9}.story-demo[data-selected=negative] .story-answer strong{background:#a76e5866;color:#ffdfc6}.story-note{font-size:11px;line-height:1.45;color:#9eb3ba;margin:12px 0 0}.story-demo[data-selected=positive] .story-answer strong,.story-demo[data-selected=negative] .story-answer strong{animation:story-result .35s ease both}@keyframes story-glow{to{opacity:.28;scale:.75}}@keyframes story-result{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:800px){.story-tool,.story-demo{padding:17px;margin-top:23px}.story-controls button,.story-samples button{min-height:40px}}@media(prefers-reduced-motion:reduce){.story-indicator i,.story-demo .story-answer strong{animation:none!important}.story-controls button,.story-samples button{transition:none}}
/* Keep the project text readable at every scroll position and avoid duplicate timeline markers. */
.project-card-body p{clip-path:none!important}.xp-route{display:none}