*{box-sizing:border-box}
body{margin:0;min-height:100vh;padding:0 28px 28px}
.wrap{max-width:1050px;margin:auto}
h1{margin:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:28px}
.card{position:relative;isolation:isolate;display:grid;gap:8px;padding:20px;border:1px solid var(--ka-line);text-decoration:none;overflow:hidden}
.card:before{content:"";position:absolute;inset:-2px;z-index:-1}
.card:after{content:"";position:absolute;inset:1px;z-index:-1}
.card:hover,.card:focus-visible{transform:translateY(-4px) scale(1.015);outline:none}
.pill{display:inline-block;padding:9px 13px}