.recognition-page{--recognition-gold:#dfbf6b;--recognition-ink:#244b3e}
.recognition-hero-actions>.button.outline{color:#244b3e}
.recognition-hero{display:grid;grid-template-columns:1fr 240px;gap:28px;align-items:center;background:#244b3e;color:#faf9ed;border-radius:22px;padding:32px 38px;position:relative;overflow:hidden;margin-bottom:24px}
.recognition-back{display:block;color:#dae5c6;font-size:12px;margin-bottom:25px}.recognition-hero .eyebrow{color:#dbd89a;font-size:12px}.recognition-hero h1{font-size:34px;line-height:1.6;margin:9px 0}.recognition-hero p{max-width:580px;font-size:14px;line-height:1.95;color:#dae3d6}.recognition-hero-actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:23px}.recognition-refresh{border:0;background:none;color:#f3f4e6;text-decoration:underline;font:inherit;font-size:12px;cursor:pointer}
.recognition-emblem{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;min-height:230px;background:radial-gradient(circle,#d4c98125,transparent 70%);border:1px solid #d6dbb838;border-radius:100px 100px 24px 24px;padding:25px}.recognition-emblem svg{color:#e5c977}.recognition-emblem span{font-size:18px}.recognition-emblem small{color:#c8d7bd;font-size:11px}
.recognition-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:25px}.recognition-stats article{position:relative;background:#fff;border:1px solid #e1e6d9;border-radius:15px;padding:21px;display:flex;flex-direction:column;gap:7px}.recognition-stats article>svg{color:#6d7852;margin-bottom:6px}.recognition-stats span{font-size:12px;color:#606f57}.recognition-stats strong{font-size:29px;line-height:1.2;color:#244b3e;overflow-wrap:anywhere}.recognition-stats small{font-size:11px;color:#6f795f;line-height:1.7}
.recognition-tabs{display:flex;gap:8px;border-bottom:1px solid #dce4d3;margin-bottom:24px;padding-bottom:10px}.recognition-tabs button{padding:11px 20px;border:0;background:transparent;border-radius:9px;font:inherit;font-size:13px;color:#586d50;cursor:pointer}.recognition-tabs button.active{background:#254e3e;color:#fff}
.recognition-board{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.recognition-ranking{min-width:0;overflow:hidden}.recognition-ranking>.party-panel-title{padding:22px 22px 0}.recognition-ranking p,.recognition-levels p,.recognition-page>.party-panel-title p{font-size:12px;color:#69765f;line-height:1.9;margin-top:5px}.recognition-rank{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;color:#64735a;font-weight:600;background:#f1f4ec}.recognition-rank.top{background:#f8eed0;color:#70521e}.recognition-selected{background:#f5f8ef}.recognition-pagination{display:flex;gap:14px;align-items:center;justify-content:center;padding:20px 10px;font-size:12px;color:#5c6e51}.recognition-ranking .party-footnote{padding-top:0}
.recognition-profile{padding:26px 21px;text-align:center}.recognition-avatar{display:inline-flex;align-items:center;justify-content:center;width:63px;height:63px;font-size:22px;border-radius:22px;background:#f1e7c9;color:#735a23;margin:0 auto 13px}.recognition-profile h2{font-size:18px;line-height:1.8;overflow-wrap:anywhere}.recognition-profile>p{font-size:11px;color:#6d7c63;line-height:1.9}.recognition-level{display:inline-flex;gap:7px;align-items:center;color:#456039;background:#eff4e7;border-radius:20px;font-size:11px;padding:6px 12px;margin-top:14px}.recognition-total{display:flex;flex-direction:column;gap:3px;margin:22px 0}.recognition-total strong{font-size:38px;line-height:1.3;color:#264c39}.recognition-total span{font-size:11px;color:#69775e}.recognition-progress-label{display:block;font-size:11px;color:#65775a;line-height:1.9;margin-bottom:8px}.recognition-profile progress{display:block;width:100%;height:8px;appearance:none;border:0;background:#e8eddf;border-radius:10px;overflow:hidden}.recognition-profile progress::-webkit-progress-bar{background:#e8eddf;border-radius:10px}.recognition-profile progress::-webkit-progress-value{background:#789451;border-radius:10px}.recognition-profile progress::-moz-progress-bar{background:#789451;border-radius:10px}.recognition-badges{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:25px 0}.recognition-badge{display:flex;align-items:center;flex-direction:column;gap:6px;border:1px solid #e7e9df;border-radius:12px;padding:14px 7px;background:#fafbf7}.recognition-badge strong{font-size:11px;font-weight:600}.recognition-badge small{font-size:10px;line-height:1.7;color:#65715c}.recognition-badge>span{font-size:10px;color:#687260}.recognition-badge.earned{background:#f9f1dc;border-color:#e9d9a8;color:#74551a}.recognition-badge.locked svg{color:#8b9384}.recognition-profile>.button{width:100%;font-size:12px}.recognition-history-link{margin-top:16px}.recognition-profile .party-footnote{padding:13px 0 0}
.recognition-levels{margin-top:23px;padding:24px}.recognition-levels h2,.recognition-page>.party-panel-title h2{font-size:17px}.recognition-level-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:20px}.recognition-level-steps>div{display:flex;align-items:center;flex-direction:column;gap:8px;background:#f5f7ef;padding:17px 10px;border-radius:12px}.recognition-level-steps svg{color:#8b793d}.recognition-level-steps strong{font-size:12px}.recognition-level-steps span{font-size:11px;color:#68765b}
.recognition-history-filter{display:flex;gap:12px;align-items:center;font-size:13px}.recognition-history-filter select{padding:10px 14px;border:1px solid #d6dfce;border-radius:9px;font:inherit;background:#fff;max-width:100%}.recognition-history td{vertical-align:top}.recognition-history details{margin-top:9px;font-size:11px;max-width:280px}.recognition-history summary{cursor:pointer;color:#4b6e42}.recognition-history details p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;padding-top:8px}.recognition-history .party-link{display:block;margin-top:10px}.recognition-history td>strong{white-space:normal;overflow-wrap:anywhere;min-width:100px}
.recognition-activities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.recognition-activities article{padding:25px}.recognition-activities h3{font-size:17px;line-height:1.8;overflow-wrap:anywhere}.recognition-activities svg{color:#93803e}.recognition-activity-points{display:flex;gap:10px;align-items:baseline;margin:20px 0}.recognition-activity-points strong{font-size:34px;color:#325642}.recognition-activity-points span{font-size:11px;color:#6d775e}.recognition-page button:disabled{opacity:.5;cursor:not-allowed}.recognition-page button:focus-visible,.recognition-page select:focus-visible,.recognition-page a:focus-visible{outline:2px solid #b89b49;outline-offset:4px}
@media(max-width:1200px){.recognition-board{grid-template-columns:minmax(0,1fr)}.recognition-profile{max-width:none}.recognition-badges{grid-template-columns:repeat(4,1fr)}.recognition-profile>.button{width:auto}.recognition-profile progress{max-width:500px;margin:auto}.recognition-profile>.party-link{display:block;margin-inline:auto}.recognition-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.recognition-hero{grid-template-columns:1fr;padding:24px;gap:0}.recognition-hero h1{font-size:26px}.recognition-hero p{font-size:12px}.recognition-emblem{display:none}.recognition-back{margin-bottom:18px}.recognition-stats{gap:10px}.recognition-stats article{padding:16px}.recognition-stats strong{font-size:25px}.recognition-tabs{gap:2px}.recognition-tabs button{padding:10px 12px;font-size:12px}.recognition-badges{grid-template-columns:repeat(2,1fr)}.recognition-level-steps{grid-template-columns:repeat(2,1fr)}.recognition-activities{grid-template-columns:1fr}.recognition-history-filter{flex-direction:column;align-items:flex-start;width:100%}.recognition-history-filter select{width:100%}.recognition-page>.party-panel-title{align-items:flex-start;flex-direction:column}.recognition-ranking>.party-panel-title{padding:18px 15px 0}}