.conceptual-rewards-panel, .conceptual-summary { margin: 1.5rem 0; padding: 1rem; border: 1px solid #dce5de; border-radius: 12px; background: #fafcf9; }
.conceptual-rewards-panel > summary { cursor: pointer; font-weight: 700; min-height: 44px; display: flex; align-items: center; }
.conceptual-rewards-panel > summary::after { content: '▾'; margin-left: auto; padding-left: .6rem; }
.conceptual-rewards-panel[open] > summary::after { content: '▴'; }
.conceptual-badges { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); gap: .75rem; margin-top: 1rem; }
.conceptual-badge { display: flex; flex-direction: column; align-items: center; gap: .4rem; padding: 1rem; border: 2px solid #d8ded9; border-radius: 12px; background: white; text-align: center; overflow-wrap: anywhere; color: #34473a; }
.conceptual-badge.locked { background: #f2f4f2; color: #58615b; }
.conceptual-badge.locked .conceptual-badge-icon { filter: grayscale(1); }
.conceptual-badge.foundation { border-color: #a66a3f; background: #fff7ef; }
.conceptual-badge.advanced { border-color: #b28a17; background: linear-gradient(135deg, #fff5c8, #fffdf1 50%, #fae6a0); box-shadow: inset 0 0 0 3px #fffdf0; }
.conceptual-badge-icon { display: flex; align-items: center; gap: .4rem; font-size: 2rem; }
.conceptual-laurel { color: #8a6610; font-size: 2.5rem; }
.conceptual-laurel:last-child { transform: scaleX(-1); }
.conceptual-tier { border-radius: 100px; padding: .2rem .6rem; font-size: .8rem; font-weight: 700; background: #e8ede8; }
.foundation .conceptual-tier { background: #ecd3bc; color: #623b20; }
.advanced .conceptual-tier { background: #ebcf76; color: #513d08; }
.conceptual-accuracy { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; }
.conceptual-accuracy > div { display: grid; gap: .3rem; padding: .6rem; border-radius: 8px; background: white; }
.conceptual-accuracy span, .conceptual-accuracy small { font-size: .82rem; overflow-wrap: anywhere; }
.conceptual-reward-notice { color: #235b33; min-height: 1.5em; }
.workspace-page #accountXpSources { color: var(--workspace-muted); margin: 0 0 1rem; overflow-wrap: anywhere; }
@media (max-width: 360px) { .conceptual-accuracy { grid-template-columns: 1fr; } }