/* Blurred Pro Preview (web/stackpeek.js). Brand ring/glow come from .card + glow.js; this file only lays out the inside. */
.spk{margin:14px 0 18px;text-align:left}
.card.spk,.card.spk *{hyphens:manual;-webkit-hyphens:manual}
.spk-nw{white-space:nowrap}
.spk-head{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.spk-h{margin:0;font-size:clamp(19px,2.4vw,24px);line-height:1.25;text-align:center;font-style:normal;overflow-wrap:anywhere}
.spk-whiz{position:relative;width:80px;flex:none;isolation:isolate;line-height:0}
.spk-whiz::before{content:none}
.spk-whiz::after{content:none}
.spk-whiz img{width:80px;height:auto;aspect-ratio:176/145;object-fit:contain;border-radius:0;filter:drop-shadow(0 6px 22px rgba(230,25,230,.35));animation:spkBob 3.2s ease-in-out infinite}
.spk-scan{display:none}
.spk-sub{margin:10px 0 12px;color:var(--muted);font-size:15px;text-align:center}
.spk-rows{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.spk-row{animation:spkIn .45s ease-out both;animation-delay:calc(var(--i,0) * 110ms);display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border)}
.spk-i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;background:var(--surface-3);color:#fff}
.spk-name{font-weight:700;min-width:0;overflow-wrap:anywhere}
a.spk-name{text-decoration:underline;text-decoration-color:rgba(160,160,184,.5);text-underline-offset:3px}
.spk-blur{display:block;height:14px;width:min(var(--w,12ch),75%);border-radius:7px;background:linear-gradient(90deg,#E619E6,#8000FF 55%,#0080FF);background-size:200% 100%;filter:blur(5px);opacity:.75;animation:spkShim 2.8s ease-in-out infinite}
.spk-meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right}
.spk-ev{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:var(--surface-3);color:#fff}
.spk-ev.ev-strong{background:rgba(0,221,235,.18);color:var(--ok)}
.spk-ev.ev-moderate{background:rgba(107,72,255,.25);color:#C9BCFF}
.spk-ev.ev-limited{background:rgba(255,176,32,.15);color:var(--warn)}
.spk-ct{font-size:13px;color:var(--muted)}
.spk-more{margin:10px 0 0;text-align:center;color:var(--muted);font-size:14px}
.spk-act{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:14px}
.spk-cta{min-height:48px;max-width:100%}
.spk-fine{margin:8px 0 0;text-align:center;color:var(--dim);font-size:13px}
@media (max-width:420px){.spk-row{grid-template-columns:26px minmax(0,1fr) auto;gap:8px;padding:8px 10px}.spk-meta{max-width:62%}}
@keyframes spkScan{to{top:110%}}
@keyframes spkSpin{to{transform:rotate(1turn)}}
@keyframes spkIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes spkBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes spkShim{0%,100%{background-position:0 0}50%{background-position:100% 0}}
@media (prefers-reduced-motion:reduce){.spk-whiz img,.spk-scan,.spk-blur,.spk-whiz::before,.spk-row{animation:none}.spk-scan{display:none}}
.spk-ct.spk-col{display:flex;flex-direction:column;align-items:flex-end}.spk-ct.spk-col .spk-sep{display:none}