.difficulty-card { margin: 10px 0; padding: 10px; border: 1px solid #a58b64; border-radius: 8px; background: #eee2c8; color: #352b20; }
.difficulty-card p { margin: 6px 0; overflow-wrap: anywhere; }
.difficulty-card ol { margin: 6px 0; padding-left: 24px; }
.difficulty-units { display: flex; flex-wrap: wrap; gap: 6px; }
.difficulty-units button { flex: 1 1 110px; min-width: 0; white-space: normal; }
.difficulty-units button[aria-pressed="true"] { outline: 2px solid #596d35; outline-offset: -2px; }
.difficulty-units small { display: block; font-size: 11px; }
.difficulty-summary { display: flex; align-items: center; gap: 8px; padding: 6px 8px; }
.difficulty-summary p { flex: 1; min-width: 0; margin: 0; }
.difficulty-summary button { flex: 0 0 auto; }
.difficulty-summary small { display: block; }