.function-category + .function-category { margin-top: 40px; }.function-category h3 { margin-bottom: 14px; color: #d5d6da; font-size: .85rem; letter-spacing: .12em; text-transform: uppercase; }
.function-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; align-items: stretch; }
.function-card { min-height: 180px; padding: 22px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; gap: 20px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); transition: transform .18s, border-color .18s; }
.function-card:hover { transform: translateY(-3px); border-color: #414650; }.function-card.warning { border-color: #594a28; background: linear-gradient(145deg,#211d15,var(--surface)); }.function-card.destructive { border-color: #653434; }.function-card.unavailable { opacity: .66; }
.function-card.requested { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(242,138,46,.12); }
.function-card header { display: flex; justify-content: space-between; gap: 14px; }.function-card h4 { margin: 0 0 7px; font-size: 1.1rem; }.function-card p { margin: 0; overflow-wrap: anywhere; }.function-icon { flex: 0 0 42px; height: 42px; display: grid; place-items: center; border-radius: 11px; background: #24272e; color: var(--accent); font-size: .66rem; font-weight: 900; text-transform: uppercase; }
.function-meta { display: flex; align-items: end; justify-content: space-between; gap: 12px; }.function-tags { display: flex; gap: 5px; flex-wrap: wrap; }.tag { padding: 3px 7px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: .67rem; }.function-card button { padding: 8px 11px; border: 0; border-radius: 9px; color: #17100a; background: var(--accent); cursor: pointer; font-weight: 800; }.function-card button:disabled { color: var(--muted); background: #292c32; cursor: not-allowed; }