/* A native character field, sharing the ASCII lab's restrained instrument language. */
.blog-figure.hype-figure{max-width:none;margin:42px 0;background:#08090d;border-block:1px solid #ffffff20;padding:22px 0 18px}
.hype-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 18px;font:9px/1.6 var(--mono);letter-spacing:.06em;color:#b5a9be}
.hype-transport{display:flex;gap:6px}.hype-transport[hidden],.hype-phases[hidden]{display:none}
.hype-figure button{color:#b6b0c1;border:1px solid #ffffff20;background:transparent;font:10px/1.4 var(--mono);cursor:pointer;padding:9px 12px;border-radius:2px}
.hype-figure button:hover{background:#ffffff08;color:#fff}.hype-figure button:focus-visible{outline:2px solid #f1aecf;outline-offset:3px}
.hype-plot{position:relative;height:360px;margin-top:16px;overflow:hidden}
.hype-plot canvas,.hype-fallback{position:absolute;inset:0;width:100%;height:100%;display:block}
.hype-figure[data-ready=true] .hype-fallback{opacity:0}
.hype-axis{position:absolute;font:9px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#8f8b9b;pointer-events:none}
.hype-axis-y{left:6px;top:46%;writing-mode:vertical-rl;transform:rotate(180deg)}.hype-axis-x{bottom:4px;left:50%;transform:translateX(-50%)}
.hype-pin{position:absolute;top:5px;left:calc(24% + 18px);font:10px/1.5 var(--mono);color:#f0c0d6;pointer-events:none}
.hype-pin small{display:block;color:#8d8398;font-size:8px}.hype-pin::after{content:"";display:block;width:1px;height:48px;background:linear-gradient(#d596b8,transparent);margin:5px 0 0 6px}
.hype-phases{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:23px 18px 0}
.hype-phases button{padding:12px 5px;text-align:left;min-width:0;border-color:transparent;border-top:1px solid #ffffff20;border-radius:0;font-size:9px}
.hype-phases button span{display:block;font-size:8px;color:#716b7b;margin-bottom:6px}
.hype-phases [aria-pressed=true]{color:#f0c0d6;border-top-color:#e1a1c3;background:linear-gradient(#e1a1c30b,transparent)}
.lab-article .hype-description{font:13px/1.75 var(--sans);color:#b7adbf;margin:18px 18px 0;min-height:3.5em;max-width:none}
.hype-description strong{color:#eee4f0;font-weight:400}
.hype-figure figcaption{margin:18px 18px 0;border-top:1px solid #ffffff12;padding-top:14px;font:9px/1.75 var(--mono);color:#857e90}
@media(max-width:500px){.hype-head{padding:0 8px;gap:8px;font-size:8px}.hype-figure button{padding:9px 8px}.hype-plot{height:290px}.hype-phases{margin-inline:5px;gap:2px}.hype-phases button{font-size:8px;padding:10px 3px}.hype-phases button span{font-size:7px}.hype-pin{font-size:9px;left:calc(24% + 18px)}.lab-article .hype-description{margin-inline:8px;min-height:5.25em}.hype-figure figcaption{margin-inline:8px}}