.comp{padding:1.6rem;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--btn);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}
.comp:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.comp__icon{width:34px;height:34px;margin-bottom:1rem;fill:none;stroke:var(--link);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.comp h3{font-size:1.2rem;margin-bottom:.5rem}
.comp p{color:var(--ink-soft)}
.codes{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}
.tools{margin-top:1.8rem;color:var(--ink-soft)}
.tools strong{color:var(--ink)}