.card{background:var(--card);border:1px solid var(--bd);border-radius:var(--r-card);color:var(--tx);padding:30px 30px 26px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;width:100%;height:100%;box-shadow:0 1px 2px rgba(20,40,80,.04),0 10px 24px rgba(20,40,80,.05);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-4px);border-color:var(--line);box-shadow:0 18px 44px rgba(0,123,255,.12)}.card__head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.card__title{flex:1 1;min-width:0;font-family:var(--font-display-stack);font-size:24px;font-weight:600;margin:0;color:var(--tx);letter-spacing:-.01em;line-height:1.25}.card__icon-tile{flex-shrink:0;width:42px;height:42px;border-radius:11px;background:var(--soft);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--accent);transition:transform .25s ease,background .25s ease}.card:hover .card__icon-tile{transform:translateY(-1px)}.card__icon-tile-glow,.card__index{display:none}.card__icon-wrapper{display:flex;align-items:center;justify-content:center}.card__icon-wrapper>*{color:var(--accent);font-size:23px!important;width:22px;height:22px;flex-shrink:0;stroke-width:1.7}.card__desc{font-size:17px;color:var(--mut);line-height:1.6;margin:0 0 25px;letter-spacing:0;width:100%}.card__examples{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:0}.card__examples-label{font-family:var(--font-mono-stack);font-size:12px;font-weight:500;color:var(--mut2);margin-right:2px}.card__example{display:inline-block;font-size:14px;font-weight:500;color:var(--mut);background:var(--card);border:1px solid var(--bd);border-radius:8px;padding:5px 11px;letter-spacing:0;transition:border-color .2s ease,color .2s ease,background .2s ease}.card:hover .card__example{border-color:var(--bd2)}.card__examples-more{font-size:15px;font-weight:500;color:var(--mut2)}.card__chips{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;width:100%}.card__chip{display:inline-block;font-size:14px;font-weight:500;color:var(--mut);background:var(--card);border:1px solid var(--bd);border-radius:8px;padding:5px 11px;letter-spacing:0;transition:border-color .2s ease,background .2s ease}.card:hover .card__chip{border-color:var(--bd2)}@media (max-width:768px){.card{padding:24px 22px 22px}.card__title{font-size:22px}.card__desc{font-size:16px}.card__chip,.card__example{font-size:13px;padding:4px 10px}}@media (max-width:480px){.card{padding:22px 18px}}