.profession-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; }
.profession-card { border:2px solid var(--profession); border-radius:9px; padding:10px; text-align:center; background:var(--panel,#fff9ed); min-width:0; }
.profession-card[data-current="true"] { box-shadow:0 0 0 2px var(--profession); }
.profession-card h4 { margin:0 0 8px; }
.profession-portrait { image-rendering:pixelated; max-width:100%; object-fit:contain; }
.profession-card p { min-height:2.8em; font-size:13px; margin:5px 0; }
.profession-card small { display:block; font-size:11px; }
.profession-skills { display:flex; justify-content:center; gap:6px; margin:8px 0; }
.profession-card .btn { width:100%; white-space:normal; }
@media(max-width:420px) { .profession-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; } .profession-card { padding:6px; } .profession-card h4 { font-size:14px; } }