.cmbl-hero{padding:52px 0 36px;text-align:center}
.cmbl-hero .cmpg-lead{margin:0 auto 22px}
.cmbl-search{display:flex;max-width:620px;margin:0 auto 22px;background:#fff;border:1px solid var(--ln);border-radius:16px;padding:6px;box-shadow:0 16px 32px -22px rgba(15,23,42,.35)}
.cmbl-search input{flex:1;min-width:0;border:0!important;outline:0;padding:10px 14px!important;font:inherit;background:transparent!important;box-shadow:none!important}
.cmbl-search button{border:0;border-radius:12px;background:var(--b);color:#fff;font-weight:700;padding:0 22px;cursor:pointer}
.cmbl-chips{gap:8px}
.cmbl-chips a{padding:7px 14px;font-size:14px}
.cmbl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.cmbl-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--ln);border-radius:18px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.cmbl-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -24px rgba(29,95,216,.5)}
.cmbl-thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#eef2ff}
.cmbl-thumb img{width:100%;height:100%!important;object-fit:cover;transition:transform .4s;display:block}
.cmbl-card:hover .cmbl-thumb img{transform:scale(1.04)}
.cmbl-ph{display:grid;place-items:center;height:100%;padding:16px;text-align:center;background:linear-gradient(135deg,#0f2a5c,var(--b));color:#fff}
.cmbl-card:nth-child(3n+2) .cmbl-ph{background:linear-gradient(135deg,#9a3412,#f97316)}
.cmbl-card:nth-child(3n) .cmbl-ph{background:linear-gradient(135deg,#134e4a,#0d9488)}
.cmbl-ph{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;padding:22px 24px;gap:8px}
.cmbl-ph small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.8}
.cmbl-ph b{font:800 20px/1.3 var(--cm-font-head,sans-serif)}
.cmbl-card.big .cmbl-ph b{font-size:clamp(22px,3vw,34px)}
.cmbl-body{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px}
.cmbl-cat{align-self:flex-start;font-size:12px;font-weight:700;color:var(--b);background:#e8f0ff;border-radius:999px;padding:4px 10px;margin-bottom:10px}
.cmbl-card h3{font-size:18px;line-height:1.35;margin-bottom:8px}
.cmbl-card h3 a{color:var(--ink)}
.cmbl-card h3 a:hover{color:var(--b)}
.cmbl-card p{color:var(--mu);font-size:15px;margin-bottom:14px}
.cmbl-meta{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:#94a3b8}
.cmbl-meta span+span:before{content:"•";margin-right:14px;color:#cbd5e1}
.cmbl-card.big{grid-column:1/-1;flex-direction:row}
.cmbl-card.big .cmbl-thumb{flex:1.2;aspect-ratio:auto;min-height:320px}
.cmbl-card.big .cmbl-body{flex:1;padding:32px;justify-content:center}
.cmbl-card.big h3{font-size:clamp(22px,2.4vw,30px)}
.cmbl-promo{border-radius:18px;padding:28px;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa;display:flex;flex-direction:column;justify-content:center}
.cmbl-promo .cmpg-btn{align-self:flex-start;margin-top:8px}
.cmbl-pages{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:36px}
.cmbl-pages .page-numbers{padding:10px 16px;border-radius:12px;border:1px solid var(--ln);background:#fff;color:var(--ink);font-weight:600}
.cmbl-pages .current,.cmbl-pages a:hover{background:var(--b);border-color:var(--b);color:#fff}
.cmbl-empty{text-align:center;padding:40px}
/* single */
.cmbl-progress{position:fixed;top:0;left:0;right:0;height:4px;z-index:99999;background:transparent}
.cmbl-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cm-blue,#1d5fd8),var(--cm-orange,#f97316))}
.cmbl-shead{padding:40px 0 28px;background:linear-gradient(180deg,#f3f7ff,#fff)}
.cmbl-sw{max-width:860px}
.cmbl-crumb{font-size:14px;color:var(--mu);margin-bottom:16px}
.cmbl-crumb a{color:var(--mu)}
.cmbl-crumb a:hover{color:var(--b)}
.cmbl-shead h1{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.01em}
.cmbl-by{display:flex;align-items:center;gap:12px;margin-top:18px}
.cmbl-by b{display:block;color:var(--ink)}
.cmbl-by small{color:var(--mu)}
.cmbl-av{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:none;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--b),#7aa5ff)}
.cmbl-av.big{width:64px;height:64px;font-size:24px}
.cmbl-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start;padding-bottom:56px}
.cmbl-hero-img{margin:0 0 28px;border-radius:20px;overflow:hidden}
.cmbl-hero-img img{width:100%;height:auto;display:block}
.cmbl-content{font-size:17.5px;line-height:1.8;color:#1e293b}
.cmbl-content h2{font-size:clamp(22px,2.4vw,28px);margin:40px 0 14px;scroll-margin-top:110px}
.cmbl-content h3{font-size:20px;margin:28px 0 10px;scroll-margin-top:110px}
.cmbl-content p,.cmbl-content ul,.cmbl-content ol{margin:0 0 18px}
.cmbl-content ul,.cmbl-content ol{padding-left:22px}
.cmbl-content li{margin-bottom:6px}
.cmbl-content a{color:var(--b);text-decoration:underline;text-underline-offset:3px}
.cmbl-content img{max-width:100%;height:auto;border-radius:12px}
.cmbl-content blockquote{margin:24px 0;padding:18px 22px;border-left:4px solid var(--o);background:#fff7ed;border-radius:0 14px 14px 0}
.cmbl-content table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:15px;display:block;overflow-x:auto}
.cmbl-content th,.cmbl-content td{border:1px solid var(--ln);padding:10px 12px;text-align:left;vertical-align:top}
.cmbl-content th{background:#f1f5ff;color:var(--ink)}
.cmbl-content tr:nth-child(even) td{background:#fafbff}
.cmbl-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:36px 0 24px;padding-top:24px;border-top:1px solid var(--ln)}
.cmbl-share a,.cmbl-share button{padding:8px 14px;border-radius:10px;border:1px solid var(--ln);background:#fff;color:var(--ink);font:600 14px/1 inherit;cursor:pointer}
.cmbl-share a:hover,.cmbl-share button:hover{border-color:var(--b);color:var(--b)}
.cmbl-author{display:flex;gap:18px;background:var(--bg);border-radius:18px;padding:22px}
.cmbl-author small{color:var(--mu);display:block}
.cmbl-author b{font-size:18px;color:var(--ink)}
.cmbl-author p{margin:6px 0 0;color:var(--mu);font-size:15px}
.cmbl-author a{color:var(--b)}
.cmbl-side{position:sticky;top:110px;display:flex;flex-direction:column;gap:18px}
.cmbl-toc{background:#fff;border:1px solid var(--ln);border-radius:18px;padding:20px;max-height:50vh;overflow:auto}
.cmbl-toc b{color:var(--ink);font-family:var(--cm-font-head,sans-serif)}
.cmbl-toc ol{list-style:none;margin:10px 0 0;padding:0}
.cmbl-toc li{border-left:2px solid var(--ln)}
.cmbl-toc li.sub{padding-left:12px}
.cmbl-toc a{display:block;padding:6px 12px;font-size:14px;color:var(--mu);line-height:1.4}
.cmbl-toc a:hover,.cmbl-toc a.on{color:var(--b)}
.cmbl-toc li:has(a.on){border-color:var(--b)}
.cmbl-help{background:linear-gradient(135deg,#0f2a5c,var(--b));color:#fff;border-radius:18px;padding:24px}
.cmbl-help .cmpg-kicker{color:#fdba74}
.cmbl-help h3{color:#fff;font-size:20px}
.cmbl-help p{opacity:.85;font-size:15px}
.cmbl-help .cmpg-btn{width:100%;justify-content:center;margin-top:10px;box-sizing:border-box}
.cmbl-help .cmpg-btn.ghost{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.35)}
@media(max-width:1000px){.cmbl-layout{grid-template-columns:1fr}.cmbl-side{position:static}.cmbl-toc{max-height:none}.cmbl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.cmbl-grid{grid-template-columns:1fr}.cmbl-card.big{flex-direction:column}.cmbl-card.big .cmbl-thumb{min-height:0;aspect-ratio:16/9}.cmbl-card.big .cmbl-body{padding:20px}.cmbl-content{font-size:16.5px}.cmbl-author{flex-direction:column}}
.cmbl-content h4,.cmbl-content h5{font-size:19px;margin:28px 0 10px;color:var(--ink);scroll-margin-top:110px}