/* Circle-only forum UI. Do not change shared article, editor or product layout. */
.cf-shell{width:min(1440px,calc(100% - 48px));margin:24px auto 36px;color:#27382d;min-width:0}
.cf-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}
.cf-heading h1{font-size:30px;line-height:1.3;margin:4px 0 8px;letter-spacing:-.03em}
.cf-heading p{margin:0;color:#738076;font-size:13px;line-height:1.7}
.cf-kicker{font-size:11px;letter-spacing:.12em;color:#647c51}
.cf-heading-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}
.cf-summary{display:flex;align-items:center;gap:28px;padding:13px 18px;margin-bottom:20px;background:#eef3e9;border:1px solid #dae4d3;border-radius:10px;font-size:12px;color:#667362}
.cf-summary b{font-size:18px;color:#2f4c28;margin-right:4px;font-variant-numeric:tabular-nums}
.cf-summary small{margin-left:auto;font-size:11px}
.cf-directory-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;align-items:start}
.cf-categories{background:#fff;border:1px solid #dde5df;border-radius:12px;padding:18px 12px;min-width:0}
.cf-categories h2{font-size:14px;margin:0 10px 12px}
.cf-categories nav{display:grid;gap:4px}
.cf-categories nav a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 12px;border-radius:7px;font-size:12px;color:#566358}
.cf-categories nav a b{font-size:11px;font-weight:400;color:#869282}
.cf-categories nav a:hover{background:#f2f6ee}
.cf-categories nav a.is-active{background:#2b4528;color:#fff;font-weight:600}
.cf-categories nav a.is-active b{color:#cad8c4}
.cf-categories>p{font-size:11px;line-height:1.9;color:#8a948a;margin:20px 10px 0;padding-top:16px;border-top:1px solid #e9eeea}
.cf-results{min-width:0;background:#fff;border:1px solid #dde5df;border-radius:12px;overflow:hidden}
.cf-results-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid #e6ece7}
.cf-results-heading h2{font-size:17px;margin:0;white-space:nowrap}
.cf-results-heading h2 small{font-size:11px;font-weight:400;color:#8a9688;margin-left:7px}
.cf-search{display:flex;align-items:center;gap:8px;max-width:390px;min-width:0;margin:0}
.cf-search input{width:240px;min-width:0;height:34px;border:1px solid #dce5dd;border-radius:6px;padding:0 10px;font-size:12px;background:#fafcf9}
.cf-search button,.cf-inline-form button{width:auto;border:1px solid #cbd9c5;border-radius:6px;padding:8px 14px;background:#eef4e9;color:#36502b;font-size:12px;white-space:nowrap;cursor:pointer}
.cf-search>a{font-size:11px;white-space:nowrap}
.cf-circle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 20px;column-gap:24px}
.cf-circle-card{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:13px;padding:24px 0;border-bottom:1px solid #edf1ec;min-width:0}
.cf-circle-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#edf4e4;color:#4b6d31;font-size:21px;font-weight:700;border:1px solid #dfeacd}
.cf-circle-card:nth-child(3n+2) .cf-circle-avatar{background:#eaf1f7;color:#476787;border-color:#dce7f1}
.cf-circle-card:nth-child(3n) .cf-circle-avatar{background:#f7f0e6;color:#927345;border-color:#ede4d6}
.cf-circle-copy{min-width:0}
.cf-card-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:7px}
.cf-card-title h3{font-size:15px;line-height:1.4;margin:0;overflow-wrap:anywhere}
.cf-card-title>span{font-size:10px;color:#7f8d78;border:1px solid #e1e8db;border-radius:4px;padding:1px 5px;white-space:nowrap}
.cf-circle-copy>p{font-size:12px;line-height:1.75;margin:0 0 13px;color:#7b867a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.cf-card-meta{display:flex;gap:12px;flex-wrap:wrap;color:#859080;font-size:10px;line-height:1.6}
.cf-empty{padding:40px 20px;text-align:center;color:#87917f;font-size:13px;grid-column:1/-1}
.cf-empty h3{font-size:16px;color:#4a5d42;margin-bottom:12px}
.cf-empty a{display:inline-block;margin-top:15px;color:#496d35}
.cf-pagination{display:flex;justify-content:center;align-items:center;gap:18px;padding:22px 12px;font-size:12px;color:#7a8674}
.cf-pagination a{border:1px solid #d8e2d4;border-radius:6px;padding:7px 12px;color:#49653a}
.cf-breadcrumb{font-size:11px;margin-top:20px;margin-bottom:12px;color:#899082;line-height:1.7}
.circle-hero.cf-forum-hero{width:min(1440px,calc(100% - 48px));min-height:0;margin:0 auto;padding:24px;display:flex;flex-wrap:wrap;background:linear-gradient(105deg,#f5f8ee,#e6efd9);border-radius:12px;gap:18px}
.cf-forum-hero>div:nth-child(2){flex:1;min-width:220px}
.cf-forum-hero .circle-hero-actions{flex-wrap:wrap;gap:8px}
.cf-forum-hero p{font-size:12px;max-width:780px}
.circle-detail-layout.cf-forum-layout{width:min(1440px,calc(100% - 48px));margin:18px auto 40px;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;align-items:start}
.cf-forum-layout>.discussion{min-width:0;width:100%;margin:0;overflow:hidden}
.cf-forum-layout .circle-detail-sidebar{position:static;width:auto;min-width:0;display:flex;flex-direction:column;gap:12px}
.cf-forum-layout .discussion-board-head{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.cf-forum-layout .discussion-board-head h2{font-size:17px}
.cf-forum-layout .circle-content-tabs{padding:0 16px;min-width:0;overflow-x:auto}
.cf-forum-layout .circle-content-tabs span{font-size:10px;white-space:nowrap}
.cf-thread{display:grid;grid-template-columns:48px minmax(0,1fr) 145px;align-items:center;gap:15px;padding:17px 20px;border-bottom:1px solid #eaf0e7;background:#fff;min-width:0}
.cf-thread:hover{background:#fafcf8}
.cf-reply-count{background:#f2f5ed;border:1px solid #e4eadf;border-radius:7px;display:grid;place-items:center;padding:6px 3px;color:#7b8b6e}
.cf-reply-count b{font-size:15px;font-weight:500}
.cf-reply-count small{font-size:9px;margin-top:2px}
.cf-thread-main{min-width:0}
.cf-thread-main h3{font-size:14px;line-height:1.6;margin:0 0 6px;overflow-wrap:anywhere;font-weight:550}
.cf-thread-main em,.cf-manage-title em{font-size:10px;display:inline-block;font-style:normal;border-radius:4px;color:#758644;background:#eef3df;padding:0 5px;margin-left:7px;vertical-align:middle;white-space:nowrap}
.cf-thread-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:10px;color:#92998c}
.cf-thread-meta a{color:#73816a}
.cf-thread-last{min-width:0;display:grid;gap:5px;font-size:10px;color:#92998c;text-align:right;overflow-wrap:anywhere}
.cf-forum-layout .circle-pinned-module{margin:0;padding:14px 20px;background:#fcfdf9;border-bottom:1px solid #e7eddf}
.cf-forum-layout .circle-pinned-module>header{display:none}
.cf-forum-layout .circle-pinned-module article{padding:7px 0;background:none;border:0}
.cf-forum-layout .circle-pinned-module h3{font-size:13px;line-height:1.6}
.cf-forum-layout .circle-composer-section{scroll-margin-top:110px}
.cf-tabs{display:flex;gap:6px;border-bottom:1px solid #dce5d5;margin-bottom:20px;overflow-x:auto}
.cf-tabs>a{font-size:13px;padding:13px 18px;white-space:nowrap;border-bottom:2px solid transparent;color:#78856e}
.cf-tabs>a.is-active{border-color:#45632e;color:#34521f;font-weight:600}
.cf-tabs b{font-size:10px;font-weight:400;border-radius:4px;background:#e9efde;padding:2px 6px;margin-left:5px}
.cf-panel{background:#fff;border:1px solid #dce5d8;border-radius:10px;padding:22px;margin-bottom:18px;min-width:0}
.cf-panel>h2{font-size:17px;margin:0 0 18px}
.cf-hint{color:#87917f;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.cf-filter{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.cf-filter a{padding:7px 14px;border:1px solid #e2e8da;border-radius:6px;font-size:12px;color:#7c876e}
.cf-filter a.is-active{background:#324b27;color:#fff;border-color:#324b27}
.cf-filter span{font-size:11px;color:#89927e;margin-left:auto}
.cf-manage-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;border-bottom:1px solid #e8ede1;padding:17px 0}
.cf-manage-title{min-width:0}
.cf-manage-title h3{font-size:13px;font-weight:550;line-height:1.7;margin:0 0 5px;overflow-wrap:anywhere}
.cf-manage-title small{display:block;font-size:10px;line-height:1.7;color:#8c9582;overflow-wrap:anywhere}
.cf-inline-form{display:flex;align-items:center;gap:6px;margin:0;min-width:0}
.cf-inline-form input,.cf-inline-form select{width:auto;min-width:0;height:34px;border:1px solid #dce5d4;border-radius:5px;padding:0 8px;font-size:11px;background:#fff}
.cf-inline-form input:not([type=hidden]){width:170px}
.cf-inline-form button{padding:8px 10px;font-size:11px}
.cf-settings-form{max-width:850px;display:grid;gap:18px}
.cf-settings-form label{display:grid;gap:8px;font-size:13px;color:#566748}
.cf-settings-form select,.cf-settings-form textarea{width:100%;border:1px solid #d9e3d0;border-radius:6px;padding:10px;font-size:13px;line-height:1.7;background:#fcfdfb}
.cf-settings-form small{font-size:11px;color:#969f8e}
.cf-settings-form>button{justify-self:start;width:auto}
.cf-category-form{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,2fr) 80px 110px auto;align-items:end;gap:12px;margin:0}
 .cf-category-form>label{margin:0;display:grid;gap:7px;font-size:11px;color:#748263;min-width:0}
.cf-category-form input:not([type=checkbox]){height:36px;width:100%;min-width:0;border:1px solid #dce5d4;border-radius:5px;font-size:12px;padding:6px 8px}
.cf-category-form .cf-check{display:flex;align-items:center;gap:6px;height:36px;white-space:nowrap}
 .admin-content .cf-category-form input[type=checkbox]{appearance:auto;min-height:0;width:15px;height:15px;margin:0;accent-color:#496338}
.cf-category-row{padding:20px 0;border-bottom:1px solid #e6eddf}
.cf-category-row>form:last-child{margin-top:8px;text-align:right}
.cf-danger{font-size:11px;background:transparent;color:#ad6556;border:0;padding:6px;cursor:pointer}
.cf-danger:disabled{opacity:.4;cursor:not-allowed}
.cf-log-list article{padding:15px 0;border-bottom:1px solid #e7eddf;font-size:13px}
.cf-log-list p{font-size:12px;color:#78836f;margin:7px 0;overflow-wrap:anywhere}
.cf-log-list small{font-size:10px;color:#9aa28f}
.cf-post-preview{margin-top:8px;font-size:11px;color:#6c8058}
.cf-post-preview summary{cursor:pointer}
.cf-post-preview .markdown-body{max-height:380px;overflow:auto;margin:12px 0;padding:12px;border:1px solid #e0e7d8;border-radius:6px;font-size:13px;overflow-wrap:anywhere}
.cf-post-preview img{max-width:100%;height:auto}
@media(max-width:1100px){.cf-circle-grid{grid-template-columns:minmax(0,1fr)}.cf-manage-row{grid-template-columns:minmax(0,1fr)}.cf-inline-form{justify-content:flex-start}.cf-thread{grid-template-columns:42px minmax(0,1fr)}.cf-thread-last{grid-column:2;text-align:left;display:flex;margin-top:-6px}.cf-category-form{grid-template-columns:1fr 1fr 75px}.cf-forum-layout .circle-content-tabs span{display:none}}
@media(max-width:800px){.cf-shell,.circle-hero.cf-forum-hero,.circle-detail-layout.cf-forum-layout{width:calc(100% - 28px)}.cf-heading{align-items:flex-start}.cf-heading h1{font-size:25px}.cf-directory-layout{grid-template-columns:minmax(0,1fr);gap:12px}.cf-categories{padding:12px}.cf-categories h2,.cf-categories>p{display:none}.cf-categories nav{display:flex;flex-wrap:wrap;gap:5px}.cf-categories nav a{font-size:11px;padding:8px 10px;gap:8px}.cf-summary{gap:15px}.cf-summary small{display:none}.circle-detail-layout.cf-forum-layout{grid-template-columns:minmax(0,1fr)}.cf-forum-layout .circle-detail-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cf-tabs>a{font-size:12px;padding:12px 9px}.cf-panel{padding:16px}}
@media(max-width:540px){.cf-heading{display:block}.cf-heading-actions{margin-top:15px}.cf-results-heading{display:block;padding:15px}.cf-search{margin-top:12px;max-width:none}.cf-search input{width:100%;flex:1}.cf-circle-grid{padding:0 15px}.cf-circle-card{grid-template-columns:40px minmax(0,1fr);padding:20px 0;gap:10px}.cf-circle-avatar{width:40px;height:40px;font-size:19px}.cf-card-title h3{font-size:14px}.cf-card-meta{gap:8px}.cf-summary{padding:10px 12px;gap:14px;font-size:10px}.cf-summary b{font-size:15px}.cf-thread{gap:10px;padding:15px 13px;grid-template-columns:36px minmax(0,1fr)}.cf-thread-main h3{font-size:13px}.cf-thread-meta{font-size:9px;gap:8px}.cf-thread-last{font-size:9px}.cf-forum-layout .circle-detail-sidebar{display:flex}.cf-forum-hero>div:nth-child(2){min-width:160px}.cf-forum-hero .circle-hero-actions{margin:0;width:100%}.cf-inline-form{flex-wrap:wrap}.cf-inline-form input:not([type=hidden]){width:150px;flex:1}.cf-filter span{width:100%;margin:4px 0}.cf-category-form{grid-template-columns:1fr 80px}.cf-category-form>.cf-category-name,.cf-category-form>.cf-category-description{grid-column:1/-1}.cf-tabs b{display:none}}