.topic-badges{display:inline-flex;align-items:center;gap:4px;margin-inline-start:5px;vertical-align:middle;flex-shrink:0}.topic-badge{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:4px;font:800 10px/1 Arial,sans-serif;box-shadow:0 1px 3px #25477418}.topic-new{color:#3472ee;background:#eaf0ff}.topic-hot{color:#ef494b;background:#fff0ef}
.popular-topics .popular-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:4px -4px 10px;border-radius:5px;background:#eaf0f5;overflow:hidden}.popular-tabs button{border:0;background:none;color:#62778d;padding:9px 3px;min-height:42px;font-family:inherit;font-size:10px;font-weight:600;line-height:1.3;cursor:pointer}.popular-tabs button[aria-selected=true]{background:#243b57;color:#fff}.popular-tabs button:focus-visible{outline:2px solid #1684ff;outline-offset:-3px}.popular-topics [hidden]{display:none!important}.popular-topics .popular-list li{display:flex;align-items:center;gap:8px}.popular-list .popular-rank{color:#5c8db8;font-weight:800;width:16px;flex-shrink:0}.popular-topics .popular-list a{flex:1;min-width:0;overflow-wrap:anywhere}.popular-topics .popular-empty{font-size:12px;color:#70869d;padding:12px 0}

.topic-badges{gap:5px;margin-inline-start:7px}.topic-badge{width:auto;min-width:25px;height:16px;padding:0 4px;border:1px solid #294866;border-radius:3px 1px 3px 1px;font:italic 900 9px/1 Arial,sans-serif;letter-spacing:.25px;transform:skew(-7deg);box-shadow:1.5px 1.5px 0 #294866;box-sizing:border-box}.topic-new{color:#164b79;background:linear-gradient(135deg,#f2fdff,#a9eaff)}.topic-hot{color:#882b11;background:linear-gradient(135deg,#fff3af,#ffac6d);border-color:#743e26;box-shadow:1.5px 1.5px 0 #743e26}

.topic-badge{transform:none;border-radius:3px;box-shadow:2px 2px 0 #294866}.topic-new{background:#b7e9ff}.topic-hot{background:#ffbd85;box-shadow:2px 2px 0 #743e26}

.popular-topics .popular-list li{gap:6px;min-height:32px}.popular-topic-copy{flex:1;min-width:0;line-height:1.55}.popular-topics .popular-topic-copy a{display:inline;font-size:11px}.popular-category{display:inline-block;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;margin-inline-end:5px;padding:0 4px;background:#eaf0f5;border-radius:2px;color:#5b7289;font-size:9px;line-height:1.6}.popular-replies{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;color:#b44941;font-size:10px}.popular-topics .topic-badges{margin-inline-start:1px;gap:4px}.popular-topics .topic-badge{min-width:23px;padding:0 3px;font-size:8px}