.rank-patch{display:block;flex-shrink:0;width:46px;height:56px;filter:drop-shadow(0 2px 2px #172b4524)}.learning-rank .rank-patch{width:27px;height:34px}.learning-rank{background:#f7f9fc;color:#233d60;border-color:#cfd8e5;gap:8px;padding:5px 10px;max-width:183px}.learning-rank small{color:#64758c}.rank-patch-hero{width:106px;height:128px}.rank-hero{display:flex;align-items:center;gap:25px;border:1px solid #dbe2ed;background:#f7f9fc;border-radius:14px;padding:22px;margin:0 0 22px}.rank-hero h3{font-size:27px;letter-spacing:-.035em;margin:0 0 10px}.rank-hero p{line-height:1.6;margin:6px 0;color:#5a6e88;font-size:13px}.rank-ladder{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.rank-ladder li{padding:13px 12px;align-items:center;gap:8px;min-width:0}.rank-ladder li.current{border-color:#759ac8;background:#edf4fd;color:#204f84}.rank-ladder .rank-name{display:flex;align-items:center;gap:11px;min-width:0;flex:1}.rank-ladder .rank-name>span{display:block;min-width:0}.rank-ladder .rank-name b{display:block;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.rank-ladder .rank-name em{display:block;font-style:normal;font-size:10px;color:#73849a;margin-top:3px}.rank-ladder .rank-requirements{display:block;flex-shrink:0;white-space:normal;font-size:10px;line-height:1.7;text-align:right}.rank-ladder .rank-requirements b{display:block;font-size:11px}.rank-ladder li.locked .rank-patch{opacity:.6}.rank-ladder li.current .rank-name em{color:#204f84}.rank-progress{accent-color:#2c64a0}
@media(max-width:750px){.rank-ladder{grid-template-columns:1fr}.rank-ladder .rank-name b{font-size:14px}.rank-ladder .rank-requirements{font-size:11px}.rank-hero{padding:18px;gap:18px}.rank-hero h3{font-size:24px}}
@media(max-width:620px){.learning-rank{max-width:139px}.learning-rank .rank-patch{width:23px;height:29px}.rank-hero{gap:14px;padding:15px}.rank-patch-hero{width:82px;height:99px}.rank-hero h3{font-size:21px}.rank-hero p{font-size:12px}}