/* xc-motion.css — NON-critical motion styles (loaded async). The critical reveal mechanism is inlined in so this file never blocks render. Contains hover micro-interactions + the related-links block styling (below the fold). */ @media (hover:hover) and (pointer:fine){ .code-row{ transition:transform .18s ease, box-shadow .18s ease; } .code-row:hover{ transform:translateY(-2px); box-shadow:0 10px 26px rgba(20,20,40,.10); } .xc-related a{ transition:transform .15s ease; } .xc-related a:hover{ transform:translateX(3px); } } .xc-related{ margin-top:38px; padding-top:24px; border-top:1px solid var(--line-soft,#ececec); } .xc-related h2{ font-size:1.18rem; margin:0 0 14px; } .xc-related ul{ list-style:none; margin:0; padding:0; display:grid; gap:10px; } .xc-related a{ display:inline-flex; align-items:center; gap:6px; font-weight:600; color:var(--accent,#e8543b); } .xc-related a:hover{ text-decoration:underline; }