.apd-directory-grid { display:grid; grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); gap:24px; }
.apd-card { border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; background:#fff; box-shadow:0 4px 12px rgba(0,0,0,.04); }
.apd-card .cover { aspect-ratio: 16/9; background:#f3f4f6; object-fit:cover; width:100%; }
.apd-card .body { padding:14px 16px; }
.apd-card h3 { margin:0 0 6px; font-size:1.05rem; }
.apd-badges { display:flex; gap:8px; flex-wrap:wrap; }
.apd-chip { background:#eef2ff; color:#3730a3; padding:3px 8px; border-radius:999px; font-size:.78rem; }
.apd-profile { max-width:860px; margin:32px auto; background:#fff; padding:24px; border-radius:12px; border:1px solid #eee; }
.apd-gated { background:#fafafa; border:1px dashed #ddd; padding:16px; border-radius:10px; margin-top:16px; }
.apd-feedback-form input[type=number]{width:70px;}
.apd-chips{margin-top:8px; color:#4b5563; font-size:.9rem;}
/* Test 4 colores */
#apd-workstyle-root { max-width:720px; margin:24px auto; background:#fff; border:1px solid #eee; padding:20px; border-radius:12px; }
.apd-test-item{border-bottom:1px solid #eee; padding:12px 0;}
.apd-test-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:8px;}
.apd-timer{font-weight:600; color:#b91c1c;}