/* agenticevals.dev effects layer: decoder labels, magnetic buttons, logo glint */

/* 4. decoder labels */
.fx-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* 5. magnetic buttons */
.fx-mag{transition:transform .5s cubic-bezier(.25,1.9,.45,1),background-color .2s,border-color .2s,color .2s}
.fx-mag.fx-near{transition:transform .14s ease-out,background-color .2s,border-color .2s,color .2s}

/* 6. logo glint */
.fx-glint{opacity:0;transform:translateX(-16px)}
.brand:hover .fx-glint,.brand:focus-visible .fx-glint{animation:fxGlint .8s cubic-bezier(.4,0,.2,1)}
@keyframes fxGlint{0%{opacity:0;transform:translateX(-16px)}20%{opacity:1}100%{opacity:0;transform:translateX(58px)}}

@media (prefers-reduced-motion:reduce){
  .fx-glint{animation:none!important;opacity:0}
  .fx-mag{transition:none;transform:none!important}
}

/* Full-column prose, 9 Oct 2026 */
/* Keep the homepage hero beside its image; other prose follows its containing column. */
main section:not(.hero) p,
main .hero-page p,
main .qa p.a,
.page section p { max-width: none; }
main .qa-list,
main .qa-toc,
main .faq,
main .post-list,
main .article { max-width: none; }

/* Pack skeleton numbered lists, 16 Oct 2026 */
.pack-list{margin:.3em 0 .5em;padding-left:1.3em}
.pack-list li{margin:0 0 .35em;line-height:1.5}
.card .pack-list + p{margin-top:.5em}