/* DevCN unified interface. Layout tokens and component families are maintained here. */
:root{--dc-shell:1440px;--dc-bg:#f5f7fa;--dc-paper:#fff;--dc-ink:#202733;--dc-muted:#7b8390;--dc-line:#e9edf2;--dc-soft:#f5f7fa;--dc-orange:#2864df;--dc-orange-text:#2864df;--dc-radius:10px;--dc-gap:32px}
body.front-ui,body.admin-layout.admin-ui-unified{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;color:var(--dc-ink);background:var(--dc-bg)!important;font-size:16px;line-height:1.7;text-rendering:optimizeLegibility;--community-shell:min(1440px,calc(100% - 64px));--community-ink:#202733;--community-muted:#7b8390;--community-line:#e9edf2;--community-green:#2864df;--ui-bg:#f5f7fa;--ui-ink:#202733;--ui-muted:#7b8390;--ui-line:#e9edf2;--ui-accent:#2864df;--ui-accent-strong:#2864df;--ui-accent-soft:#edf3ff;--ui-radius:10px}
body.front-ui [hidden],body.admin-layout [hidden]{display:none!important}
body.front-ui :is(.media-header,.channel-bar,.site-footer){box-shadow:none}
body.front-ui .media-header{padding:15px max(32px,calc((100vw - 1440px)/2));gap:32px;min-height:80px}
body.front-ui .main-nav{gap:28px}body.front-ui .main-nav>a{font-size:16px;font-weight:600;padding:12px 0}
body.front-ui .channel-bar>div{max-width:1440px;width:calc(100% - 64px);gap:28px;margin:auto}body.front-ui .channel-bar a{font-size:13px;padding:11px 0}
body.front-ui .header-search{border-radius:7px;background:var(--dc-bg);min-height:40px}body.front-ui .header-search input{font-size:13px}
body.front-ui :is(.home-feature-shell,.media-shell,.article-index-page,.topic-catalog-page,.members-directory-page,.network-index-page,.web-directory-page,.circle-hub,.cf-directory,.cf-forum-layout,.cf-forum-hero,.cf-breadcrumb,.article-layout,.post-detail-layout,.creator-center,.creator-profile-page,.profile-page,.search-page,.publish-page){width:var(--community-shell)!important;max-width:1440px!important;margin-left:auto!important;margin-right:auto!important}
body.front-ui :is(.media-shell,.article-index-layout,.hub-main-layout,.cf-forum-layout,.article-layout,.post-detail-layout){grid-template-columns:minmax(0,1fr) 296px!important;gap:32px!important;align-items:start}
body.front-ui :is(.media-sidebar,.article-index-sidebar,.hub-sidebar,.circle-detail-sidebar,.post-sidebar){position:static;max-height:none;overflow:visible;gap:22px}
body.front-ui :is(.community-feed,.home-topics,.hub-discussions,.hub-recommendations,.circle-discussion-board,.pd-content-card,.circle-replies,.article-prose,.article-index-main,.creator-content-list){border-color:var(--dc-line)!important;border-radius:10px!important;box-shadow:none!important}
body.front-ui :is(.ui-section-head,.hub-list-heading,.discussion-board-head){padding:24px 28px!important;background:transparent;border-radius:0}
body.front-ui :is(.ui-section-head h2,.hub-list-heading h2,.discussion-board-head h2,.topic-heading h2,.home-topics h2){font-size:23px!important;letter-spacing:-.4px;line-height:1.4}
body.front-ui :is(.cf-heading h1,.circle-hub-heading h1,.members-directory-heading h1,.network-hero h1,.web-directory-heading h1,.creator-welcome h1,.creator-profile-head h1){font-size:32px!important;line-height:1.3;letter-spacing:-.7px}
body.front-ui :is(.cf-heading p,.members-directory-heading p,.network-hero p,.creator-welcome p){font-size:15px!important;color:var(--dc-muted)}
/* Lists: clear type hierarchy, generous rows, minimal ornament. */
body.front-ui .community-thread{padding:24px 28px;gap:18px;border-bottom:1px solid var(--dc-line)}
body.front-ui .community-thread h3{font-size:20px;line-height:1.55;font-weight:600;margin-bottom:9px}
body.front-ui .community-thread-meta{font-size:13px;line-height:1.8;gap:5px 14px}
body.front-ui .community-circle-label{font-size:11px;font-weight:400;padding:3px 7px}
body.front-ui .ui-reply-tally{flex-basis:44px;min-width:44px;padding:8px 4px;background:var(--dc-soft);border-radius:7px}body.front-ui .ui-reply-tally b{font-size:19px}body.front-ui .ui-reply-tally span{font-size:11px}
body.front-ui .hub-post{padding:24px 28px;gap:18px}body.front-ui .hub-post h3{font-size:20px;line-height:1.55}body.front-ui .hub-post-meta{font-size:13px;line-height:1.8}
body.front-ui .hub-post-numbers b{font-size:17px}body.front-ui .hub-post-numbers span{font-size:11px}
body.front-ui .cf-forum-layout .cf-thread{padding:24px 28px!important}body.front-ui .cf-forum-layout .cf-thread h3{font-size:20px!important;line-height:1.55!important}
body.front-ui .cf-forum-layout .cf-thread-meta{font-size:13px!important}body.front-ui .cf-forum-layout .cf-thread-last{font-size:13px!important}
body.front-ui .cf-directory .cf-circle-card{padding:26px!important;border-radius:10px!important}
body.front-ui .cf-directory .cf-card-title h3{font-size:20px!important}body.front-ui .cf-directory .cf-circle-copy>p{font-size:14px!important;line-height:1.8!important;min-height:50px!important;max-height:51px!important}
body.front-ui .cf-directory .cf-card-meta{font-size:12px!important}body.front-ui .cf-directory .directory-update-title{font-size:12px!important}
body.front-ui .cf-directory-sort>a{font-size:14px!important;min-height:46px!important}
body.front-ui .cf-categories nav>a{font-size:14px!important;min-height:44px!important}
/* Editorial surfaces. */
body.front-ui .editorial-feature{border:0;border-radius:10px;box-shadow:none}
body.front-ui .editor-picks{padding:26px}body.front-ui .editor-picks h2{font-size:20px}body.front-ui .editor-picks li a{font-size:14px;line-height:1.65}
body.front-ui .feature-overlay h2{font-size:clamp(24px,2.2vw,34px);line-height:1.4}
body.front-ui .home-topic-copy h3{font-size:17px}body.front-ui .home-topic-copy p{font-size:13px}body.front-ui .home-topic-card{box-shadow:none!important;border-radius:8px!important}
body.front-ui :is(.article-index-card,.article-list-card){box-shadow:none;border-radius:0;border-width:0 0 1px;border-color:var(--dc-line);padding:26px 0;background:transparent}
body.front-ui :is(.article-index-card h2,.article-index-card h3,.article-list-card h2,.article-list-card h3){font-size:21px;line-height:1.55}
body.front-ui :is(.article-index-card p,.article-list-card p){font-size:15px;line-height:1.8;color:var(--dc-muted)}
body.front-ui .topic-catalog-grid{gap:24px}body.front-ui .topic-catalog-card{padding:26px;gap:24px;border:1px solid var(--dc-line);box-shadow:none;border-radius:10px}
body.front-ui .topic-catalog-card h2{font-size:22px;line-height:1.5}body.front-ui .topic-catalog-card p{font-size:14px;line-height:1.8}
body.front-ui .members-directory-grid{gap:22px}body.front-ui .members-directory-card{padding:24px;border-color:var(--dc-line);box-shadow:none;border-radius:10px}
body.front-ui .members-directory-name{font-size:18px}body.front-ui .members-directory-bio{font-size:14px;line-height:1.8}body.front-ui .members-directory-stats{font-size:12px}
body.front-ui :is(.network-index-card,.web-directory-card){padding:24px;border-color:var(--dc-line);box-shadow:none;border-radius:9px}
body.front-ui :is(.network-index-card h2,.web-directory-card h3){font-size:19px}body.front-ui :is(.network-index-summary,.web-directory-card p){font-size:14px;line-height:1.8}
/* Reading remains spacious without making lines unlimited. */
body.front-ui :is(.article-prose,.pd-content-inner){padding:36px 40px!important}
body.front-ui .post-prose{padding:0!important}body.front-ui .pd-heading{padding:30px 40px!important}
body.front-ui :is(.article-prose .body,.post-prose .body){font-size:18px!important;line-height:1.85!important}
body.front-ui :is(.article-prose h1,.pd-heading h1){font-size:clamp(29px,2.8vw,38px)!important;line-height:1.4!important;letter-spacing:-.7px}
body.front-ui .markdown-body :is(h2,h3){scroll-margin-top:110px}body.front-ui .markdown-body pre{font-size:14px;line-height:1.8;max-width:100%;overflow:auto}
body.front-ui .markdown-body table{max-width:100%;display:block;overflow:auto;font-size:14px;border-collapse:collapse}
body.front-ui .markdown-body :is(th,td){padding:12px 16px;border:1px solid var(--dc-line)}
body.front-ui .pd-author-name{font-size:14px!important}body.front-ui .pd-byline time{font-size:13px!important}
body.front-ui .circle-replies{padding:30px 40px!important}body.front-ui .reply-rich-body{font-size:16px!important}
/* Secondary modules use restrained separation and readable labels. */
body.front-ui :is(.hub-side-card,.media-sidebar>section,.circle-detail-sidebar>section,.article-index-sidebar>section){padding:24px!important;border:1px solid var(--dc-line);border-radius:9px!important;box-shadow:none!important}
body.front-ui :is(.hub-side-card h2,.media-sidebar h3,.circle-detail-sidebar h3,.article-index-sidebar h3){font-size:17px!important;line-height:1.5}
body.front-ui :is(.hub-side-card p,.media-sidebar p,.circle-detail-sidebar p){font-size:13px!important;line-height:1.85!important}
body.front-ui .hub-questions h3{font-size:14px!important}body.front-ui .hub-active-members h3{font-size:13px!important}
body.front-ui .post-sidebar .pd-circle-card{background:#191d1f;border-color:#191d1f}body.front-ui .pd-circle-card h3{font-size:25px!important}
body.front-ui .board-guide-card .cd-start-links b{font-size:14px!important}body.front-ui .board-guide-card .cd-start-links span{font-size:12px!important}
/* Controls retain native semantics and existing action handlers. */
body.front-ui :is(.btn,.outline-btn,.sidebar-enter,.circle-directory-create){font-size:14px;min-height:42px;border-radius:7px;box-shadow:none}
body.front-ui .btn:not(.ghost):not(.danger){background:#2864df;color:#202733;font-weight:650;border-color:#2864df;box-shadow:none}
body.front-ui .btn.ghost{background:#fff;color:#414b5b;border:1px solid #dfe5ee;box-shadow:none}
body.front-ui :is(.ui-tabs,.cf-tabs,.article-index-channels){gap:8px}
body.front-ui :is(.ui-tabs>a,.article-index-channels>a){font-size:14px;padding:12px 16px}
body.front-ui :is(.cf-pagination,.reply-pagination,.ui-pagination){font-size:13px;gap:12px;padding:22px}
body.front-ui :is(input,select,textarea):not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]):not(.hp-field):not(.ql-editor *){font-size:15px}
body.front-ui :is(.auth-card,.auth-panel){padding:36px;border:1px solid var(--dc-line);border-radius:12px;box-shadow:none;background:#fff}
body.front-ui :is(.auth-card,.auth-panel) h1{font-size:30px}
body.front-ui .search-page{margin-top:30px;margin-bottom:50px}body.front-ui .search-page h1{font-size:32px}body.front-ui .search-results>article{padding:26px;border-bottom:1px solid var(--dc-line)}body.front-ui .search-results h2{font-size:20px}
body.front-ui :is(.empty-state,.cf-empty,.comment-empty){padding:40px 24px;color:var(--dc-muted);box-shadow:none}body.front-ui :is(.empty-state,.cf-empty) h3{font-size:20px;color:var(--dc-ink)}
body.front-ui :is(.creator-menu a,.creator-profile-form label,.creator-profile-form input,.creator-profile-form textarea){font-size:15px}
body.front-ui .creator-menu a{padding:12px 16px}body.front-ui .creator-profile-form{padding:32px}body.front-ui .creator-content-list{padding:24px}
body.front-ui .site-footer{margin-top:48px;border-top:1px solid var(--dc-line);background:#f0f1f3;padding-top:40px}body.front-ui .footer-layout{max-width:1440px;width:calc(100% - 64px);margin:auto}body.front-ui .footer-menu-group a{font-size:13px}
/* Admin follows the same neutral / signal palette, with data-dense tables. */
body.admin-layout.admin-ui-unified{--admin-line:#e9edf2;--admin-line-soft:#edf0f5;--admin-border:#e0dbd1;--admin-border-soft:#edf0f5;--admin-ink:#202733;--admin-muted:#7b8390;--admin-soft:#f5f7fa;--admin-accent:#2864df;--admin-control-height:42px;--ui-shell:calc(100% - 64px);font-size:15px}
body.admin-layout.admin-ui-unified .admin-workspace{max-width:1600px;margin:28px auto 48px;grid-template-columns:224px minmax(0,1fr);gap:30px}
body.admin-layout.admin-ui-unified .admin-topbar{min-height:72px;padding:14px 32px;border-color:var(--dc-line)}
body.admin-layout.admin-ui-unified .admin-sidebar{background:#fff;border-color:var(--dc-line);border-radius:10px;box-shadow:none}
body.admin-layout.admin-ui-unified .admin-nav-link{font-size:14px;min-height:44px;color:#7b8390}
body.admin-layout.admin-ui-unified .admin-nav-link.is-active{background:#202733!important;color:#fff!important;box-shadow:inset 3px 0 #2864df!important}
body.admin-layout.admin-ui-unified .admin-page-title h1{font-size:29px;line-height:1.35;letter-spacing:-.5px}body.admin-layout.admin-ui-unified .admin-page-title p{font-size:14px;line-height:1.8}
body.admin-layout.admin-ui-unified .admin-pagebar{margin-bottom:24px;padding-bottom:20px}
body.admin-layout.admin-ui-unified .admin-workspace :is(.admin-panel,.admin-surface,.admin-settings-card){border-radius:10px;border-color:var(--dc-line);box-shadow:none}
body.admin-layout.admin-ui-unified .admin-workspace :is(.admin-surface-head,.admin-panel-head){padding:20px 24px}
body.admin-layout.admin-ui-unified .admin-workspace :is(input,select):not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]):not(.tox *){min-height:42px;height:42px;font-size:14px;border-color:#dfe5ee;border-radius:6px}
body.admin-layout.admin-ui-unified .admin-workspace textarea{font-size:14px;line-height:1.8;border-color:#dfe5ee;border-radius:6px}
body.admin-layout.admin-ui-unified .admin-workspace :is(.btn,button[type=submit]):not(.link):not(.danger):not(.is-danger):not(.tox *){min-height:42px;border-radius:6px;font-size:14px;box-shadow:none}
body.admin-layout.admin-ui-unified .admin-workspace .btn:not(.ghost):not(.danger){background:#202733;color:#fff;border-color:#202733}
body.admin-layout.admin-ui-unified .admin-workspace :is(th,td){padding:14px 16px;font-size:14px;border-color:var(--dc-line)}
body.admin-layout.admin-ui-unified .admin-workspace th{background:#f5f7fa;color:#7b8390;font-weight:600}
body.admin-layout.admin-ui-unified .admin-workspace :is(.admin-article-nav,.admin-circle-nav){background:#f5f7fa;border-color:var(--dc-line)}
body.admin-layout.admin-ui-unified .admin-workspace :is(.admin-article-nav,.admin-circle-nav) a.is-active{background:#202733;color:#fff;box-shadow:none}
body.admin-layout.admin-ui-unified .admin-filter-extra>summary{color:#7b8390}
:is(body.front-ui,body.admin-layout) :is(a,button,summary,input,select,textarea):focus-visible{outline:2px solid #2864df;outline-offset:3px}
@media(max-width:1100px){body.front-ui :is(.media-shell,.article-index-layout,.hub-main-layout,.cf-forum-layout,.article-layout,.post-detail-layout){grid-template-columns:minmax(0,1fr) 260px!important;gap:24px!important}body.front-ui .media-header{gap:20px;padding-inline:24px}body.front-ui .main-nav{gap:18px}}
@media(max-width:900px){body.front-ui{--community-shell:calc(100% - 36px)}body.front-ui :is(.media-shell,.article-index-layout,.hub-main-layout,.cf-forum-layout,.article-layout,.post-detail-layout){grid-template-columns:minmax(0,1fr)!important;gap:24px!important}body.front-ui .media-sidebar{display:none}body.front-ui .circle-detail-sidebar{display:flex}body.front-ui .article-index-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}body.front-ui .media-header{min-height:68px;padding:12px 18px}body.front-ui .channel-bar>div{width:calc(100% - 36px)}body.admin-layout.admin-ui-unified{--ui-shell:calc(100% - 32px)}body.admin-layout.admin-ui-unified .admin-workspace{grid-template-columns:minmax(0,1fr);gap:18px}}
@media(max-width:600px){body.front-ui{font-size:15px;--community-shell:calc(100% - 28px)}body.front-ui .channel-bar>div{width:calc(100% - 28px);gap:18px}body.front-ui .channel-bar a{font-size:12px}body.front-ui :is(.ui-section-head,.hub-list-heading,.discussion-board-head){padding:20px!important}body.front-ui :is(.ui-section-head h2,.hub-list-heading h2,.discussion-board-head h2,.topic-heading h2,.home-topics h2){font-size:20px!important}body.front-ui :is(.cf-heading h1,.circle-hub-heading h1,.members-directory-heading h1,.network-hero h1,.web-directory-heading h1){font-size:27px!important}body.front-ui .community-thread,body.front-ui .hub-post{padding:20px 16px;gap:12px}body.front-ui .community-thread h3,body.front-ui .hub-post h3{font-size:18px}body.front-ui .community-thread-meta{font-size:13px}body.front-ui .cf-forum-layout .cf-thread{padding:20px 16px!important}body.front-ui .cf-forum-layout .cf-thread h3{font-size:18px!important}body.front-ui .cf-directory .cf-circle-card{padding:20px!important}body.front-ui .cf-directory-sort>a{font-size:12px!important;min-height:42px!important}body.front-ui .article-index-sidebar{display:flex;flex-direction:column}body.front-ui :is(.article-prose,.pd-content-inner,.circle-replies){padding:24px 20px!important}body.front-ui .pd-heading{padding:24px 20px!important}body.front-ui :is(.article-prose .body,.post-prose .body){font-size:17px!important;line-height:1.85!important}body.front-ui :is(.article-prose h1,.pd-heading h1){font-size:27px!important}body.front-ui :is(.hub-side-card,.media-sidebar>section,.circle-detail-sidebar>section){padding:20px!important}body.front-ui .topic-catalog-card{padding:20px;gap:16px}body.front-ui .topic-catalog-card h2{font-size:19px}body.front-ui .home-topic-copy h3{font-size:14px}body.front-ui .home-topic-copy p{font-size:11px}body.front-ui .footer-layout{width:calc(100% - 36px)}body.front-ui .creator-profile-form{padding:20px}body.front-ui :is(.ui-tabs>a,.article-index-channels>a){font-size:13px;padding:10px 12px}body.admin-layout.admin-ui-unified .admin-topbar{padding:12px 16px}body.admin-layout.admin-ui-unified .admin-page-title h1{font-size:24px}body.admin-layout.admin-ui-unified .admin-workspace :is(th,td){padding:12px;font-size:13px}}
@media(prefers-reduced-motion:reduce){body.front-ui *,body.admin-layout *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
body.front-ui .article-index-row{padding:28px!important;border-bottom:1px solid var(--dc-line);box-shadow:none}
body.front-ui .article-index-copy h2{font-size:22px!important;line-height:1.55!important}body.front-ui .article-index-summary{font-size:15px!important;line-height:1.85!important}body.front-ui .article-index-meta{font-size:13px!important;gap:12px}
body.front-ui .form-wrap{width:min(520px,calc(100% - 36px));margin:44px auto 64px}
body.front-ui .form-card{padding:36px;border-radius:12px;border:1px solid var(--dc-line);box-shadow:none;background:#fff}
body.front-ui .form-card h1{font-size:30px;line-height:1.35;margin:10px 0 24px}
body.front-ui .form-card label{font-size:14px;line-height:1.7}body.front-ui .form-card input:not([type=hidden]):not([type=checkbox]):not(.hp-field){min-height:46px;border-radius:7px;border:1px solid #dfe5ee}body.front-ui .form-card .btn{min-height:46px;font-size:15px}
@media(max-width:600px){body.front-ui .article-index-row{padding:20px!important}body.front-ui .article-index-copy h2{font-size:19px!important}body.front-ui .article-index-summary{font-size:14px!important}body.front-ui .form-card{padding:26px 22px}}
body.admin-layout.admin-ui-unified .admin-workspace .admin-filter button[type=submit]{background:#202733!important;color:#fff!important;border-color:#202733!important}
body.admin-layout.admin-ui-unified .admin-nav-link.is-active>i{background:#2864df;color:#202733}
body.admin-layout.admin-ui-unified .admin-workspace .admin-list-heading{background:#f8fafd;border-color:var(--dc-line)}
body.admin-layout.admin-ui-unified .admin-workspace .admin-article-card h3 a{color:#202733}

/* Editorial rhythm: readable measures and quiet, consistently aligned modules. */
body.front-ui :is(.community-thread h3,.hub-post h3,.cf-thread h3,.article-index-copy h2){font-weight:600!important;letter-spacing:0;overflow-wrap:anywhere}
body.front-ui :is(.article-index-copy h2,.community-thread h3,.hub-post h3){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
body.front-ui :is(.article-prose .body,.post-prose .body){max-width:840px;margin-inline:auto;overflow-wrap:anywhere}
body.front-ui :is(.article-prose .body,.post-prose .body)>p{margin-block:0 1.35em}
body.front-ui :is(.article-prose .body,.post-prose .body)>:is(h2,h3){line-height:1.45;font-weight:600;margin-top:1.8em;margin-bottom:.75em}
body.front-ui :is(.article-byline,.pd-byline,.article-index-meta,.community-thread-meta,.hub-post-meta){color:var(--dc-muted);line-height:1.8;flex-wrap:wrap}
body.front-ui .article-byline{font-size:14px}
body.front-ui :is(.media-sidebar>section,.article-index-sidebar>section){border-width:1px 0 0;border-radius:0!important;background:transparent!important;padding-inline:0!important}
body.front-ui :is(.community-feed,.hub-discussions,.circle-discussion-board,.article-index-main){border-radius:4px!important}
body.front-ui :is(.home-topic-card,.ui-reply-tally){box-shadow:none!important}
body.front-ui .ui-reply-tally{background:transparent;border-radius:0}
body.front-ui :is(.community-circle-label,.hub-post-numbers span,.ui-reply-tally span){font-size:12px}
body.front-ui .board-guide-card .cd-start{background:transparent;border:0;padding:0}
body.front-ui .board-guide-card .cd-start-links>a{border-width:0 0 1px;border-radius:0;background:transparent}
body.front-ui :is(.hub-side-card h2,.media-sidebar h3,.circle-detail-sidebar h3,.article-index-sidebar h3){font-weight:600;letter-spacing:0}
@media(max-width:600px){body.front-ui :is(.article-index-meta,.cf-thread-meta,.cf-thread-last,.pd-byline time){font-size:13px!important}body.front-ui .article-byline{font-size:13px}body.front-ui :is(.article-prose .body,.post-prose .body){max-width:100%}body.front-ui :is(.article-index-copy h2,.community-thread h3,.hub-post h3){-webkit-line-clamp:3}}

/* Article body aligns with its title, summary and action divider. */
body.front-ui.page-article .article-prose .body{max-width:none;width:100%;margin-inline:0}

/* Circle sidebars are complete cards; do not flatten them with editorial modules. */
body.front-ui :is(.hub-sidebar,.circle-detail-sidebar){display:flex!important;flex-direction:column;align-items:stretch;align-self:start;gap:20px!important;min-width:0;width:100%;margin:0!important;padding:0!important;position:static!important;max-height:none!important;overflow:visible!important;box-sizing:border-box}
body.front-ui :is(.hub-sidebar,.circle-detail-sidebar)>section{box-sizing:border-box;min-width:0;width:100%;margin:0!important;padding:22px!important;border:1px solid #e9edf2!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;overflow-wrap:anywhere}
body.front-ui.page-post .post-sidebar>section.pd-circle-card{background:#191d1f!important;border-color:#191d1f!important;color:#fff!important}
body.front-ui.page-post .post-sidebar .pd-circle-card h3{color:#fff!important}
body.front-ui.page-post .post-sidebar .pd-circle-card p{color:#c5c9cb!important}
body.front-ui :is(.hub-sidebar,.circle-detail-sidebar) :is(.circle-owner-profile,.post-circle-admin-profile){min-width:0;gap:12px}
body.front-ui :is(.hub-sidebar,.circle-detail-sidebar) :is(.circle-owner-profile,.post-circle-admin-profile)>:is(img,i){flex-shrink:0}
body.front-ui .hub-side-card>header{flex-wrap:wrap;gap:6px 12px}
body.front-ui .post-sidebar .post-circle-notice-body{max-height:none;overflow:visible;padding-right:0}
@media(max-width:600px){body.front-ui :is(.hub-sidebar,.circle-detail-sidebar)>section{padding:20px!important}}

/* Restrained media palette. Scoped surfaces preserve card sizing and layout. */
body.front-ui{color:#414b5b}
body.front-ui :is(.article-prose,.hub-discussions,.circle-discussion-board,.article-index-main) :is(h1,h2,h3,h4){color:#202733}
body.front-ui :is(.channel-bar,.cf-directory-sort,.circle-content-tabs,.reading-summary){background:#f5f7fa!important;border-color:#e9edf2!important}
body.front-ui :is(.btn,.circle-directory-create):not(.ghost):not(.danger){background:#2864df!important;border-color:#2864df!important;color:#fff!important;box-shadow:none!important}
body.front-ui .btn.ghost,body.front-ui .outline-btn{background:#fff!important;color:#414b5b!important;border:1px solid #e5eaf1!important}
body.front-ui.page-circle .cf-forum-hero,body.front-ui.page-post .post-sidebar>section.pd-circle-card{background:#fff!important;color:#414b5b!important;border:1px solid #e9edf2!important;box-shadow:none!important}
body.front-ui.page-circle .cf-forum-hero h1,body.front-ui.page-post .post-sidebar .pd-circle-card h3,body.front-ui.page-post .pd-circle-card .detail-circle-stats b{color:#202733!important}
body.front-ui.page-circle .cf-forum-hero :is(p,small,.circle-owner-inline,.article-promotion-download),body.front-ui.page-post .post-sidebar .pd-circle-card :is(p,small,.eyebrow){color:#7b8390!important}
body.front-ui.page-circle .cf-forum-hero .cf-type{background:#f5f7fa;color:#7b8390;border-color:#e9edf2}
body.front-ui.page-circle .cf-forum-hero .circle-icon,body.front-ui.page-post .pd-circle-symbol{background:#f5f7fa!important;color:#59616f!important}
body.front-ui.page-post .pd-circle-card:after,body.front-ui.page-post .pd-heading:before{display:none!important}
body.front-ui.page-post .pd-circle-card .detail-circle-stats,body.front-ui.page-circle .circle-hero-actions{border-color:#e9edf2!important}
body.front-ui.page-post .pd-circle-card .sidebar-enter,body.front-ui .hub-shortcuts nav>a.hub-shortcut-primary{background:#fff!important;color:#414b5b!important;border:1px solid #e5eaf1!important;box-shadow:none!important}
body.front-ui :is(.hub-side-link,.sidebar-enter){color:#59616f}
body.front-ui :is(.ui-tabs,.hub-list-heading nav,.hub-tabs,.cf-tabs,.article-index-channels,.cf-directory-sort,.cf-categories nav,.cm-type-tabs) a:is(.is-active,.active,[aria-current=page]){background:#edf3ff!important;color:#2864df!important;border-color:transparent!important;box-shadow:inset 0 -2px #2864df!important;border-radius:4px!important}
body.front-ui.page-circles .cf-directory .cf-directory-sort>a.is-active:before{display:none}
body.front-ui :is(.circle-hub-heading,.cf-heading,.pd-replies-heading)>.eyebrow{display:none}
body.front-ui .post-sidebar .pd-circle-card>.eyebrow{display:none}
body.front-ui .pd-circle-symbol{margin-top:0!important}
body.front-ui :is(.community-thread-meta,.hub-post-meta,.cf-thread-meta,.pd-engagement){color:#7b8390}
body.front-ui .article-prose{border-top-color:#e9edf2!important}
body.front-ui :is(.article-prose .body,.post-prose .body){color:#414b5b}
body.front-ui .article-author-card .article-author-actions>a.article-author-primary{background:#fff!important;color:#414b5b!important;border:1px solid #e5eaf1!important}
body.front-ui :is(a,button):focus-visible{outline-color:#2864df}

body.front-ui .circle-hub-heading>div>span{display:none}

/* Circle post text shares the inner column edges with its notice. */
body.front-ui.page-post .post-prose .body{max-width:none;width:100%;margin-inline:0}

body.front-ui.page-post .pd-circle-title{display:flex;align-items:center;gap:12px;margin-bottom:16px;min-width:0}
body.front-ui.page-post .pd-circle-title .pd-circle-symbol{flex:0 0 42px;margin:0!important}
body.front-ui.page-post .pd-circle-title h3{margin:0!important;min-width:0;overflow-wrap:anywhere;line-height:1.4}