/* RD Career Cards – rd-career-cards.css */

.rd-wrap *                { box-sizing: border-box; }
.rd-wrap                  { font-family: 'Manrope', sans-serif; padding: 0 0 2.5rem; }

.rd-filters               { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 20px; }
.rd-btn                   { font-family: 'Manrope', sans-serif; font-size: 13px; font-weight: 500; padding: 6px 16px; border-radius: 999px; border: 1px solid #ddd; background: transparent; color: #666; cursor: pointer; transition: all .15s; }
.rd-btn:hover,
.rd-btn.active            { background: #111; color: #fff; border-color: #111; }

.rd-meta                  { font-size: 12px; color: #aaa; margin-bottom: 16px; }

.rd-grid                  { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 1px; border: 1px solid #eee; border-radius: 12px; overflow: hidden; }

.rd-card                  { background: #fff; padding: 1.25rem 1.1rem 1rem; display: flex; flex-direction: column; gap: 8px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; transition: background .12s; }
.rd-card:hover            { background: #fafafa; }
.rd-card.rd-hidden        { display: none; }

.rd-num                   { font-size: 11px; font-weight: 600; letter-spacing: .08em; color: #bbb; margin: 0; }
.rd-role                  { font-size: 15px; font-weight: 600; color: #111; line-height: 1.3; margin: 0; letter-spacing: -.01em; font-family: 'Manrope', sans-serif; }
.rd-desc                  { font-size: 12.5px; color: #666; line-height: 1.6; margin: 0; flex: 1; }

.rd-tags                  { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
.rd-tag                   { font-size: 10.5px; font-weight: 500; padding: 3px 10px; border-radius: 999px; letter-spacing: .01em; border: 1px solid; }

.rd-t-marketing           { background: #FAECE7; color: #993C1D; border-color: #F0997B; }
.rd-t-psychology          { background: #EEEDFE; color: #534AB7; border-color: #AFA9EC; }
.rd-t-economics           { background: #E1F5EE; color: #0F6E56; border-color: #5DCAA5; }
.rd-t-statistics          { background: #E6F1FB; color: #185FA5; border-color: #85B7EB; }
.rd-t-policy              { background: #FAEEDA; color: #854F0B; border-color: #EF9F27; }
.rd-t-strategy            { background: #EAF3DE; color: #3B6D11; border-color: #97C459; }

@media (max-width: 600px) {
    .rd-title             { font-size: 22px; }
    .rd-grid              { grid-template-columns: 1fr; }
}