.signal-library,.signal-guide{max-width:980px;margin:auto;padding:clamp(24px,5vw,64px)}
.signal-library h1,.signal-guide h1{font-size:clamp(38px,7vw,76px);line-height:.94;margin:.25em 0}
.signal-library-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}
.signal-library-actions>*{min-height:52px}
.signal-saved-list{display:grid;gap:12px;margin:24px 0}
.signal-saved{width:100%;display:grid;grid-template-columns:120px 1fr auto;gap:14px;align-items:center;text-align:left;padding:20px;border:1px solid #85ddff66;border-radius:18px;background:#11192acc;color:#fff}
.signal-saved time,.signal-saved span{color:#aeb8c8}.signal-saved em{color:#9ce9ff;font-style:normal}
.signal-saved:hover,.signal-saved:focus-visible{border-color:#a4f0ff;box-shadow:0 0 28px #77dcff35;transform:translateY(-2px)}
.signal-pairings,.signal-archetype-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:30px 0}
.signal-pairings article,.signal-archetype-grid article{padding:24px;border:1px solid #8ee8ff55;border-radius:22px;background:linear-gradient(145deg,#121a2ddd,#1d1730dd)}
.signal-archetype-grid article{min-height:390px}.signal-archetype-grid h2{font-size:30px;margin:.3em 0;color:#b9efff;text-shadow:0 0 18px #7bdfff55}
.signal-archetype-grid h3{font-size:12px;letter-spacing:.16em;color:#f3ce72;margin:22px 0 6px}.signal-archetype-grid strong{display:block;margin-bottom:14px}
@media(max-width:680px){.signal-saved{grid-template-columns:1fr}.signal-saved em{justify-self:start}.signal-pairings,.signal-archetype-grid{grid-template-columns:1fr}.signal-archetype-grid article{min-height:0}}
@media(prefers-reduced-motion:reduce){.signal-saved{transition:none}}