/* Career cards exist only while driving is stopped. */
#card.career-card { padding: 18px 18px 16px; background: linear-gradient(155deg,#29384a,#1d2739 70%); border: 1px solid #5b718344; }
#card.career-card h1 { font-size: 27px; }
#card.career-card h2 { font-size: 22px; line-height: 1.15; }
#card.career-card p { font-size: 13px; }
#card.career-card .small { font-size: 11px; }
#card.career-card button { min-height: 44px; margin-top: 9px; padding: 11px; font-size: 15px; }
.career-eyebrow { display: block; font-size: 9px; font-weight: 800; letter-spacing: 1.4px; color: #b7cad9; }
.career-preview { margin: 12px 0 8px; padding: 12px; text-align: left; border-radius: 12px; border: 1px solid #a5d1bf35; background: #101e2d80; }
.career-preview > strong { display: block; margin: 4px 0; font-size: 17px; color: #fff2cf; line-height: 1.1; }
.career-preview > span:last-of-type { font-size: 11px; color: #c0ceda; }
#card .career-milestone { margin: 9px 0 0; padding-top: 8px; border-top: 1px solid #fff2; font-size: 11px; color: #b8efd6; }
.career-progress { margin: 8px 0 12px; display: flex; align-items: center; gap: 8px; color: #c1cfde; font-size: 10px; }
.career-progress i { height: 4px; flex: 1; border-radius: 5px; background: #0d1929; overflow: hidden; }
.career-progress b { display: block; height: 100%; background: #76dab3; }
#card.career-card .payday { margin: 10px 0 0; }
#card.career-card .payday strong { font-size: 31px; }
#card.career-card .result-wallet { margin-top: 3px; font-size: 13px; color: #d2dfe8; }
.career-ledger { margin: 9px 0; text-align: left; border: 1px solid #ffffff1a; border-radius: 9px; padding: 0 9px; }
.career-ledger summary { min-height: 36px; padding: 9px 0; cursor: pointer; font-size: 11px; color: #c2d2e1; touch-action: manipulation; }
#card .career-ledger .row { font-size: 12px; }
.career-ledger .row:last-child { border: 0; padding-bottom: 8px; }
.career-unlock { margin: -3px -3px 12px; padding: 13px 9px; border: 1px solid #b3e9b166; border-radius: 13px; background: radial-gradient(ellipse at 50% 0,#71957265,transparent 70%),#1b3b37; }
.career-unlock-art { display: flex; justify-content: center; align-items: center; gap: 17px; height: 48px; margin-bottom: 7px; color: #ffdf89; }
.career-unlock-art b { display: grid; place-items: center; width: 43px; height: 43px; border: 1px solid #fff4aa; border-radius: 50%; background: #f4d879; color: #274c3a; font-size: 27px; box-shadow: 0 0 24px #ffda5733; }
.career-unlock-art i { width: 18px; height: 29px; position: relative; border-radius: 55% 55% 40% 40%; background: #91c781; transform: rotate(-12deg); }
.career-unlock-art i::after { content: ''; position: absolute; width: 3px; height: 19px; left: 8px; top: 16px; background: #dac496; }
.career-unlock-art i:last-of-type { transform: rotate(12deg); }
#card .career-unlock h2 { margin: 5px 0; color: #fff2ca; font-size: 23px; }
#card .career-unlock p { margin: 6px 0 9px; font-size: 12px; color: #dcead9; }
.career-unlock > strong { display: inline-block; padding: 5px 9px; border: 1px solid #b4e4ad55; border-radius: 20px; font-size: 9px; letter-spacing: 1px; color: #c6f1bb; }
@media (max-width: 370px) { #card.career-card { padding: 14px 13px; } .career-preview { padding: 10px; margin: 9px 0; } #card.career-card h2 { font-size: 20px; } }
@media (orientation: landscape) and (max-height: 480px) { #card.career-card { max-width: 460px; padding: 13px 17px; } .career-unlock-art { height: 34px; } .career-unlock-art b { width: 33px; height: 33px; font-size: 22px; } .career-unlock { padding: 9px; } }

#card .evergreen-pay { margin: 9px 0 3px; color: #f8e6ad; }
#card .evergreen-contract .small { margin: 3px 0 0; line-height: 1.4; color: #c2d2df; }
#card .evergreen-earned { margin: 8px 0; color: #b8efd6; font-weight: 700; }
.evergreen-marks { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin: 8px 0 11px; font-size: 11px; color: #b2c3d2; }
.evergreen-marks .earned { color: #b8efd6; }

.chapter-contract { border-left: 3px solid #cb9370; }
.chapter-contract[data-district="harbor"] { border-left-color: #79c6d2; }
.chapter-contract[data-district="market"] { border-left-color: #e6bd65; }
.chapter-contract[data-district="sunset-heights"] { border-left-color: #ca98d6; }
.chapter-earned { display: flex; gap: 10px; text-align: left; align-items: center; padding: 11px; margin: 10px 0; border: 1px solid #e6c78155; border-radius: 11px; background: #6b53212b; }
.chapter-earned > span { font-size: 30px; color: #f0cf80; }
.chapter-earned strong { display: block; margin-top: 3px; color: #ffedbe; font-size: 16px; }
#card .chapter-earned p { margin: 5px 0 0; line-height: 1.35; }
#card .chapter-recognition-preview p { margin: 0 0 9px; }