.ks-list{gap:18px;padding:0;list-style:none;display:grid}.ks-card{border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow);color:inherit;transition:border-color .2s ease,transform .2s var(--ls-ease);grid-template-columns:52px minmax(0,1fr) 20px;align-items:start;gap:20px;padding:clamp(20px,3vw,28px);text-decoration:none;display:grid}.ks-icon{background:var(--accent-soft);width:52px;height:52px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.ks-icon svg{width:24px;height:24px}.ks-body{min-width:0}.ks-kicker{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:12px}.ks-card h2{letter-spacing:-.015em;color:var(--text);margin-top:6px;font-size:clamp(19px,2vw,22px);font-weight:600}.ks-card p{color:var(--text-2);max-width:60ch;margin-top:8px;font-size:15px;line-height:1.55}.ks-meta{color:var(--text-3);flex-wrap:wrap;gap:6px 18px;margin-top:14px;padding:0;font-size:13.5px;list-style:none;display:flex}.ks-meta li{align-items:center;gap:6px;display:inline-flex}.ks-meta svg{width:14px;height:14px}.ks-arrow{width:20px;height:20px;color:var(--text-3);transition:transform .2s var(--ls-ease),color .15s ease;align-self:center}.ks-arrow svg{width:18px;height:18px}@media (hover:hover) and (pointer:fine){.ks-card:hover{border-color:var(--accent);transform:translateY(-2px)}.ks-card:hover h2{color:var(--accent)}.ks-card:hover .ks-arrow{color:var(--accent);transform:translate(3px)}}.ks-hint{border:1px dashed var(--line-2);border-radius:var(--r);color:var(--text-3);margin-top:28px;padding:18px 20px;font-size:14.5px}.ks-hint strong{color:var(--text-2);font-weight:600}@media (max-width:767px){.ks-card{grid-template-columns:44px minmax(0,1fr);gap:16px}.ks-icon{border-radius:10px;width:44px;height:44px}.ks-icon svg{width:21px;height:21px}.ks-arrow{display:none}}