.blog-shell{--card-padding: 24px;max-width:1160px;margin:0 auto;padding:0 32px}.blog-shell a{transition:color .18s ease,border-color .18s ease,background .18s ease}.blog-shell a.cursor-active,.blog-shell button.cursor-active{transform:none}.blog-shell a:not(.blog-card-link),.blog-shell .copy-link{text-shadow:0 0 10px rgb(var(--color-accent) / 0),0 0 22px rgb(var(--color-accent) / 0);transition:color .18s ease,text-shadow .18s ease}.blog-shell a.cursor-active:not(.blog-card-link),.blog-shell .copy-link.cursor-active{box-shadow:none}.blog-shell a:not(.blog-card-link):is(:hover,:focus-visible,.cursor-active),.blog-shell .copy-link:is(:hover,:focus-visible,.cursor-active){color:rgb(var(--color-accent));text-shadow:0 0 10px rgb(var(--color-accent) / .65),0 0 22px rgb(var(--color-accent) / .3)}.blog-skip{position:fixed;left:16px;top:-100px;z-index:200;padding:12px 18px;background:rgb(var(--color-accent));color:rgb(var(--color-background));border-radius:6px}.blog-skip:focus{top:16px}.blog-eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:rgb(var(--color-secondary))}.blog-eyebrow:before{content:"";width:24px;height:1px;background:rgb(var(--color-accent))}.blog-tag{display:inline-flex;padding:5px 10px;font-size:11px;font-weight:500;color:rgb(var(--color-accent));border:1px solid rgb(var(--color-accent) / .149);border-radius:5px;background:rgb(var(--color-accent) / .039)}.blog-footer{border-top:1px solid rgb(var(--color-white) / .071);margin-top:100px;padding:36px 0;display:flex;align-items:center;gap:28px;color:rgb(var(--color-secondary));font-size:12px}.footer-signature{font-family:Outfit,sans-serif;font-size:23px;font-weight:600;color:rgb(var(--color-heading))}.footer-signature span{color:rgb(var(--color-accent))}.blog-footer p{flex:1}.blog-footer>div{display:flex;gap:24px}.blog-footer a:hover{color:rgb(var(--color-accent))}@media (max-width: 700px){.blog-shell{--card-padding: 20px;padding:0 22px}.blog-footer{flex-wrap:wrap;gap:16px;margin-top:64px}.blog-footer p{flex-basis:calc(100% - 115px)}.blog-footer>div{width:100%;margin-top:8px}}@media (prefers-reduced-motion: reduce){.blog-shell *,.blog-shell *:before,.blog-shell *:after{scroll-behavior:auto!important;transition:none!important}}
