body.front-ui .circle-hub{width:min(1360px,calc(100% - 48px));margin:26px auto 64px;color:#202733}
.circle-hub-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.circle-hub-heading>div>span{font:600 10px ui-monospace,monospace;letter-spacing:.16em;color:#2864df}.circle-hub-heading h1{margin:7px 0 0;font-size:28px;line-height:1.3;letter-spacing:-.03em}.circle-hub-heading nav{display:flex;align-items:center;gap:22px;font-size:12px;color:#7b8390}.circle-hub-heading .btn{font-size:12px}
.hub-recommendations,.hub-discussions{border:1px solid #e9edf2;border-radius:10px;background:#fff;overflow:hidden}.hub-recommendations{padding:22px;margin-bottom:22px}.hub-recommendations>header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px}.hub-recommendations h2{margin:0;font-size:17px}.hub-discover{font-size:12px;color:#2864df;font-weight:650}.hub-circle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hub-circle-grid>a{display:flex;align-items:center;gap:12px;min-width:0;padding:14px;background:#f8fafd;border:1px solid #e9edf2;border-radius:8px;transition:border-color .15s}.hub-circle-grid>a:hover{border-color:#2864df}.hub-circle-grid i{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:9px;background:#edf3ff;color:#2864df;font-size:16px;font-weight:700;font-style:normal}.hub-circle-grid>a>div{min-width:0;flex:1}.hub-circle-grid h3{margin:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.hub-circle-grid p{margin:5px 0 0;color:#7b8390;font-size:11px}.hub-circle-grid p span{margin:0 5px}.hub-circle-grid>a>b{font-size:15px;color:#97a1af}
.hub-list-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid #e9edf2}.hub-list-heading h2{margin:0;font-size:18px}.hub-list-heading small{display:inline-block;margin-left:12px;font-size:11px;font-weight:400;color:#7b8390}.hub-list-heading nav{display:flex;gap:6px}.hub-list-heading nav a{padding:9px 14px;border-radius:5px;color:#7b8390;font-size:12px}.hub-list-heading nav a[aria-current]{background:#202733;color:#fff}.hub-list-heading nav a:hover{color:#2864df;background:#edf3ff}.hub-post{display:flex;align-items:center;gap:16px;padding:21px 24px;border-bottom:1px solid #e9edf2;min-width:0}.hub-post:last-child{border:0}.hub-post:hover{background:#f8fafd}.hub-post-avatar{display:grid;place-items:center;width:40px;height:40px;border:1px solid #e9edf2;border-radius:50%;background:#f5f7fa;flex-shrink:0;color:#7b8390;font-size:14px}.hub-post-copy{flex:1;min-width:0}.hub-post h3{margin:0 0 10px;font-size:16px;font-weight:650;line-height:1.6;overflow-wrap:anywhere}.hub-post h3 a:hover{color:#2864df}.hub-post h3 em{margin-left:8px;font:600 10px sans-serif;padding:3px 5px;background:#edf3ff;color:#2864df;border-radius:3px}.hub-post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;font-size:11px;color:#7b8390}.hub-circle-label{padding:2px 7px;background:#f5f7fa;border-radius:4px;color:#7b8390}.hub-post-numbers{display:flex;gap:22px;flex-shrink:0;color:#7b8390;font-size:10px;text-align:center}.hub-post-numbers>*{min-width:40px}.hub-post-numbers b{display:block;margin-bottom:4px;color:#414b5b;font:600 16px ui-monospace,monospace}.hub-post-numbers>a b{color:#2864df}.hub-pagination{display:flex;align-items:center;justify-content:center;gap:30px;padding:22px;font-size:12px}.hub-pagination>span{color:#97a1af}.hub-pagination a{color:#7b8390}.hub-empty{padding:28px;color:#7b8390;grid-column:1/-1}.hub-empty a{color:#2864df}
@media(max-width:700px){body.front-ui .circle-hub{width:calc(100% - 24px);margin-top:18px}.circle-hub-heading{align-items:flex-start;margin-bottom:18px}.circle-hub-heading h1{font-size:23px}.circle-hub-heading nav{gap:8px}.circle-hub-heading nav>a:not(.btn){display:none}.circle-hub-heading .btn{padding:9px 11px}.hub-recommendations{padding:15px;margin-bottom:16px}.hub-recommendations h2{font-size:16px}.hub-circle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hub-circle-grid>a{padding:10px;gap:8px}.hub-circle-grid i{width:28px;height:28px;font-size:12px}.hub-circle-grid h3{font-size:12px}.hub-circle-grid p{font-size:9px;line-height:1.7}.hub-circle-grid>a>b{display:none}.hub-list-heading{display:block;padding:16px}.hub-list-heading nav{margin-top:14px}.hub-list-heading nav a{flex:1;text-align:center;padding:9px 6px}.hub-post{padding:16px;gap:10px;flex-wrap:wrap}.hub-post-avatar{display:none}.hub-post-copy{flex-basis:100%}.hub-post h3{font-size:15px;line-height:1.65}.hub-post-meta{font-size:10px;gap:7px}.hub-post-numbers{gap:16px;font-size:10px}.hub-post-numbers>*{display:flex;align-items:center;gap:4px;min-width:0}.hub-post-numbers b{display:inline;margin:0;font-size:12px}.hub-pagination{gap:20px;font-size:11px}}
/* Community sidebar flows with the page, with no independent scrolling. */
.hub-main-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:22px}.hub-discussions{min-width:0}.hub-sidebar{display:flex;flex-direction:column;gap:18px;position:static;max-height:none;overflow:visible;min-width:0}.hub-side-card{padding:20px;border:1px solid #e9edf2;border-radius:10px;background:#fff}.hub-side-card>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.hub-side-card h2{margin:0;font-size:16px;line-height:1.6}.hub-side-card>header>span{font-size:10px;color:#97a1af;white-space:nowrap}.hub-questions article{padding:13px 0;border-bottom:1px solid #e9edf2}.hub-questions h3{margin:0 0 9px;font-size:13px;font-weight:600;line-height:1.75;overflow-wrap:anywhere}.hub-questions h3 a:hover{color:#2864df}.hub-questions article>div{display:flex;justify-content:space-between;gap:10px;color:#97a1af;font-size:10px}.hub-questions article>div>a{color:#2864df}.hub-side-link{display:block;padding-top:14px;color:#2864df;font-size:12px;font-weight:600}.hub-active-members>a{display:flex;align-items:center;gap:9px;padding:14px 0;border-bottom:1px solid #e9edf2}.hub-active-members>a:last-child{border:0;padding-bottom:0}.hub-member-rank{color:#97a1af;font:500 11px ui-monospace,monospace}.hub-active-members>a:first-child .hub-member-rank{color:#2864df}.hub-active-members i{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;font-size:12px;font-style:normal;background:#f5f7fa;color:#7b8390}.hub-active-members>a>div{min-width:0;flex:1}.hub-active-members h3{margin:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.hub-active-members p{margin:5px 0 0;color:#7b8390;font-size:10px}.hub-active-members>a>b{font-size:12px;color:#97a1af}.hub-shortcuts nav{display:grid;gap:8px;margin-top:14px}.hub-shortcuts nav>a{padding:11px 12px;border:1px solid #e9edf2;border-radius:6px;color:#7b8390;font-size:12px}.hub-shortcuts nav>a.hub-shortcut-primary{background:#2864df;border-color:#2864df;color:#202733;font-weight:650}.hub-side-empty{margin:15px 0;font-size:12px;line-height:1.8;color:#7b8390}
@media(min-width:901px) and (max-width:1150px){.hub-list-heading{align-items:flex-start;flex-direction:column;gap:12px}.hub-post{gap:10px;padding:18px}.hub-post-avatar{width:30px;height:30px}.hub-post-numbers{gap:12px}.hub-post h3{font-size:15px}}
@media(max-width:900px){.hub-main-layout{grid-template-columns:minmax(0,1fr);gap:18px}.hub-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hub-shortcuts{grid-column:1/-1}.hub-shortcuts nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hub-sidebar{display:flex}.hub-side-card{padding:18px}.hub-shortcuts nav{grid-template-columns:minmax(0,1fr)}}