.cc-wrap{--cc-blue:#0b3b8f;--cc-blue-2:#1654b5;--cc-orange:#ff7a00;--cc-orange-2:#ff9d2e;--cc-ink:#15233d;--cc-muted:#6c7890;--cc-line:#e3e9f3;max-width:1180px;margin:30px auto;padding:0 16px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--cc-ink)}.cc-wrap *{box-sizing:border-box}.cc-hero{position:relative;overflow:hidden;min-height:300px;border-radius:28px;padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:22px;background:linear-gradient(120deg,#082f77 0%,#0d4ca6 55%,#1766c7 100%);box-shadow:0 18px 45px rgba(11,59,143,.22);color:#fff}.cc-hero:after{content:"";position:absolute;right:-80px;bottom:-120px;width:360px;height:360px;border:70px solid rgba(255,122,0,.14);border-radius:50%}.cc-hero-copy{position:relative;z-index:2;max-width:700px}.cc-kicker{font-size:11px;font-weight:900;letter-spacing:.18em;color:#ffb65e}.cc-kicker-dark{color:var(--cc-orange)}.cc-hero h1{font-size:clamp(30px,4.5vw,52px);line-height:1.03;letter-spacing:-.03em;margin:9px 0 13px;color:#fff}.cc-hero p{margin:0;color:#e8f0ff;max-width:650px;font-size:16px;line-height:1.65}.cc-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.cc-btn{border:0;border-radius:12px;padding:12px 18px;font-weight:800;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .18s,box-shadow .18s,background .18s}.cc-btn:hover{transform:translateY(-1px)}.cc-primary{background:var(--cc-orange);color:#fff;box-shadow:0 8px 20px rgba(255,122,0,.24)}.cc-primary:hover{background:#e96800;color:#fff}.cc-ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.24)}.cc-ghost:hover{background:rgba(255,255,255,.18);color:#fff}.cc-small-btn{padding:9px 13px;font-size:13px}.cc-hero-art{width:290px;height:220px;position:relative;flex:0 0 290px}.cc-orb{position:absolute;border-radius:50%;display:block}.cc-orb-one{width:190px;height:190px;right:20px;top:8px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15)}.cc-orb-two{width:95px;height:95px;left:28px;bottom:18px;background:rgba(255,122,0,.95);box-shadow:0 18px 35px rgba(255,122,0,.25)}.cc-device{position:absolute;right:76px;top:54px;width:105px;height:135px;border-radius:22px;background:#fff;color:var(--cc-blue);display:flex;align-items:center;justify-content:center;font-size:55px;box-shadow:0 22px 35px rgba(0,0,0,.18);transform:rotate(8deg)}
.cc-trending{background:#fff;border:1px solid var(--cc-line);border-radius:22px;padding:22px;margin-bottom:22px;box-shadow:0 8px 28px rgba(20,43,80,.06)}.cc-trending-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.cc-trending-head h2{font-size:22px;margin:4px 0 0;letter-spacing:-.02em}.cc-slider-controls{display:flex;gap:7px}.cc-slider-controls button{width:38px;height:38px;border-radius:50%;border:1px solid var(--cc-line);background:#fff;color:var(--cc-blue);font-size:25px;line-height:1;cursor:pointer}.cc-slider-controls button:hover{border-color:var(--cc-blue);background:#f3f7ff}.cc-slider{position:relative;overflow:hidden}.cc-slides{position:relative;min-height:175px}.cc-slide{display:none;position:relative;min-height:175px;border-radius:18px;overflow:hidden;background:linear-gradient(110deg,#f5f8ff,#fff);border:1px solid #e7edf7;padding:22px 62px 20px 24px}.cc-slide.active{display:block;animation:ccFade .35s ease}.cc-slide-accent{position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(#ff7a00,#ffad47)}.cc-slide-content{max-width:850px}.cc-slide h3{margin:7px 0 7px;font-size:22px;line-height:1.2}.cc-slide h3 a{color:var(--cc-ink);text-decoration:none}.cc-slide h3 a:hover{color:var(--cc-blue)}.cc-slide p{margin:0 0 13px;color:var(--cc-muted);line-height:1.55}.cc-slide-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:12px;color:#647086;font-weight:700}.cc-slide-meta span{display:inline-flex;align-items:center;gap:5px}.cc-slide-meta img{border-radius:50%}.cc-trend-badge{display:inline-flex!important;background:#fff0e5;color:#e76600!important;border-radius:999px;padding:4px 8px;margin-left:6px}.cc-slide-arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:43px;height:43px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--cc-blue);color:#fff;text-decoration:none;font-size:22px;box-shadow:0 8px 18px rgba(11,59,143,.2)}.cc-dots{display:flex;justify-content:center;gap:6px;margin-top:12px}.cc-dot{width:7px;height:7px;border:0;padding:0;border-radius:50%;background:#cbd5e5;cursor:pointer}.cc-dot.active{width:20px;border-radius:10px;background:var(--cc-orange)}@keyframes ccFade{from{opacity:.3;transform:translateX(8px)}to{opacity:1;transform:none}}
.cc-tools{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:0 0 20px}.cc-tools form{flex:1}.cc-search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--cc-line);border-radius:14px;padding:5px 6px 5px 14px;background:#fff;box-shadow:0 5px 18px rgba(20,43,80,.04)}.cc-search-box>span{font-size:22px;color:#8995aa}.cc-search-box input{flex:1;min-width:0;border:0;outline:0;padding:10px 4px;font:inherit;background:transparent}.cc-search-btn{background:var(--cc-blue);color:#fff;padding:10px 16px}.cc-rules-link{color:var(--cc-blue);font-weight:800;text-decoration:none;white-space:nowrap}.cc-rules-link span{color:var(--cc-orange)}.cc-grid{display:grid;grid-template-columns:245px 1fr;gap:22px}.cc-grid aside{border:1px solid var(--cc-line);border-radius:18px;padding:12px;height:max-content;background:#fff;box-shadow:0 8px 24px rgba(20,43,80,.04)}.cc-sidebar-title{display:flex;gap:10px;align-items:center;padding:10px 8px 13px;margin-bottom:3px;border-bottom:1px solid #edf1f7}.cc-sidebar-icon{width:34px;height:34px;border-radius:10px;background:#eef4ff;color:var(--cc-blue);display:flex;align-items:center;justify-content:center}.cc-sidebar-title strong,.cc-sidebar-title small{display:block}.cc-sidebar-title small{font-size:11px;color:#8a95a8;margin-top:2px}.cc-cat{display:flex;justify-content:space-between;align-items:center;padding:11px 10px;border-radius:11px;color:#344054;text-decoration:none;margin:3px 0;font-size:13px;font-weight:700}.cc-cat:hover,.cc-cat.active{background:#edf4ff;color:var(--cc-blue)}.cc-cat.active{box-shadow:inset 3px 0 0 var(--cc-orange)}.cc-cat b{font-size:11px;background:#f0f3f8;border-radius:999px;padding:3px 7px;color:#6d788c}.cc-cat.active b{background:#fff0e5;color:#e76600}.cc-section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:13px}.cc-section-eyebrow{font-size:10px;letter-spacing:.15em;font-weight:900;color:var(--cc-orange)}.cc-section-head h2{margin:3px 0 3px;font-size:25px;letter-spacing:-.025em}.cc-section-head>div>span:last-child{color:var(--cc-muted);font-size:13px}.cc-topic-card{position:relative;display:flex;gap:13px;padding:17px;border:1px solid var(--cc-line);border-radius:16px;background:#fff;margin-bottom:10px;align-items:flex-start;transition:transform .18s,box-shadow .18s,border-color .18s}.cc-topic-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(20,43,80,.07);border-color:#cfdaeb}.cc-avatar img,.cc-post-user img{border-radius:50%}.cc-topic-main{flex:1;min-width:0}.cc-topic-main h3{margin:4px 0 5px;font-size:18px}.cc-topic-main h3 a{color:#172033;text-decoration:none}.cc-topic-main h3 a:hover{color:var(--cc-blue)}.cc-topic-main p{margin:0 0 7px;color:#687386;font-size:14px;line-height:1.5}.cc-topic-main small{color:#8993a4}.cc-topic-meta{font-size:11px;color:#0d4a9d;font-weight:850;text-transform:uppercase;letter-spacing:.03em}.cc-pill{display:inline-block;background:#eef1f5;color:#596579;border-radius:999px;padding:3px 7px;font-size:10px;margin-left:5px}.cc-topic-stats{width:70px;text-align:center;color:#7a8495}.cc-topic-stats b{display:block;color:#26344c;font-size:17px}.cc-topic-stats span{display:block;font-size:11px;margin-bottom:7px}.cc-empty,.cc-login-note{padding:48px 20px;text-align:center;border:1px dashed #d8deea;border-radius:18px;background:#fbfcfe}.cc-empty-icon{font-size:36px}.cc-pagination{padding:20px;text-align:center}.cc-pagination a,.cc-pagination span{display:inline-block;padding:7px 10px;margin:2px;border-radius:8px;text-decoration:none}.cc-pagination .current{background:var(--cc-blue);color:#fff}.cc-breadcrumb{font-size:14px;color:#667085;margin-bottom:14px}.cc-breadcrumb a{color:var(--cc-blue)}.cc-post{display:grid;grid-template-columns:160px 1fr;border:1px solid var(--cc-line);background:#fff;border-radius:16px;margin-bottom:12px;overflow:hidden;box-shadow:0 6px 22px rgba(20,43,80,.04)}.cc-post-user{background:#f7f9fc;padding:18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px}.cc-post-user strong{font-size:14px}.cc-post-user span{font-size:11px;color:#7b8595}.cc-post-body{padding:20px;min-width:0}.cc-post-body h1{font-size:clamp(24px,4vw,36px);margin:6px 0 15px}.cc-content{line-height:1.7;color:#303b50}.cc-content p{margin-top:0}.cc-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.cc-link{border:0;background:transparent;color:#516078;cursor:pointer;font-weight:700;padding:4px}.cc-like.liked{color:#e35d00}.cc-replies-title{margin:25px 0 12px}.cc-reply-box{border:1px solid var(--cc-line);border-radius:16px;padding:20px;background:#fff}.cc-reply-box textarea,.cc-modal textarea,.cc-modal input,.cc-modal select{width:100%;border:1px solid #d5dbe6;border-radius:10px;padding:12px;font:inherit}.cc-reply-box textarea{margin-bottom:10px}.cc-modal{display:none;position:fixed;inset:0;background:rgba(9,20,40,.6);z-index:99999;padding:20px;overflow:auto}.cc-modal.open{display:flex;align-items:center;justify-content:center}.cc-modal-box{background:#fff;border-radius:20px;padding:24px;max-width:620px;width:100%;position:relative;box-shadow:0 25px 70px rgba(0,0,0,.22)}.cc-close{position:absolute;right:14px;top:8px;border:0;background:none;font-size:28px;cursor:pointer}.cc-modal label{display:block;font-weight:700;margin:12px 0}.cc-modal .cc-check{font-weight:400;font-size:13px}.cc-form-msg{margin-top:10px;font-size:14px}.cc-profile{background:#fff;border:1px solid var(--cc-line);border-radius:18px;padding:25px}.cc-profile-head{display:flex;gap:18px;align-items:center}.cc-profile-head img{border-radius:50%}.cc-profile-head h1{margin:0}.cc-profile-head p{margin:4px 0;color:#697586}.cc-profile-stats{display:flex;gap:35px;border-top:1px solid #e8ebf1;border-bottom:1px solid #e8ebf1;margin:22px 0;padding:15px 0}.cc-profile-stats b,.cc-profile-stats span{display:block}.cc-profile-stats span{font-size:12px;color:#6b7587}.cc-profile-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf0f4;text-decoration:none;color:#17376f}.cc-profile-item small{color:#8993a4}.cc-rules{background:#fff;border:1px solid var(--cc-line);border-radius:18px;padding:25px;line-height:1.65;font-size:14px}.cc-rules h2{color:var(--cc-blue);margin:18px 0 7px;font-size:17px;line-height:1.35;letter-spacing:-.01em}.cc-rules h2:first-child{margin-top:0}.cc-rules p{margin:0 0 10px;font-size:14px;line-height:1.65;color:#4f5b6f}@media(max-width:760px){.cc-wrap{margin:18px auto;padding:0 12px}.cc-hero{min-height:0;padding:25px 22px;border-radius:22px}.cc-hero h1{font-size:34px}.cc-hero-art{display:none}.cc-hero-actions{margin-top:18px}.cc-hero-actions .cc-btn{flex:1}.cc-trending{padding:16px;border-radius:18px}.cc-trending-head h2{font-size:18px}.cc-slide{padding:18px 48px 18px 19px;min-height:190px}.cc-slide h3{font-size:19px}.cc-slide-meta{gap:9px}.cc-tools{display:block}.cc-tools form{margin-bottom:10px}.cc-rules-link{display:block;padding:6px 2px}.cc-grid{grid-template-columns:1fr}.cc-grid aside{display:flex;overflow:auto;gap:4px;padding:8px}.cc-sidebar-title{display:none}.cc-cat{white-space:nowrap}.cc-topic-card{padding:13px}.cc-topic-stats{display:none}.cc-post{grid-template-columns:1fr}.cc-post-user{flex-direction:row;text-align:left;padding:12px}.cc-post-body{padding:15px}.cc-section-head{align-items:start}.cc-small-btn{white-space:nowrap}.cc-profile-head{align-items:flex-start}.cc-profile-head img{width:72px;height:72px}}

/* v1.2 category showcase + topic thumbnails */
.cc-category-showcase{padding:34px 0 18px}
.cc-category-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}
.cc-category-head h2{margin:4px 0 5px;font-size:28px;color:#073d91}
.cc-category-head p{margin:0;color:#66758a}
.cc-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cc-category-card{display:flex;flex-direction:column;gap:9px;background:#fff;border:1px solid #e7edf5;border-radius:18px;padding:13px;text-decoration:none;box-shadow:0 8px 24px rgba(9,49,96,.07);transition:.2s ease;min-width:0}
.cc-category-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(9,49,96,.12)}
.cc-category-image{display:block;aspect-ratio:4/3;border-radius:13px;overflow:hidden;background:#0757c9}
.cc-category-image img{display:block;width:100%;height:100%;object-fit:cover}
.cc-category-name{font-weight:850;color:#073d91;line-height:1.2}
.cc-category-count{font-size:12px;color:#77869a}
.cc-topic-card{display:flex;align-items:flex-start;gap:12px}
.cc-topic-thumb{width:54px;height:54px;flex:0 0 54px;border-radius:13px;overflow:hidden;background:#0757c9}
.cc-topic-thumb img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:900px){.cc-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.cc-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cc-category-showcase{padding-top:25px}.cc-category-head h2{font-size:23px}.cc-category-head p{font-size:13px}}

/* Mobile navigation + comfortable edge-to-edge layout */
.cc-mobile-category{display:none}
.cc-suggest-wrap{position:relative}
.cc-title-suggestions{display:none;position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:100001;background:#fff;border:1px solid #d9e1ee;border-radius:12px;box-shadow:0 14px 30px rgba(8,40,80,.14);overflow:hidden}
.cc-title-suggestions.open{display:block}
.cc-title-suggestion{display:block;width:100%;text-align:left;border:0;background:#fff;padding:11px 13px;color:#26364f;font:inherit;cursor:pointer;border-bottom:1px solid #edf1f6}
.cc-title-suggestion:last-child{border-bottom:0}
.cc-title-suggestion:hover,.cc-title-suggestion:focus{background:#f1f6ff;color:#0757c9}
.cc-form-intro{margin:-6px 0 12px;color:#6b778a;font-size:14px;line-height:1.55}
.cc-publish-btn{width:100%}
@media(max-width:760px){
  .cc-wrap{width:calc(100% + 12px);max-width:none;margin:10px -6px;padding:0 6px}
  .cc-hero{border-radius:18px;padding:30px 20px;min-height:360px}
  .cc-hero h1{font-size:36px;line-height:1.05}
  .cc-hero p{font-size:16px;line-height:1.7}
  .cc-hero-actions{flex-direction:column}
  .cc-hero-actions .cc-btn{width:100%;min-height:48px}
  .cc-category-showcase{padding:28px 4px 12px}
  .cc-category-grid{grid-template-columns:1fr;gap:12px}
  .cc-category-card{padding:12px;border-radius:17px}
  .cc-category-image{aspect-ratio:16/8}
  .cc-category-name{font-size:16px}
  .cc-trending{border-radius:18px;padding:15px;margin-top:8px}
  .cc-slide{min-height:205px;padding:18px 48px 18px 18px}
  .cc-tools{display:block;padding:0 4px}
  .cc-search-box{min-height:52px}
  .cc-mobile-category{display:block;padding:0 4px 12px}
  .cc-mobile-category label{display:block;font-size:12px;font-weight:850;color:#64748b;margin:0 0 6px;text-transform:uppercase;letter-spacing:.06em}
  .cc-mobile-category select{width:100%;min-height:50px;border:1px solid #d8e1ef;border-radius:13px;background:#fff;color:#17376f;padding:0 14px;font:700 15px inherit}
  .cc-grid{display:block}
  .cc-grid>aside{display:none}
  .cc-grid>main{width:100%}
  .cc-section-head{padding:0 4px;align-items:center;margin-top:4px}
  .cc-section-head h2{font-size:23px}
  .cc-topic-card{padding:17px 13px;border-radius:16px;margin-bottom:12px;gap:11px}
  .cc-topic-thumb{width:62px;height:62px;flex-basis:62px;border-radius:14px}
  .cc-topic-main h3{font-size:18px;line-height:1.3}
  .cc-topic-main p{font-size:14px;line-height:1.6}
  .cc-topic-stats{display:none}
  .cc-modal{padding:7px}
  .cc-modal-box{border-radius:20px;padding:22px 17px;max-height:calc(100dvh - 14px);overflow:auto}
  .cc-modal input,.cc-modal select,.cc-modal textarea{font-size:16px;min-height:50px}
  .cc-modal textarea{min-height:150px}
}
/* v2.4 topic media and standalone single-topic view */
.cc-topic-card{position:relative;overflow:hidden;}
.cc-topic-image{display:block;width:100%;height:170px;overflow:hidden;border-radius:20px 20px 0 0;background:#eef4ff;}
.cc-topic-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease;}
.cc-topic-card:hover .cc-topic-image img{transform:scale(1.035);}
.cc-slide{position:relative;overflow:hidden;}
.cc-slide-media{height:150px;overflow:hidden;border-radius:22px 22px 0 0;background:#eef4ff;}
.cc-slide-media img{width:100%;height:100%;object-fit:cover;display:block;}
.cheepla-topic-template{min-height:60vh;}

/* v3.0 Questions & Answers + recognition */
.cc-status-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}
.cc-status-tabs a{padding:8px 12px;border:1px solid #dce4ef;border-radius:999px;text-decoration:none;color:#526176;background:#fff;font-weight:800;font-size:12px}
.cc-status-tabs a.active{background:#0b3b8f;color:#fff;border-color:#0b3b8f}
.cc-question-status{margin:18px 0 10px;padding:12px 15px;border-radius:12px;background:#fff8ef;border:1px solid #ffe1bf;color:#8b4b00;font-weight:800}
.cc-question-status.answered{background:#effaf3;border-color:#bfe7cd;color:#17663a}
.cc-best-answer{border-color:#a9dfbd;box-shadow:0 8px 28px rgba(23,102,58,.08)}
.cc-best-answer:before{content:'✓ BEST ANSWER';position:absolute;right:14px;top:12px;background:#17663a;color:#fff;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;letter-spacing:.04em}
.cc-badges{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 20px}
.cc-badge{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;background:#f2f6ff;border:1px solid #d9e5ff;color:#17468e;font-size:12px}
.cc-badge b{font-weight:800}
.cc-no-badges{padding:12px 14px;background:#f8fafc;border-radius:12px;color:#748096;font-size:13px;margin-bottom:20px}
.cc-post-user .cc-badges{justify-content:center;margin:7px 0 0}
.cc-post-user .cc-badge{font-size:10px;padding:5px 7px}
.cc-category-image{position:relative}
.cc-category-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,28,65,.18));pointer-events:none}
.cc-topic-image:after,.cc-slide-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,28,65,.16));pointer-events:none}
.cc-topic-image,.cc-slide-media{position:relative}
@media(max-width:760px){.cc-status-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:2px}.cc-status-tabs a{white-space:nowrap}.cc-best-answer:before{position:static;display:inline-block;margin:0 0 8px 0}.cc-post-user .cc-badges{justify-content:flex-start}}

/* v3.0 card layout: image is the full-width visual, member content follows below */
.cc-topic-card{display:block;position:relative;overflow:hidden;padding:0}
.cc-topic-avatar{float:left;padding:12px 0 0 14px;width:48px}
.cc-topic-main{padding:12px 14px 15px 74px;min-height:76px}
.cc-topic-top{display:flex;justify-content:space-between;gap:8px;align-items:center}
.cc-topic-image{margin:0}
.cc-topic-main .cc-topic-meta{display:flex;gap:9px;flex-wrap:wrap}
.cc-post{position:relative}
@media(max-width:760px){.cc-topic-main{padding:12px 13px 15px 72px}.cc-topic-avatar{padding-left:13px}}

/* v3.1.0 — structured category navigation + premium category art */
.cc-category-card{padding:0;overflow:hidden;gap:0;border-radius:20px}
.cc-category-card .cc-category-image{aspect-ratio:16/9;border-radius:0;background:#0b3b8f}
.cc-category-card .cc-category-copy{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:14px 15px 15px;align-items:center}
.cc-category-card .cc-category-name{grid-column:1;font-size:16px}
.cc-category-card .cc-category-count{grid-column:1;font-size:12px}
.cc-category-card .cc-category-arrow{grid-column:2;grid-row:1 / span 2;color:var(--cc-orange);font-size:12px;font-weight:850;white-space:nowrap}
.cc-category-card .cc-category-arrow b{font-size:18px;margin-left:3px}
.cc-category-level{padding-top:25px}
.cc-browse-bar{display:flex;align-items:center;gap:9px;margin:0 0 18px;font-size:13px;color:#78859a;flex-wrap:wrap}
.cc-browse-bar a{color:var(--cc-blue);font-weight:800;text-decoration:none}
.cc-browse-bar strong{color:#24344e}
.cc-subcategory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cc-subcategory-card{display:grid;grid-template-columns:52px 1fr 20px;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #e2e9f3;border-radius:16px;text-decoration:none;box-shadow:0 7px 20px rgba(9,49,96,.05);transition:.18s ease}
.cc-subcategory-card:hover{transform:translateY(-2px);border-color:#cbd9ed;box-shadow:0 12px 25px rgba(9,49,96,.09)}
.cc-subcategory-icon{width:52px;height:42px;border-radius:11px;overflow:hidden;background:#0b3b8f}
.cc-subcategory-icon img{width:100%;height:100%;display:block;object-fit:cover}
.cc-subcategory-card strong{display:block;color:#17376f;font-size:14px;line-height:1.25}
.cc-subcategory-card small{display:block;color:#7a879a;font-size:11px;margin-top:4px}
.cc-subcategory-card>b{color:var(--cc-orange);font-size:19px}
.cc-results-breadcrumb{margin:4px 0 12px}
.cc-modal-intro{margin:-4px 0 14px;color:#6b778a;font-size:13px;line-height:1.5}
.cc-modal select optgroup{font-weight:900;color:#17376f;background:#f6f8fc}
.cc-modal select option{font-weight:600;color:#26364f;background:#fff}
@media(max-width:900px){.cc-subcategory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
  .cc-parent-grid{grid-template-columns:1fr}
  .cc-subcategory-grid{grid-template-columns:1fr}
  .cc-category-card .cc-category-image{aspect-ratio:16/7}
  .cc-category-card .cc-category-copy{padding:13px 14px}
  .cc-browse-bar{font-size:12px;margin-bottom:13px}
}

/* v3.2.0 — FAQ-first home and carousel hierarchy */
.cc-trending-top{margin-top:0;margin-bottom:24px}
.cc-carousel-subtitle{margin:4px 0 0;color:var(--cc-muted);font-size:13px}
.cc-category-showcase{margin-bottom:4px}
.cc-recently-viewed{margin:26px 0 24px;padding:22px;background:#fff;border:1px solid var(--cc-line);border-radius:22px;box-shadow:0 8px 28px rgba(20,43,80,.06)}
.cc-carousel-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:15px}
.cc-carousel-head h2{margin:4px 0 3px;font-size:22px;letter-spacing:-.02em}
.cc-carousel-head p{margin:0;color:var(--cc-muted);font-size:13px}
.cc-recent-controls{display:flex;gap:7px}
.cc-recent-controls button{width:38px;height:38px;border-radius:50%;border:1px solid var(--cc-line);background:#fff;color:var(--cc-blue);font-size:25px;line-height:1;cursor:pointer}
.cc-recent-controls button:hover{border-color:var(--cc-blue);background:#f3f7ff}
.cc-recent-viewport{overflow:hidden;margin:0 -2px;padding:2px}
.cc-recent-track{display:flex;gap:12px;transition:transform .28s ease;will-change:transform}
.cc-recent-card{flex:0 0 250px;display:grid;grid-template-columns:78px 1fr;gap:10px;min-height:92px;padding:8px;border:1px solid #e4eaf3;border-radius:15px;background:#fbfcff;text-decoration:none;box-shadow:0 5px 16px rgba(20,43,80,.04)}
.cc-recent-card:hover{border-color:#cbd8eb;transform:translateY(-1px)}
.cc-recent-image{display:block;width:78px;height:76px;border-radius:11px;overflow:hidden;background:#edf3ff}
.cc-recent-image img{width:100%;height:100%;display:block;object-fit:cover}
.cc-recent-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.cc-recent-copy small{font-size:9px;color:var(--cc-orange);font-weight:900;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-recent-copy strong{font-size:12px;line-height:1.28;color:#17376f;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-recent-copy>span{font-size:10px;color:#7c8799;margin-top:auto}
.cc-recent-empty{display:none}

/* FAQ-style topic results: compact question entries, not a forum board */
.cc-faq-results{display:block}
.cc-faq-results>aside{display:none}
.cc-faq-results>main{width:100%}
.cc-faq-card{display:grid!important;grid-template-columns:118px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px!important;border-radius:18px;margin-bottom:11px}
.cc-faq-card .cc-topic-image{width:118px;height:92px;border-radius:13px;overflow:hidden;grid-column:1;grid-row:1}
.cc-faq-card .cc-topic-avatar{display:none}
.cc-faq-card .cc-topic-main{padding:0!important;min-height:0;grid-column:2;grid-row:1}
.cc-faq-card .cc-topic-top{margin-bottom:3px}
.cc-faq-card .cc-topic-main h3{font-size:17px;margin:3px 0 4px;line-height:1.28}
.cc-faq-card .cc-topic-main p{font-size:13px;margin-bottom:6px;line-height:1.4}
.cc-faq-card .cc-topic-meta{font-size:10px}
.cc-faq-card .cc-topic-faq-stats{grid-column:3;grid-row:1;min-width:92px;text-align:center;border-left:1px solid #edf1f6;padding-left:12px;color:#718096}
.cc-faq-card .cc-topic-faq-stats strong{display:block;color:#17376f;font-size:18px;line-height:1}
.cc-faq-card .cc-topic-faq-stats span{display:block;font-size:10px;margin-top:4px}
.cc-faq-card .cc-topic-faq-status{display:inline-block;margin-top:5px;padding:4px 8px;border-radius:999px;background:#fff4e8;color:#9a5000;font-size:9px;font-weight:900;text-transform:uppercase}
.cc-faq-card .cc-topic-faq-status.answered{background:#edf9f1;color:#17663a}
.cc-faq-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(20,43,80,.07)}
@media(max-width:760px){
  .cc-recently-viewed{padding:16px;border-radius:18px}
  .cc-recent-card{flex-basis:235px}
  .cc-faq-card{grid-template-columns:78px minmax(0,1fr)!important;gap:11px;padding:10px!important}
  .cc-faq-card .cc-topic-image{width:78px;height:78px}
  .cc-faq-card .cc-topic-main{grid-column:2}
  .cc-faq-card .cc-topic-faq-stats{grid-column:1 / span 2;grid-row:2;border-left:0;border-top:1px solid #edf1f6;padding:8px 0 0;text-align:left;display:flex;gap:10px;align-items:center}
  .cc-faq-card .cc-topic-faq-stats strong{font-size:14px}
  .cc-faq-card .cc-topic-faq-stats span{margin-top:0}
  .cc-carousel-head{align-items:start}
}

/* v3.3.0 — FAQ split-view: questions left, selected answer right */
.cc-faq-section-head{margin-top:28px}
.cc-faq-browser{display:grid;grid-template-columns:minmax(310px,420px) minmax(0,1fr);gap:18px;align-items:start;margin-top:8px}
.cc-faq-list,.cc-faq-detail{background:#fff;border:1px solid var(--cc-line);border-radius:22px;box-shadow:0 8px 28px rgba(20,43,80,.06);overflow:hidden}
.cc-faq-list{position:sticky;top:20px;max-height:760px;display:flex;flex-direction:column}
.cc-faq-list-head{display:flex;align-items:baseline;gap:6px;padding:17px 18px;border-bottom:1px solid #edf1f6;background:#fbfcff}
.cc-faq-list-head strong{font-size:20px;color:var(--cc-blue)}
.cc-faq-list-head span{font-size:12px;color:var(--cc-muted);font-weight:700}
.cc-faq-list-items{overflow:auto;padding:9px}
.cc-faq-list .cc-faq-card{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;gap:11px;margin:0 0 7px;padding:9px!important;border:1px solid transparent;background:#fff;box-shadow:none;border-radius:15px;cursor:pointer;transition:.16s ease}
.cc-faq-list .cc-faq-card:hover{transform:none;background:#f7faff;border-color:#dbe6f6;box-shadow:none}
.cc-faq-list .cc-faq-card.is-active{background:#eef5ff;border-color:#bcd1ef;box-shadow:inset 4px 0 0 var(--cc-orange)}
.cc-faq-list .cc-topic-image{width:72px;height:66px;border-radius:11px;grid-column:1;grid-row:1}
.cc-faq-list .cc-topic-main{grid-column:2;grid-row:1;padding:0!important;min-width:0}
.cc-faq-list .cc-topic-top{font-size:9px}
.cc-faq-list .cc-topic-main h3{font-size:14px;line-height:1.28;margin:3px 0}
.cc-faq-list .cc-topic-main h3 a{color:#17376f}
.cc-faq-list .cc-topic-main p{font-size:11px;line-height:1.35;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cc-faq-list .cc-topic-meta{font-size:8px}
.cc-faq-list .cc-topic-faq-stats{grid-column:1 / span 2;grid-row:2;border:0;border-top:1px solid #e8edf5;padding:6px 0 0;min-width:0;text-align:left;display:flex;align-items:center;gap:8px}
.cc-faq-list .cc-topic-faq-stats strong{font-size:13px}
.cc-faq-list .cc-topic-faq-stats span{font-size:9px;margin:0}
.cc-faq-list .cc-topic-faq-status{margin:0!important}
.cc-faq-detail{min-height:620px;padding:24px;position:relative}
.cc-faq-detail.is-loading{display:flex;align-items:center;justify-content:center}
.cc-faq-detail-loading{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--cc-muted);text-align:center}
.cc-faq-detail-loading small{font-size:12px}
.cc-faq-spinner{width:30px;height:30px;border:3px solid #dbe5f5;border-top-color:var(--cc-orange);border-radius:50%;animation:ccSpin .75s linear infinite}
@keyframes ccSpin{to{transform:rotate(360deg)}}
.cc-faq-detail-card h1{font-size:clamp(25px,3vw,36px);line-height:1.1;color:#172033;margin:12px 0 14px;letter-spacing:-.025em}
.cc-faq-detail-top{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.cc-faq-open-link{margin-left:auto;color:var(--cc-blue);font-size:12px;font-weight:800;text-decoration:none}
.cc-faq-detail-author{display:flex;align-items:center;gap:10px;margin-bottom:19px;padding-bottom:16px;border-bottom:1px solid #edf1f6}
.cc-faq-detail-author img{border-radius:50%}
.cc-faq-detail-author strong,.cc-faq-detail-author small{display:block}
.cc-faq-detail-author small{color:#8993a4;font-size:11px;margin-top:2px}
.cc-faq-detail-card .cc-content{font-size:15px;line-height:1.75}
.cc-faq-detail-card .cc-question-status{margin:20px 0 13px}
.cc-faq-answers-head{display:flex;align-items:end;justify-content:space-between;gap:10px;border-top:1px solid #edf1f6;padding-top:20px;margin-top:16px}
.cc-faq-answers-head h2{font-size:20px;margin:0;color:#17376f}
.cc-faq-answers-head span{font-size:11px;color:var(--cc-muted)}
.cc-faq-detail-card .cc-post{grid-template-columns:82px 1fr;border-radius:15px;box-shadow:none}
.cc-faq-detail-card .cc-post-user{padding:13px 8px}
.cc-faq-detail-card .cc-post-body{padding:15px}
.cc-faq-detail-card .cc-reply-box{margin-top:15px;padding:17px}
.cc-faq-detail-card .cc-replies-title{display:none}
@media(max-width:900px){
  .cc-faq-browser{grid-template-columns:1fr}
  .cc-faq-list{position:relative;top:auto;max-height:430px}
  .cc-faq-detail{min-height:400px;padding:18px}
  .cc-faq-list-items{max-height:360px}
}
@media(max-width:600px){
  .cc-faq-list .cc-faq-card{grid-template-columns:60px minmax(0,1fr)!important}
  .cc-faq-list .cc-topic-image{width:60px;height:58px}
  .cc-faq-detail-card h1{font-size:25px}
  .cc-faq-detail-card .cc-post{grid-template-columns:1fr}
  .cc-faq-detail-card .cc-post-user{flex-direction:row;text-align:left}
  .cc-faq-open-link{width:100%;margin-left:0}
}

/* v3.4.0 — switchable premium question views */
.cc-view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 10px;padding:10px 12px;border:1px solid var(--cc-line);border-radius:16px;background:#fbfcff}
.cc-view-toolbar>div:first-child strong{display:block;color:#17376f;font-size:13px}
.cc-view-toolbar>div:first-child span{display:block;margin-top:2px;color:var(--cc-muted);font-size:11px}
.cc-view-switcher{display:flex;gap:4px;padding:4px;border:1px solid #dce5f1;border-radius:12px;background:#fff}
.cc-view-btn{border:0;background:transparent;color:#68768a;font-size:11px;font-weight:800;padding:8px 11px;border-radius:9px;cursor:pointer;white-space:nowrap}
.cc-view-btn:hover{color:var(--cc-blue);background:#f3f7ff}
.cc-view-btn.active{background:var(--cc-blue);color:#fff;box-shadow:0 4px 10px rgba(11,59,143,.16)}

/* FAQ / Frappe remains the flagship view. */
.cc-view-faq .cc-faq-list-items{scrollbar-width:thin}

/* List view */
.cc-faq-browser.cc-view-list{display:block}
.cc-view-list .cc-faq-list{position:relative;top:auto;max-height:none;border-radius:20px}
.cc-view-list .cc-faq-list-head{background:#fff}
.cc-view-list .cc-faq-list-items{overflow:visible;padding:10px}
.cc-view-list .cc-faq-list .cc-faq-card{grid-template-columns:96px minmax(0,1fr) auto!important;align-items:center;padding:12px 13px!important;border:1px solid #e7edf5;background:#fff;box-shadow:0 5px 18px rgba(20,43,80,.035);margin-bottom:8px}
.cc-view-list .cc-faq-list .cc-topic-image{width:96px;height:78px}
.cc-view-list .cc-faq-list .cc-topic-main{grid-column:2;grid-row:1}
.cc-view-list .cc-faq-list .cc-topic-main h3{font-size:16px}
.cc-view-list .cc-faq-list .cc-topic-main p{-webkit-line-clamp:2}
.cc-view-list .cc-faq-list .cc-topic-faq-stats{grid-column:3;grid-row:1;border:0;border-left:1px solid #edf1f6;padding:4px 4px 4px 14px;display:block;min-width:100px;text-align:center}
.cc-view-list .cc-faq-list .cc-topic-faq-stats span{display:block;margin-top:4px}
.cc-view-list .cc-faq-list .cc-topic-faq-status{margin-top:7px!important}
.cc-view-list .cc-faq-detail{margin-top:16px;min-height:0}

/* Grid view */
.cc-faq-browser.cc-view-grid{display:block}
.cc-view-grid .cc-faq-list{position:relative;top:auto;max-height:none;border-radius:20px}
.cc-view-grid .cc-faq-list-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;overflow:visible;padding:12px}
.cc-view-grid .cc-faq-list .cc-faq-card{display:block!important;margin:0;padding:0!important;border:1px solid #e4eaf3;background:#fff;box-shadow:0 7px 20px rgba(20,43,80,.045);overflow:hidden}
.cc-view-grid .cc-faq-list .cc-faq-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(20,43,80,.08)}
.cc-view-grid .cc-faq-list .cc-topic-image{display:block;width:100%;height:150px;border-radius:0}
.cc-view-grid .cc-faq-list .cc-topic-main{padding:13px!important;display:block}
.cc-view-grid .cc-faq-list .cc-topic-main h3{font-size:15px;line-height:1.3;margin:5px 0 6px}
.cc-view-grid .cc-faq-list .cc-topic-main p{font-size:11px;line-height:1.4;-webkit-line-clamp:3}
.cc-view-grid .cc-faq-list .cc-topic-meta{font-size:9px}
.cc-view-grid .cc-faq-list .cc-topic-faq-stats{display:flex;align-items:center;gap:8px;border:0;border-top:1px solid #edf1f6;padding:10px 13px;text-align:left;min-width:0}
.cc-view-grid .cc-faq-list .cc-topic-faq-stats strong{font-size:13px}
.cc-view-grid .cc-faq-list .cc-topic-faq-stats span{font-size:9px;margin:0}
.cc-view-grid .cc-faq-list .cc-topic-faq-status{margin-left:auto!important}
.cc-view-grid .cc-faq-detail{margin-top:16px;min-height:0}

@media(max-width:900px){
  .cc-view-toolbar{align-items:flex-start;flex-direction:column}
  .cc-view-switcher{width:100%}
  .cc-view-btn{flex:1}
  .cc-view-grid .cc-faq-list-items{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cc-view-list .cc-faq-list .cc-faq-card{grid-template-columns:76px minmax(0,1fr)!important}
  .cc-view-list .cc-faq-list .cc-topic-image{width:76px;height:70px}
  .cc-view-list .cc-faq-list .cc-topic-faq-stats{grid-column:1 / span 2;grid-row:2;border:0;border-top:1px solid #edf1f6;padding:8px 0 0;text-align:left;display:flex;gap:9px;align-items:center}
  .cc-view-list .cc-faq-list .cc-topic-faq-status{margin:0!important}
}
@media(max-width:600px){
  .cc-view-grid .cc-faq-list-items{grid-template-columns:1fr}
  .cc-view-grid .cc-faq-list .cc-topic-image{height:175px}
  .cc-view-list .cc-faq-list .cc-faq-card{grid-template-columns:60px minmax(0,1fr)!important}
  .cc-view-list .cc-faq-list .cc-topic-image{width:60px;height:60px}
}

/* Admin-created badge presentation */
.cc-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #e0e7f1;border-radius:999px;background:#fff;font-size:11px;color:#17376f}

/* v3.5.0 — reliable view controls */
.cc-view-toolbar-actions{display:flex;align-items:center;gap:8px}
.cc-view-reset{border:1px solid #dce5f1;background:#fff;color:#17376f;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:800;cursor:pointer}
.cc-view-reset:hover{background:#f3f7ff;border-color:#bfd0e8}
@media(max-width:600px){.cc-view-toolbar-actions{width:100%}.cc-view-switcher{flex:1}.cc-view-reset{flex:0 0 auto}}

/* v3.6.0 — the selected community view now controls category/topic cards as well as questions */
.cc-global-view-toolbar{margin:18px 0 8px}
.cc-community-home.cc-view-faq .cc-global-category-list,
.cc-community-home.cc-view-faq .cc-global-subcategory-list{display:block}
.cc-community-home.cc-view-faq .cc-global-category-list .cc-category-card{
  display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:16px;
  padding:10px;margin:0 0 9px;border-radius:17px;min-height:112px;
}
.cc-community-home.cc-view-faq .cc-global-category-list .cc-category-image{width:112px;height:88px;aspect-ratio:auto;border-radius:12px}
.cc-community-home.cc-view-faq .cc-global-category-list .cc-category-copy{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:0;align-items:center}
.cc-community-home.cc-view-faq .cc-global-category-list .cc-category-name{font-size:17px}
.cc-community-home.cc-view-faq .cc-global-category-list .cc-category-count{font-size:12px}
.cc-community-home.cc-view-faq .cc-global-category-list .cc-category-arrow{grid-column:2;grid-row:1 / span 2}
.cc-community-home.cc-view-faq .cc-global-subcategory-list .cc-subcategory-card{
  display:grid;grid-template-columns:76px minmax(0,1fr) 28px;gap:14px;align-items:center;
  margin:0 0 8px;padding:11px 13px;border-radius:16px
}
.cc-community-home.cc-view-faq .cc-global-subcategory-list .cc-subcategory-icon{width:76px;height:58px}
.cc-community-home.cc-view-list .cc-global-category-list,
.cc-community-home.cc-view-list .cc-global-subcategory-list{display:block}
.cc-community-home.cc-view-list .cc-global-category-list .cc-category-card{
  display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:14px;align-items:center;
  padding:9px;margin:0 0 8px;border-radius:16px
}
.cc-community-home.cc-view-list .cc-global-category-list .cc-category-image{width:96px;height:72px;aspect-ratio:auto;border-radius:11px}
.cc-community-home.cc-view-list .cc-global-category-list .cc-category-copy{padding:0}
.cc-community-home.cc-view-list .cc-global-subcategory-list .cc-subcategory-card{margin:0 0 7px}
.cc-community-home.cc-view-grid .cc-global-category-list{display:grid}
.cc-community-home.cc-view-grid .cc-global-subcategory-list{display:grid}
@media(max-width:760px){
  .cc-community-home.cc-view-faq .cc-global-category-list .cc-category-card,
  .cc-community-home.cc-view-list .cc-global-category-list .cc-category-card{grid-template-columns:72px minmax(0,1fr) auto;gap:10px;padding:9px}
  .cc-community-home.cc-view-faq .cc-global-category-list .cc-category-image,
  .cc-community-home.cc-view-list .cc-global-category-list .cc-category-image{width:72px;height:62px}
  .cc-community-home.cc-view-faq .cc-global-category-list .cc-category-name{font-size:14px}
  .cc-community-home.cc-view-faq .cc-global-category-list .cc-category-arrow{font-size:10px}
}

/* v3.8.2 — category ratings live in the card copy, below the category name and above discussion count */
.cc-category-rating{display:block;grid-column:1;grid-row:2;font-size:12px;line-height:1.25;color:#9aa5b5;white-space:nowrap;cursor:pointer;user-select:none}
.cc-category-rating .cc-rating-star{display:inline-block;font-size:14px;line-height:1;color:#d5dbe5;letter-spacing:-2px;transition:transform .12s,color .12s}
.cc-category-rating .cc-rating-full{color:#f5a623}
.cc-category-rating .cc-rating-half{color:#f5a623;position:relative}
.cc-category-rating .cc-rating-half:after{content:'★';position:absolute;left:0;top:0;width:50%;overflow:hidden;color:#d5dbe5}
.cc-category-rating:hover .cc-rating-star{transform:translateY(-1px)}
.cc-rating-text{margin-left:6px;color:#748197;font-weight:700;letter-spacing:0}
.cc-category-card .cc-category-count{grid-column:1;grid-row:3}
.cc-category-card .cc-category-arrow{grid-row:1 / span 3}
.cc-subcategory-card .cc-category-rating{margin-top:5px}
.cc-subcategory-card .cc-category-rating + small{margin-top:4px}
.cc-subcategory-card .cc-rating-text{font-size:11px}
@media(max-width:760px){.cc-category-rating{font-size:11px}.cc-category-rating .cc-rating-star{font-size:13px}.cc-rating-text{margin-left:4px}}


/* v3.8.4 — reliable user view switching + compact rules */
.cc-community-home.cc-view-list .cc-faq-browser, .cc-community-home.cc-view-grid .cc-faq-browser{display:block!important}
.cc-community-home.cc-view-list .cc-faq-browser .cc-faq-list-items{overflow:visible!important}
.cc-community-home.cc-view-grid .cc-faq-browser .cc-faq-list-items{display:grid!important;overflow:visible!important}
@media(max-width:760px){.cc-rules{padding:20px;font-size:14px}.cc-rules h2{font-size:16px}.cc-rules p{font-size:14px}}

/* v3.8.5 — hard-bind visitor-selected view to category/question layouts. */
.cc-community-home[data-current-view="faq"] .cc-global-category-list,
.cc-community-home[data-current-view="faq"] .cc-global-subcategory-list{display:block}
.cc-community-home[data-current-view="list"] .cc-global-category-list,
.cc-community-home[data-current-view="list"] .cc-global-subcategory-list{display:block!important}
.cc-community-home[data-current-view="list"] .cc-global-category-list .cc-category-card{
  display:grid!important;grid-template-columns:96px minmax(0,1fr) auto;gap:14px;align-items:center;
  padding:9px;margin:0 0 8px;border-radius:16px
}
.cc-community-home[data-current-view="list"] .cc-global-category-list .cc-category-image{width:96px;height:72px;aspect-ratio:auto;border-radius:11px}
.cc-community-home[data-current-view="list"] .cc-global-category-list .cc-category-copy{padding:0}
.cc-community-home[data-current-view="list"] .cc-global-subcategory-list .cc-subcategory-card{margin:0 0 7px}
.cc-community-home[data-current-view="grid"] .cc-global-category-list,
.cc-community-home[data-current-view="grid"] .cc-global-subcategory-list{display:grid!important}
.cc-community-home[data-current-view="grid"] .cc-global-category-list .cc-category-card{display:flex!important;flex-direction:column!important}
.cc-community-home[data-current-view="grid"] .cc-global-subcategory-list .cc-subcategory-card{display:grid}
.cc-community-home[data-current-view="list"] .cc-faq-browser,
.cc-community-home[data-current-view="grid"] .cc-faq-browser{display:block!important}
.cc-community-home[data-current-view="list"] .cc-faq-browser .cc-faq-list-items{overflow:visible!important}
.cc-community-home[data-current-view="grid"] .cc-faq-browser .cc-faq-list-items{display:grid!important;overflow:visible!important}
.cc-view-btn[aria-pressed="true"]{background:var(--cc-blue)!important;color:#fff!important;box-shadow:0 4px 10px rgba(11,59,143,.16)}
@media(max-width:760px){
  .cc-community-home[data-current-view="list"] .cc-global-category-list .cc-category-card{grid-template-columns:72px minmax(0,1fr) auto;gap:10px;padding:9px}
  .cc-community-home[data-current-view="list"] .cc-global-category-list .cc-category-image{width:72px;height:62px}
}
@media(max-width:600px){
  .cc-community-home[data-current-view="grid"] .cc-global-category-list{grid-template-columns:1fr!important}
  .cc-community-home[data-current-view="grid"] .cc-global-subcategory-list{grid-template-columns:1fr!important}
}

/* v3.8.7 — view controls are real links so switching still works when JavaScript is unavailable. */
.cc-view-switcher .cc-view-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}
.cc-view-switcher .cc-view-btn.active{background:var(--cc-blue)!important;color:#fff!important;box-shadow:0 4px 10px rgba(11,59,143,.16)}
.cc-form-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}.cc-form-actions .cc-btn{cursor:pointer}.cc-form-actions .cc-cancel{background:#eef2f7;color:#344054;border:1px solid #d7deea}

/* v3.8.15 — expand the actual page-builder/theme ancestors, not just the inner community cards.
   Rules are scoped to ancestors that contain a Cheepla Community root. */
body:has(.cc-wrap) .site-content,
body:has(.cc-wrap) #content,
body:has(.cc-wrap) #primary,
body:has(.cc-wrap) .content-area,
body:has(.cc-wrap) .site-main,
body:has(.cc-wrap) main,
body:has(.cc-wrap) .wr-content-holder,
body:has(.cc-wrap) .tb-container,
body:has(.cc-wrap) .container:has(.cc-wrap),
body:has(.cc-wrap) .container-fluid:has(.cc-wrap),
body:has(.cc-wrap) .elementor-section:has(.cc-wrap),
body:has(.cc-wrap) .elementor-container:has(.cc-wrap),
body:has(.cc-wrap) .elementor-column:has(.cc-wrap),
body:has(.cc-wrap) .elementor-widget-wrap:has(.cc-wrap),
body:has(.cc-wrap) .elementor-widget-container:has(.cc-wrap),
body:has(.cc-wrap) .e-con:has(.cc-wrap),
body:has(.cc-wrap) .e-con-inner:has(.cc-wrap),
body:has(.cc-wrap) [class*="col-"]:has(.cc-wrap) {
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  flex-basis:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
body:has(.cc-wrap) .site-content,
body:has(.cc-wrap) #content,
body:has(.cc-wrap) #primary,
body:has(.cc-wrap) .content-area,
body:has(.cc-wrap) .site-main,
body:has(.cc-wrap) main,
body:has(.cc-wrap) .wr-content-holder,
body:has(.cc-wrap) .tb-container,
body:has(.cc-wrap) .elementor-section:has(.cc-wrap),
body:has(.cc-wrap) .elementor-container:has(.cc-wrap),
body:has(.cc-wrap) .elementor-widget-wrap:has(.cc-wrap),
body:has(.cc-wrap) .elementor-widget-container:has(.cc-wrap),
body:has(.cc-wrap) .e-con:has(.cc-wrap),
body:has(.cc-wrap) .e-con-inner:has(.cc-wrap) {
  padding-left:0 !important;
  padding-right:0 !important;
  overflow:visible !important;
}
body:has(.cc-wrap) .cc-wrap {
  display:block !important;
  position:relative !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:18px auto 30px !important;
  padding-left:clamp(12px,2vw,28px) !important;
  padding-right:clamp(12px,2vw,28px) !important;
  box-sizing:border-box !important;
}
body:has(.cc-wrap) .cc-wrap > *,
body:has(.cc-wrap) .cc-community-home,
body:has(.cc-wrap) .cc-topic-page,
body:has(.cc-wrap) .cc-faq-browser,
body:has(.cc-wrap) .cc-grid,
body:has(.cc-wrap) .cc-hero,
body:has(.cc-wrap) .cc-trending,
body:has(.cc-wrap) .cc-tools,
body:has(.cc-wrap) .cc-category-showcase,
body:has(.cc-wrap) .cc-rules,
body:has(.cc-wrap) .cc-profile {
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
body:has(.cc-wrap) .cc-grid { grid-template-columns:minmax(220px, 270px) minmax(0,1fr); }
body:has(.cc-wrap) .cc-topic-main,
body:has(.cc-wrap) .cc-post-body,
body:has(.cc-wrap) .cc-faq-detail-card { min-width:0; overflow-wrap:anywhere; }
body:has(.cc-wrap) .cc-topic-image img,
body:has(.cc-wrap) .cc-post-body img,
body:has(.cc-wrap) .cc-content img { max-width:100%; height:auto; }
@media(max-width:760px){
  body:has(.cc-wrap) .cc-wrap { width:100% !important; margin:12px auto 22px !important; padding-left:10px !important; padding-right:10px !important; }
  body:has(.cc-wrap) .cc-grid { display:block !important; }
  body:has(.cc-wrap) .cc-grid > main { width:100% !important; }
  body:has(.cc-wrap) .cc-grid aside { width:100% !important; }
  body:has(.cc-wrap) .cc-hero { min-height:0; padding:24px 18px; border-radius:18px; }
  body:has(.cc-wrap) .cc-hero-art { display:none; }
  body:has(.cc-wrap) .cc-tools { display:block; }
  body:has(.cc-wrap) .cc-tools form { width:100%; min-width:0; }
  body:has(.cc-wrap) .cc-topic-card,
  body:has(.cc-wrap) .cc-post,
  body:has(.cc-wrap) .cc-faq-card { max-width:100%; }
}



/* v3.8.17 — authoritative full-width community layout.
   Break the shortcode root out of narrow Elementor/Workreap/theme content columns,
   while keeping all community components responsive and preserving internal layouts. */
body:has(.cc-wrap) .cc-wrap {
  width: 100vw !important;
  max-width: 100vw !important;
  min-width: 0 !important;
  position: relative !important;
  left: 50% !important;
  right: auto !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  transform: none !important;
  padding-left: clamp(14px, 2.5vw, 40px) !important;
  padding-right: clamp(14px, 2.5vw, 40px) !important;
  box-sizing: border-box !important;
  overflow-x: clip !important;
}
body:has(.cc-wrap) .cc-wrap > *,
body:has(.cc-wrap) .cc-community-home,
body:has(.cc-wrap) .cc-topic-page,
body:has(.cc-wrap) .cc-profile,
body:has(.cc-wrap) .cc-rules {
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
body:has(.cc-wrap) .cc-community-home,
body:has(.cc-wrap) .cc-topic-page,
body:has(.cc-wrap) .cc-profile,
body:has(.cc-wrap) .cc-rules {
  width: 100% !important;
}
body:has(.cc-wrap) .cc-grid {
  width: 100% !important;
  max-width: none !important;
  grid-template-columns: minmax(220px, 270px) minmax(0, 1fr) !important;
}
@media (max-width: 760px) {
  body:has(.cc-wrap) .cc-wrap {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-top: 12px !important;
    margin-bottom: 22px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  body:has(.cc-wrap) .cc-grid {
    display: block !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body:has(.cc-wrap) .cc-grid > main,
  body:has(.cc-wrap) .cc-grid > aside {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}