*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--clb-bg);color:var(--clb-text);font-family:var(--clb-body-font);font-size:var(--clb-body-size);line-height:1.65}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}a:hover{color:var(--clb-accent)}button,input,select,textarea{font:inherit}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{clip:auto!important;width:auto;height:auto;margin:8px;padding:10px 14px;background:#fff;z-index:9999}.clb-container{width:min(calc(100% - 40px),var(--clb-site-width));margin-inline:auto}
/* Header */
.clb-site-header{background:rgba(255,253,243,.96);border-bottom:1px solid rgba(30,88,114,.12);position:relative;z-index:40;box-shadow:0 1px 0 rgba(255,255,255,.65)}.clb-topbar{background:var(--clb-deep);color:#fff9df;font-size:12px}.clb-topbar-inner{min-height:31px;display:flex;align-items:center;justify-content:space-between;gap:24px}.clb-top-menu,.clb-footer-menu{display:flex;list-style:none;margin:0;padding:0;gap:18px}.clb-top-menu a{color:#fff9df;opacity:.92}.clb-brand-row{background:linear-gradient(90deg,rgba(255,253,243,.98),rgba(255,248,215,.94))}.clb-brand-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.custom-logo{max-height:58px;width:auto}.clb-site-title{display:inline-flex;align-items:center;gap:12px;font-family:var(--clb-heading-font);font-weight:700;font-size:29px;letter-spacing:-.02em}.clb-logo-mark{display:grid;place-items:center;width:44px;height:44px;background:linear-gradient(145deg,var(--clb-accent),var(--clb-deep));color:#fff;border-radius:10px;font-family:serif;font-size:25px;box-shadow:0 6px 18px rgba(30,88,114,.16)}.clb-brand-actions{display:flex;align-items:center;gap:8px}.clb-search-toggle,.clb-menu-toggle{width:42px;height:42px;border:1px solid rgba(30,88,114,.16);background:#fffdf5;border-radius:10px;display:grid;place-items:center;cursor:pointer;color:var(--clb-deep)}.clb-search-toggle svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8}.clb-menu-toggle{display:none;padding:10px}.clb-menu-toggle span{display:block;height:2px;background:currentColor;margin:3px 0;width:20px}.clb-search-panel{padding:14px 0;border-top:1px solid rgba(30,88,114,.09);background:var(--clb-surface)}.clb-search-form{display:flex;max-width:720px;margin:auto}.clb-search-form input{flex:1;border:1px solid rgba(30,88,114,.18);padding:13px 15px;border-radius:10px 0 0 10px;background:#fff}.clb-search-form button{border:0;background:var(--clb-deep);color:#fff;padding:0 22px;border-radius:0 10px 10px 0;font-weight:700;cursor:pointer}.clb-primary-nav{border-top:1px solid rgba(30,88,114,.08);background:rgba(255,253,243,.98)}.clb-menu{display:flex;list-style:none;margin:0;padding:0;gap:2px}.clb-menu>li{position:relative}.clb-menu>li>a{display:block;padding:14px 18px;font-weight:760;font-size:14px;position:relative}.clb-menu>li>a:after{content:"";position:absolute;left:18px;right:18px;bottom:8px;height:2px;background:var(--clb-accent);transform:scaleX(0);transition:transform .18s ease}.clb-menu>li:hover>a:after{transform:scaleX(1)}.clb-menu>li:first-child>a{padding-left:0}.clb-menu>li:first-child>a:after{left:0}.clb-menu .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:210px;background:#fffdf5;box-shadow:0 14px 34px rgba(30,88,114,.15);list-style:none;padding:8px;margin:0;border-radius:0 0 10px 10px;border:1px solid rgba(30,88,114,.08)}.clb-menu li:hover>.sub-menu{display:block}.clb-menu .sub-menu a{display:block;padding:9px 12px}
/* Main atmosphere inspired by pale-gold Chinese landscape */
.clb-site-main{min-height:60vh;position:relative;background:linear-gradient(180deg,#fff8dc 0,var(--clb-bg) 26%,#fff9e6 100%)}.clb-site-main:before{content:"";position:absolute;inset:0 0 auto 0;height:420px;background:url('../images/mountain-watermark.svg') center top/cover no-repeat;opacity:.72;pointer-events:none}.clb-site-main>*{position:relative;z-index:1}
/* Featured: 1 large left + 2–4 smaller right */
.clb-featured{padding-top:26px;padding-bottom:26px}.clb-featured-grid{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(390px,.92fr);gap:16px}.clb-featured-lead,.clb-featured-small{position:relative;overflow:hidden;border-radius:var(--clb-radius);background:var(--clb-deep);box-shadow:0 10px 26px rgba(24,73,92,.10)}.clb-featured-lead{min-height:510px}.clb-featured-media,.clb-featured-small-media{position:absolute;inset:0}.clb-featured-media img,.clb-featured-small-media img,.clb-featured-media .clb-placeholder,.clb-featured-small-media .clb-placeholder{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.clb-featured-lead:hover img,.clb-featured-small:hover img{transform:scale(1.018)}.clb-media-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,43,54,.03) 18%,rgba(16,45,54,.84) 100%)}.clb-featured-copy,.clb-featured-small-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:30px;color:#fff}.clb-featured-copy h1{font-family:var(--clb-heading-font);font-size:clamp(31px,3vw,52px);line-height:1.04;letter-spacing:-.03em;margin:12px 0}.clb-featured-copy p{max-width:760px;margin:0 0 13px;color:rgba(255,255,255,.9);font-size:17px}.clb-featured-meta,.clb-featured-meta a{color:rgba(255,255,255,.78);font-size:12px}.clb-featured-stack{display:grid;gap:16px;grid-template-columns:1fr;grid-auto-rows:minmax(0,1fr)}.clb-featured-small-count-3 .clb-featured-stack,.clb-featured-small-count-4 .clb-featured-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.clb-featured-small{min-height:247px}.clb-featured-small-copy{padding:18px}.clb-featured-small-copy h2{font-size:18px;line-height:1.22;margin:8px 0 6px}.clb-badge{display:inline-flex;padding:5px 9px;border-radius:6px;background:linear-gradient(135deg,var(--clb-accent),#42cbbf);color:#083b43!important;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 3px 10px rgba(43,185,174,.2)}
/* Three-column homepage */
.clb-home-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding:10px 0 42px;align-items:start}.clb-home-shell.has-left.has-right{grid-template-columns:var(--clb-left-width) minmax(720px,1fr) var(--clb-right-width)}.clb-home-shell.has-left:not(.has-right){grid-template-columns:var(--clb-left-width) minmax(0,1fr)}.clb-home-shell.has-right:not(.has-left){grid-template-columns:minmax(0,1fr) var(--clb-right-width)}.clb-home-sidebar,.clb-home-content{min-width:0}.clb-sticky-wrap{display:flex;flex-direction:column;gap:18px}.clb-has-sticky-sidebars .clb-sticky-wrap{position:sticky;top:18px}.clb-widget{background:rgba(255,253,243,.94);border:1px solid rgba(30,88,114,.13);border-radius:var(--clb-radius);padding:16px;box-shadow:0 8px 22px rgba(30,88,114,.045)}.clb-widget-title,.clb-section-head h2{font-size:16px;font-weight:850;text-transform:uppercase;letter-spacing:.025em;margin:0 0 14px;display:flex;align-items:center;gap:9px}.clb-widget-title:before,.clb-section-head h2:before{content:"";width:5px;height:20px;border-radius:10px;background:linear-gradient(180deg,var(--clb-accent),var(--clb-blue))}.clb-small-list{display:flex;flex-direction:column;gap:13px}.clb-small-item{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;align-items:start}.clb-small-item+.clb-small-item{padding-top:13px;border-top:1px solid rgba(30,88,114,.09)}.clb-small-thumb{height:54px;overflow:hidden;border-radius:7px;background:#eff7f3}.clb-small-thumb img,.clb-small-thumb .clb-placeholder{width:100%;height:100%;object-fit:cover}.clb-small-copy h4{font-size:13px;line-height:1.35;margin:0 0 5px}.clb-small-meta{font-size:10.5px;color:var(--clb-muted)}.clb-small-meta .clb-meta-date,.clb-small-meta .clb-meta-views{display:block}.clb-small-meta .clb-dot{display:none}.clb-rank{width:24px;height:24px;border-radius:7px;background:linear-gradient(145deg,var(--clb-deep),var(--clb-blue));color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800;margin-top:2px}.clb-small-list.is-numbered .clb-small-item{grid-template-columns:24px 64px minmax(0,1fr)}.clb-cat-list{list-style:none;margin:0;padding:0}.clb-cat-list li{display:flex;justify-content:space-between;border-bottom:1px solid rgba(30,88,114,.09);padding:8px 0}.clb-cat-list li:last-child{border-bottom:0}
/* Central content blocks */
.clb-home-section{background:rgba(255,253,243,.96);border:1px solid rgba(30,88,114,.13);border-radius:var(--clb-radius);padding:20px;margin-bottom:22px;box-shadow:0 10px 28px rgba(30,88,114,.05);position:relative;overflow:hidden}.clb-home-section:after{content:"";position:absolute;right:-80px;top:-90px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(228,181,74,.10),rgba(228,181,74,0) 70%);pointer-events:none}.clb-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(30,88,114,.10);padding-bottom:12px;margin-bottom:17px}.clb-section-head h2{font-size:18px;margin:0;text-transform:none;font-family:var(--clb-heading-font);letter-spacing:0}.clb-section-head>a{font-size:12px;font-weight:800;color:var(--clb-deep)}.clb-section-head>a:hover{color:var(--clb-accent)}.clb-section-grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(300px,.84fr);gap:21px}.clb-section-lead-media{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:calc(var(--clb-radius) - 2px);background:#edf7f2}.clb-section-lead-media img,.clb-section-lead-media .clb-placeholder{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.clb-section-lead:hover img{transform:scale(1.02)}.clb-section-lead-copy h3{font-family:var(--clb-heading-font);font-size:26px;line-height:1.18;margin:12px 0 8px}.clb-section-lead-copy p{color:var(--clb-muted);margin:0 0 8px;font-size:14px}.clb-card-meta{color:var(--clb-muted);font-size:11px}.clb-dot{padding:0 6px;opacity:.55}.clb-section-list{display:flex;flex-direction:column;gap:11px}.clb-section-item{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;align-items:start;min-height:74px}.clb-section-item+.clb-section-item{padding-top:11px;border-top:1px solid rgba(30,88,114,.09)}.clb-section-thumb{height:72px;border-radius:8px;overflow:hidden;background:#edf7f2}.clb-section-thumb img,.clb-section-thumb .clb-placeholder{width:100%;height:100%;object-fit:cover}.clb-section-item h4{font-size:14px;line-height:1.34;margin:0 0 6px}.clb-placeholder{background:linear-gradient(135deg,#fff3c2,#ccebe1 55%,#c8dcf1);display:grid;place-items:center;color:rgba(30,88,114,.48);font-family:serif;font-size:28px}
/* Reviews section */
.clb-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.clb-review-card{border:1px solid rgba(30,88,114,.10);border-radius:10px;overflow:hidden;background:#fffef8}.clb-review-media{display:block;aspect-ratio:16/10;overflow:hidden;background:#edf7f2}.clb-review-media img,.clb-review-media .clb-placeholder{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.clb-review-card:hover img{transform:scale(1.025)}.clb-review-copy{padding:14px}.clb-review-copy h3{font-family:var(--clb-heading-font);font-size:19px;line-height:1.24;margin:8px 0}.clb-review-copy p{font-size:13px;color:var(--clb-muted);margin:0 0 8px}
/* Culture section: image-forward */
.clb-culture-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px}.clb-culture-lead-media{display:block;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#edf7f2}.clb-culture-lead-media img,.clb-culture-lead-media .clb-placeholder{width:100%;height:100%;object-fit:cover}.clb-culture-lead-copy h3{font-family:var(--clb-heading-font);font-size:25px;line-height:1.2;margin:11px 0 7px}.clb-culture-lead-copy p{color:var(--clb-muted);font-size:14px;margin:0 0 8px}.clb-culture-list{display:flex;flex-direction:column;gap:12px}.clb-culture-item{display:grid;grid-template-columns:108px minmax(0,1fr);gap:11px;align-items:start}.clb-culture-item+.clb-culture-item{padding-top:12px;border-top:1px solid rgba(30,88,114,.09)}.clb-culture-thumb{height:76px;border-radius:8px;overflow:hidden;background:#edf7f2}.clb-culture-thumb img,.clb-culture-thumb .clb-placeholder{width:100%;height:100%;object-fit:cover}.clb-culture-item h4{font-size:14px;line-height:1.34;margin:0 0 6px}
/* Archive / article */
.clb-archive-shell,.clb-single-shell{display:grid;grid-template-columns:minmax(0,1fr) var(--clb-right-width);gap:28px;padding:34px 0 44px;align-items:start}.clb-page-head{margin-bottom:24px}.clb-page-head h1,.clb-article-head h1{font-family:var(--clb-heading-font);font-size:var(--clb-h1-size);line-height:1.08;letter-spacing:-.025em;margin:5px 0 12px}.clb-eyebrow,.clb-breadcrumb{color:var(--clb-deep);text-transform:uppercase;font-size:12px;font-weight:850;letter-spacing:.08em}.clb-archive-desc{color:var(--clb-muted);max-width:760px}.clb-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.clb-post-card{background:var(--clb-surface);border:1px solid rgba(30,88,114,.13);border-radius:var(--clb-radius);overflow:hidden;box-shadow:0 8px 22px rgba(30,88,114,.045)}.clb-post-card-media{display:block;aspect-ratio:16/9;overflow:hidden;background:#edf7f2}.clb-post-card-media img,.clb-post-card-media .clb-placeholder{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.clb-post-card:hover .clb-post-card-media img{transform:scale(1.025)}.clb-post-card-copy{padding:16px}.clb-post-card h2{font-family:var(--clb-heading-font);font-size:23px;line-height:1.2;margin:9px 0}.clb-post-card p{color:var(--clb-muted);font-size:14px;margin:0 0 10px}.nav-links{display:flex;gap:7px;justify-content:center;margin:28px 0}.page-numbers{display:grid;place-items:center;min-width:38px;height:38px;padding:0 10px;background:#fffdf4;border:1px solid rgba(30,88,114,.12);border-radius:8px}.page-numbers.current{background:var(--clb-deep);color:#fff}.clb-article{background:var(--clb-surface);border:1px solid rgba(30,88,114,.13);border-radius:var(--clb-radius);padding:clamp(20px,4vw,50px);min-width:0;box-shadow:0 10px 28px rgba(30,88,114,.045)}.clb-article-head{max-width:880px;margin:0 auto 25px}.clb-article-meta{color:var(--clb-muted);font-size:13px;display:flex;flex-wrap:wrap;align-items:center}.clb-article-cover{margin:0 auto 30px;max-width:1050px}.clb-article-cover img{width:100%;border-radius:var(--clb-radius)}.clb-article-content{max-width:780px;margin:0 auto;font-size:1.04em;line-height:1.82}.clb-article-content h2,.clb-article-content h3,.clb-article-content h4{font-family:var(--clb-heading-font);line-height:1.25;margin-top:1.6em}.clb-article-content h2{font-size:1.8em}.clb-article-content h3{font-size:1.45em}.clb-article-content a{text-decoration:underline;text-underline-offset:3px;color:var(--clb-deep)}.clb-article-content blockquote{margin:1.4em 0;border-left:4px solid var(--clb-accent);padding:8px 0 8px 20px;color:#38555b;font-family:var(--clb-heading-font);font-size:1.15em;background:linear-gradient(90deg,rgba(43,185,174,.06),transparent)}.clb-article-content img{border-radius:8px}.clb-source-box{max-width:780px;margin:26px auto 0;padding:14px 16px;background:#fff4cf;border-left:3px solid var(--clb-accent2);font-size:13px}.clb-related{max-width:900px;margin:38px auto 0}.clb-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.clb-related-thumb{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:8px;background:#edf7f2}.clb-related-thumb img,.clb-related-thumb .clb-placeholder{width:100%;height:100%;object-fit:cover}.clb-related h3{font-size:14px;line-height:1.35;margin:8px 0}.clb-page{padding:40px 0}.clb-404{text-align:center;padding:100px 0}.clb-404 h1{font-family:var(--clb-heading-font);font-size:54px;margin:5px}.clb-button{display:inline-flex;background:var(--clb-deep);color:#fff!important;padding:11px 18px;border-radius:8px;font-weight:750}
/* Footer */
.clb-site-footer{background:linear-gradient(135deg,#173f54,var(--clb-deep) 55%,#284f7d);color:#eff8f1;margin-top:18px;position:relative;overflow:hidden}.clb-site-footer:before{content:"";position:absolute;inset:auto 0 0;height:210px;background:url('../images/mountain-watermark.svg') center bottom/cover no-repeat;filter:brightness(1.4);opacity:.14}.clb-footer-top,.clb-footer-bottom{position:relative;z-index:1}.clb-footer-top{padding:42px 0;display:grid;grid-template-columns:280px minmax(0,1fr);gap:50px}.clb-footer-brand p{color:#c8dcdd;font-size:14px}.clb-footer-logo a{font-family:var(--clb-heading-font);font-size:26px;font-weight:700}.clb-footer-logo .custom-logo{filter:brightness(0) invert(1)}.clb-footer-widgets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.clb-footer-col .widget{background:transparent;border:0;padding:0;box-shadow:none}.clb-footer-col .clb-widget-title{color:#fff}.clb-footer-col .clb-widget-title:before{background:var(--clb-accent2)}.clb-footer-col a{color:#e3f1ee}.clb-footer-bottom{border-top:1px solid rgba(255,255,255,.11)}.clb-footer-bottom-inner{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#c8dcdd}.clb-footer-menu a{color:#c8dcdd}.clb-empty{font-size:13px;color:var(--clb-muted)}
@media(max-width:1360px){.clb-home-shell.has-left.has-right{grid-template-columns:220px minmax(0,1fr) 270px}.clb-featured-grid{grid-template-columns:minmax(0,1.4fr) minmax(360px,.9fr)}}
@media(max-width:1180px){.clb-home-shell.has-left.has-right{grid-template-columns:minmax(0,1fr) var(--clb-right-width)}.clb-home-shell.has-left.has-right .clb-home-left{display:none}.clb-featured-grid{grid-template-columns:minmax(0,1.35fr) minmax(330px,.85fr)}.clb-section-grid,.clb-culture-grid{grid-template-columns:1fr}.clb-section-list,.clb-culture-list{display:grid;grid-template-columns:1fr 1fr}.clb-section-item:nth-child(n+5){display:none}.clb-footer-widgets{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.clb-topbar{display:none}.clb-brand-inner{min-height:72px}.clb-menu-toggle{display:grid}.clb-primary-nav{display:none}.clb-primary-nav.is-open{display:block}.clb-menu{display:block;padding:8px 0}.clb-menu>li>a{padding:11px 0}.clb-menu>li>a:after{display:none}.clb-menu .sub-menu{display:block!important;position:static;box-shadow:none;padding:0 0 0 16px;background:transparent;border:0}.clb-featured-grid{grid-template-columns:1fr}.clb-featured-lead{min-height:430px}.clb-featured-stack,.clb-featured-small-count-3 .clb-featured-stack,.clb-featured-small-count-4 .clb-featured-stack{grid-template-columns:1fr 1fr}.clb-featured-small{min-height:235px}.clb-home-shell.has-right:not(.has-left),.clb-home-shell.has-left:not(.has-right),.clb-home-shell.has-left.has-right{grid-template-columns:1fr}.clb-home-sidebar{display:block!important}.clb-has-sticky-sidebars .clb-sticky-wrap{position:static}.clb-home-left{order:2}.clb-home-content{order:1}.clb-home-right{order:3}.clb-archive-shell,.clb-single-shell{grid-template-columns:1fr}.clb-related-grid{grid-template-columns:1fr 1fr}.clb-footer-top{grid-template-columns:1fr}.clb-post-grid{grid-template-columns:1fr 1fr}.clb-review-grid{grid-template-columns:1fr 1fr}.clb-review-card:nth-child(3){grid-column:1/-1}}
@media(max-width:640px){.clb-container{width:min(calc(100% - 24px),var(--clb-site-width))}.clb-site-main:before{height:290px;opacity:.52}.clb-site-title{font-size:23px}.clb-logo-mark{width:38px;height:38px;font-size:22px}.clb-featured{padding-top:12px}.clb-featured-lead{min-height:410px}.clb-featured-copy{padding:20px}.clb-featured-copy h1{font-size:34px}.clb-featured-copy p{font-size:14px}.clb-featured-stack,.clb-featured-small-count-3 .clb-featured-stack,.clb-featured-small-count-4 .clb-featured-stack{grid-template-columns:1fr}.clb-featured-small{min-height:225px}.clb-section-list,.clb-culture-list{grid-template-columns:1fr}.clb-section-lead-copy h3,.clb-culture-lead-copy h3{font-size:23px}.clb-home-section{padding:15px}.clb-home-shell{gap:14px}.clb-review-grid{grid-template-columns:1fr}.clb-review-card:nth-child(3){grid-column:auto}.clb-post-grid{grid-template-columns:1fr}.clb-page-head h1,.clb-article-head h1{font-size:36px}.clb-article{padding:20px 17px}.clb-related-grid{grid-template-columns:1fr 1fr}.clb-footer-widgets{grid-template-columns:1fr}.clb-footer-bottom-inner{align-items:flex-start;flex-direction:column;padding:18px 0}.clb-footer-menu{flex-wrap:wrap}}
/* ===== ChineseLearn Blog 0.3.0 enhancements ===== */
.clb-site-header{background:var(--clb-header-bg)}
.clb-site-header.is-sticky{position:sticky;top:0;z-index:80}
.clb-brand-row,.clb-primary-nav{background:color-mix(in srgb,var(--clb-header-bg) 97%,transparent)}
.clb-brand-inner{min-height:var(--clb-header-height)}
.custom-logo{max-height:var(--clb-logo-height)}
.clb-menu>li>a{font-size:var(--clb-menu-size);color:var(--clb-menu-color)}
.clb-home-shell{gap:var(--clb-column-gap)}
.clb-home-section{margin-bottom:var(--clb-section-gap);box-shadow:var(--clb-card-shadow)}
.clb-post-card,.clb-article{box-shadow:var(--clb-card-shadow)}
/* Sticky entire sidebar, not only the first widget */
.clb-has-sticky-sidebars .clb-home-sidebar,
.clb-has-sticky-sidebars .clb-single-sidebar,
.clb-has-sticky-sidebars .clb-archive-sidebar{
position:sticky;
top:var(--clb-sidebar-top);
align-self:start;
max-height:calc(100vh - var(--clb-sidebar-top) - 12px);
overflow:auto;
overscroll-behavior:contain;
scrollbar-width:thin;
scrollbar-color:rgba(30,88,114,.28) transparent;
}
.clb-has-sticky-sidebars .clb-sticky-wrap{position:static;top:auto}
.clb-sticky-wrap{gap:var(--clb-widget-gap)}
.clb-home-sidebar::-webkit-scrollbar,.clb-single-sidebar::-webkit-scrollbar,.clb-archive-sidebar::-webkit-scrollbar{width:5px}
.clb-home-sidebar::-webkit-scrollbar-thumb,.clb-single-sidebar::-webkit-scrollbar-thumb,.clb-archive-sidebar::-webkit-scrollbar-thumb{background:rgba(30,88,114,.24);border-radius:20px}
/* Widget system */
.clb-widget{background:var(--clb-widget-bg);border-radius:var(--clb-widget-radius);padding:var(--clb-widget-padding);box-shadow:var(--clb-card-shadow)}
.clb-widget-title{font-size:var(--clb-widget-title-size)}
.clb-widget-heading-underline .clb-widget-title{border-bottom:2px solid color-mix(in srgb,var(--clb-accent) 60%,transparent);padding-bottom:10px}
.clb-widget-heading-underline .clb-widget-title:before{display:none}
.clb-widget-heading-plain .clb-widget-title:before{display:none}
.clb-widget-posts{display:flex;flex-direction:column;gap:0}
.clb-widget-post{display:grid;grid-template-columns:78px minmax(0,1fr);gap:11px;align-items:start;position:relative;padding:12px 0}
.clb-widget-post:first-child{padding-top:0}.clb-widget-post:last-child{padding-bottom:0}
.clb-widget-post+.clb-widget-post{border-top:1px solid rgba(30,88,114,.09)}
.clb-widget-posts.is-numbered .clb-widget-post{grid-template-columns:27px 70px minmax(0,1fr)}
.clb-widget-rank{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(145deg,var(--clb-deep),var(--clb-blue));color:#fff;font-size:11px;font-weight:850;margin-top:2px}
.clb-widget-thumb{display:block;height:58px;border-radius:8px;overflow:hidden;background:#eef6ef}
.clb-widget-thumb img,.clb-widget-thumb .clb-placeholder{width:100%;height:100%;object-fit:cover}
.clb-thumb-small .clb-widget-post{grid-template-columns:62px minmax(0,1fr)}.clb-thumb-small .clb-widget-posts.is-numbered .clb-widget-post{grid-template-columns:27px 56px minmax(0,1fr)}.clb-thumb-small .clb-widget-thumb{height:48px}
.clb-thumb-large .clb-widget-post{grid-template-columns:98px minmax(0,1fr)}.clb-thumb-large .clb-widget-posts.is-numbered .clb-widget-post{grid-template-columns:27px 92px minmax(0,1fr)}.clb-thumb-large .clb-widget-thumb{height:72px}
.clb-widget-post-copy h4{font-size:13.5px;line-height:1.35;margin:0 0 5px;font-weight:760}
.clb-widget-category{display:inline-block;color:var(--clb-deep);font-size:9.5px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
.clb-widget-excerpt{font-size:12px;line-height:1.45;color:var(--clb-muted);margin:5px 0}
.clb-widget-meta{font-size:10.5px;line-height:1.4;color:var(--clb-muted);display:flex;flex-wrap:wrap;gap:3px 5px}.clb-widget-meta-dot{opacity:.45}
.clb-widget-layout-compact .clb-widget-post{grid-template-columns:58px minmax(0,1fr);padding:9px 0}.clb-widget-layout-compact .clb-widget-thumb{height:44px}.clb-widget-layout-compact .clb-widget-post-copy h4{font-size:12.5px}.clb-widget-layout-compact .clb-widget-excerpt{display:none}
.clb-widget-layout-compact.is-numbered .clb-widget-post{grid-template-columns:24px 50px minmax(0,1fr)}.clb-widget-layout-compact .clb-widget-rank{width:24px;height:24px}
.clb-widget-layout-cards{gap:14px}
.clb-widget-layout-cards .clb-widget-post,.clb-widget-layout-cards.is-numbered .clb-widget-post{display:grid;grid-template-columns:1fr;padding:0;border:1px solid rgba(30,88,114,.10);border-radius:10px;overflow:hidden;background:rgba(255,255,255,.45)}
.clb-widget-layout-cards .clb-widget-post+.clb-widget-post{border-top:1px solid rgba(30,88,114,.10)}
.clb-widget-layout-cards .clb-widget-thumb{height:auto;aspect-ratio:16/9;border-radius:0;grid-row:1}
.clb-widget-layout-cards .clb-widget-post-copy{padding:12px}
.clb-widget-layout-cards .clb-widget-post-copy h4{font-family:var(--clb-heading-font);font-size:16px}
.clb-widget-layout-cards .clb-widget-rank{position:absolute;top:9px;left:9px;z-index:2;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.clb-widget-layout-cards:not(.is-numbered) .clb-widget-post:not(.has-thumb) .clb-widget-post-copy{padding-top:12px}
.clb-widget-layout-list .clb-widget-post:not(.has-thumb),.clb-widget-layout-compact .clb-widget-post:not(.has-thumb){grid-template-columns:1fr}
.clb-widget-layout-list.is-numbered .clb-widget-post:not(.has-thumb),.clb-widget-layout-compact.is-numbered .clb-widget-post:not(.has-thumb){grid-template-columns:27px minmax(0,1fr)}
/* Article content and table of contents */
.clb-article-content{max-width:var(--clb-article-width)}
.clb-article-content h2{font-size:var(--clb-h2-size);scroll-margin-top:calc(var(--clb-sidebar-top) + 16px)}
.clb-article-content h3,.clb-article-content h4{scroll-margin-top:calc(var(--clb-sidebar-top) + 16px)}
.clb-toc{border:1px solid rgba(30,88,114,.14);background:linear-gradient(145deg,rgba(255,253,243,.98),rgba(242,250,243,.94));border-radius:var(--clb-widget-radius);box-shadow:var(--clb-card-shadow);margin:0 0 28px;overflow:hidden}
.clb-toc-head{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border-bottom:1px solid rgba(30,88,114,.10)}
.clb-toc-head strong{font-family:var(--clb-heading-font);font-size:17px}.clb-toc-toggle{border:1px solid rgba(30,88,114,.15);width:30px;height:30px;border-radius:7px;background:#fffdf6;color:var(--clb-deep);cursor:pointer;display:grid;place-items:center}.clb-toc-toggle span{font-size:18px;line-height:1;transition:transform .18s ease}.clb-toc-list{margin:0;padding:12px 18px 15px 38px}.clb-toc-list li{margin:6px 0;color:var(--clb-muted)}.clb-toc-list a{color:var(--clb-text);text-decoration:none}.clb-toc-list a:hover{color:var(--clb-accent)}.clb-toc-level-3{margin-left:16px!important;font-size:.94em}.clb-toc-level-4{margin-left:31px!important;font-size:.9em}.clb-toc.is-collapsed .clb-toc-list{display:none}.clb-toc.is-collapsed .clb-toc-head{border-bottom:0}.clb-toc.is-collapsed .clb-toc-toggle span{transform:rotate(-90deg)}
.clb-toc-sidebar{margin:0;background:var(--clb-widget-bg)}.clb-toc-sidebar .clb-toc-list{font-size:12.5px;padding-left:32px;max-height:48vh;overflow:auto}
/* Archive / single layout controls */
.clb-archive-shell,.clb-single-shell{gap:var(--clb-column-gap)}
.clb-archive-shell.no-sidebar,.clb-single-shell.no-sidebar{grid-template-columns:minmax(0,1fr)}
.clb-post-grid.clb-grid-cols-1{grid-template-columns:1fr}.clb-post-grid.clb-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.clb-post-grid.clb-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.clb-grid-cols-3 .clb-post-card h2{font-size:20px}.clb-grid-cols-3 .clb-post-card-copy{padding:14px}
/* Footer controls */
.clb-site-footer{background:linear-gradient(135deg,var(--clb-footer-bg),color-mix(in srgb,var(--clb-footer-bg) 78%,var(--clb-blue)));color:var(--clb-footer-text)}
.clb-footer-widgets.clb-footer-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.clb-footer-widgets.clb-footer-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.clb-footer-widgets.clb-footer-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1180px){
.clb-has-sticky-sidebars .clb-home-sidebar,.clb-has-sticky-sidebars .clb-single-sidebar,.clb-has-sticky-sidebars .clb-archive-sidebar{top:var(--clb-sidebar-top)}
.clb-post-grid.clb-grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
.clb-has-sticky-sidebars .clb-home-sidebar,.clb-has-sticky-sidebars .clb-single-sidebar,.clb-has-sticky-sidebars .clb-archive-sidebar{position:static;max-height:none;overflow:visible}
.clb-mobile-hide-sidebars .clb-home-sidebar,.clb-mobile-hide-sidebars .clb-single-sidebar,.clb-mobile-hide-sidebars .clb-archive-sidebar{display:none!important}
.clb-post-grid.clb-grid-cols-3,.clb-post-grid.clb-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
.clb-post-grid.clb-grid-cols-3,.clb-post-grid.clb-grid-cols-2{grid-template-columns:1fr}
.clb-toc{margin-bottom:22px}.clb-toc-level-3{margin-left:9px!important}.clb-toc-level-4{margin-left:18px!important}
.clb-footer-widgets.clb-footer-cols-2,.clb-footer-widgets.clb-footer-cols-3,.clb-footer-widgets.clb-footer-cols-4{grid-template-columns:1fr}
}
/* 0.4.0: centered desktop primary navigation */
@media(min-width:901px){
.clb-primary-nav>.clb-container{display:flex;justify-content:center}
.clb-menu{justify-content:center}
.clb-menu>li:first-child>a{padding-left:18px}
.clb-menu>li:first-child>a:after{left:18px}
}
/* Article sharing */
.clb-share-bar{max-width:780px;margin:22px auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid rgba(30,88,114,.12);border-radius:10px;background:rgba(255,255,255,.5)}
.clb-share-after-meta{margin:18px 0 0;max-width:none}.clb-share-label{font-size:13px;font-weight:800;color:var(--clb-text);margin-right:2px}.clb-share-buttons{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.clb-share-button{appearance:none;border:1px solid rgba(30,88,114,.18);background:#fffef8;color:var(--clb-deep);height:36px;padding:0 11px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:inherit;font-size:12px;font-weight:750;cursor:pointer;text-decoration:none!important;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.clb-share-button:hover{transform:translateY(-1px);border-color:var(--clb-accent);background:#f5fffc}.clb-share-button svg{width:16px;height:16px;fill:currentColor;flex:none}.clb-share-filled .clb-share-button{background:var(--clb-deep);border-color:var(--clb-deep);color:#fff}.clb-share-filled .clb-share-button:hover{background:var(--clb-blue);border-color:var(--clb-blue)}.clb-share-icons .clb-share-button{width:36px;padding:0;border-radius:50%}.clb-share-icons .clb-share-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.clb-share-copy.is-copied{background:var(--clb-accent);border-color:var(--clb-accent);color:#fff}.clb-share-status{font-size:12px;color:var(--clb-muted)}
/* Back to top */
.clb-back-to-top{position:fixed;right:var(--clb-back-right);bottom:var(--clb-back-bottom);width:var(--clb-back-size);height:var(--clb-back-size);border:1px solid rgba(255,255,255,.28);border-radius:50%;background:var(--clb-deep);color:#fff;display:grid;place-items:center;z-index:1000;box-shadow:0 10px 28px rgba(23,63,84,.22);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease,background .2s ease;cursor:pointer}.clb-back-to-top.is-visible{opacity:1;visibility:visible;transform:none}.clb-back-to-top:hover{background:var(--clb-blue)}.clb-back-to-top svg{width:24px;height:24px;fill:currentColor}
@media(max-width:640px){.clb-share-bar{align-items:flex-start}.clb-share-label{width:100%}.clb-share-button{padding:0 9px}.clb-share-text{display:none}.clb-back-to-top{right:max(14px,var(--clb-back-right));bottom:max(14px,var(--clb-back-bottom));}}
/* ===== ChineseLearn Blog 0.6.0 controls ===== */
body{line-height:var(--clb-body-line-height)}
.clb-menu{font-family:var(--clb-menu-font)}
.clb-widget-title{font-family:var(--clb-widget-title-font)}
.clb-section-head h2{font-family:var(--clb-heading-font);font-size:var(--clb-section-title-size)}
.clb-article-head h1,.clb-page-head h1{font-family:var(--clb-article-title-font)}
.clb-article-content{line-height:var(--clb-article-line-height)}
.clb-article-content a{color:var(--clb-link)}
.clb-featured-lead{min-height:var(--clb-featured-height)}
.clb-widget,.clb-home-section,.clb-post-card,.clb-article{border-width:var(--clb-card-border-width);border-color:var(--clb-border)}
.clb-widget-post+.clb-widget-post{border-top-width:var(--clb-widget-divider-width)}
/* Menu alignment */
@media(min-width:901px){
.clb-menu-align-left .clb-primary-nav>.clb-container{justify-content:flex-start}
.clb-menu-align-center .clb-primary-nav>.clb-container{justify-content:center}
.clb-menu-align-right .clb-primary-nav>.clb-container{justify-content:flex-end}
}
/* Natural sticky sidebars: no fixed-height box and no inner scrollbar. */
.clb-has-sticky-sidebars .clb-home-sidebar,
.clb-has-sticky-sidebars .clb-single-sidebar,
.clb-has-sticky-sidebars .clb-archive-sidebar{
position:sticky;
top:var(--clb-sidebar-top);
align-self:start;
max-height:none;
overflow:visible;
overscroll-behavior:auto;
scrollbar-width:auto;
}
.clb-has-sticky-sidebars .clb-sticky-wrap{position:static;top:auto;max-height:none;overflow:visible}
.clb-home-sidebar::-webkit-scrollbar,.clb-single-sidebar::-webkit-scrollbar,.clb-archive-sidebar::-webkit-scrollbar{display:none}
/* Article layout: the share rail is automatically opposite the article sidebar. */
.clb-single-shell{display:grid;align-items:start;gap:var(--clb-column-gap)}
.clb-single-shell.sidebar-right{grid-template-columns:var(--clb-share-rail-width) minmax(0,1fr) var(--clb-right-width);grid-template-areas:"share article sidebar"}
.clb-single-shell.sidebar-left{grid-template-columns:var(--clb-right-width) minmax(0,1fr) var(--clb-share-rail-width);grid-template-areas:"sidebar article share"}
.clb-single-shell.no-sidebar{grid-template-columns:var(--clb-share-rail-width) minmax(0,1fr);grid-template-areas:"share article"}
.clb-single-shell.no-share.sidebar-right{grid-template-columns:minmax(0,1fr) var(--clb-right-width);grid-template-areas:"article sidebar"}
.clb-single-shell.no-share.sidebar-left{grid-template-columns:var(--clb-right-width) minmax(0,1fr);grid-template-areas:"sidebar article"}
.clb-single-shell.no-share.no-sidebar{grid-template-columns:minmax(0,1fr);grid-template-areas:"article"}
.clb-article{grid-area:article;min-width:0}
.clb-single-sidebar{grid-area:sidebar;min-width:0}
.clb-share-rail{grid-area:share;align-self:stretch;min-width:0}
.clb-share-rail .clb-share-bar{position:sticky;top:var(--clb-sidebar-top);width:var(--clb-share-rail-width);max-width:none;margin:0;padding:8px 6px;display:flex;justify-content:center;border-radius:14px;background:color-mix(in srgb,var(--clb-surface) 94%,transparent);box-shadow:var(--clb-card-shadow)}
.clb-share-rail .clb-share-buttons{display:flex;flex-direction:column;align-items:center;gap:8px}
.clb-share-rail .clb-share-button{width:36px;height:36px;padding:0;border-radius:50%}
.clb-share-rail .clb-share-text,.clb-share-rail .clb-share-label,.clb-share-rail .clb-share-status{display:none!important}
.clb-share-mobile{display:none}
/* Archive sidebar position */
.clb-archive-shell.sidebar-right{grid-template-columns:minmax(0,1fr) var(--clb-right-width)}
.clb-archive-shell.sidebar-left{grid-template-columns:var(--clb-right-width) minmax(0,1fr)}
.clb-archive-shell.sidebar-left .clb-archive-sidebar{order:1}
.clb-archive-shell.sidebar-left .clb-archive-main{order:2}
/* Reduced motion */
.clb-reduce-motion *{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
@media(max-width:1180px){
.clb-single-shell.sidebar-right,.clb-single-shell.sidebar-left{grid-template-columns:minmax(0,1fr) var(--clb-right-width);grid-template-areas:"article sidebar"}
.clb-single-shell.sidebar-left{grid-template-columns:var(--clb-right-width) minmax(0,1fr);grid-template-areas:"sidebar article"}
.clb-single-shell.no-sidebar{grid-template-columns:minmax(0,1fr);grid-template-areas:"article"}
.clb-share-rail{display:none}
.clb-share-mobile{display:flex}
}
@media(max-width:900px){
.clb-has-sticky-sidebars .clb-home-sidebar,.clb-has-sticky-sidebars .clb-single-sidebar,.clb-has-sticky-sidebars .clb-archive-sidebar{position:static;top:auto;max-height:none;overflow:visible}
.clb-single-shell.sidebar-right,.clb-single-shell.sidebar-left,.clb-single-shell.no-sidebar,.clb-archive-shell.sidebar-right,.clb-archive-shell.sidebar-left{grid-template-columns:1fr;grid-template-areas:none}
.clb-single-shell.sidebar-left .clb-single-sidebar,.clb-single-shell.sidebar-right .clb-single-sidebar,.clb-archive-shell.sidebar-left .clb-archive-sidebar,.clb-archive-shell.sidebar-right .clb-archive-sidebar{order:2}
.clb-single-shell .clb-article,.clb-archive-shell .clb-archive-main{order:1}
}
@media(max-width:640px){
.clb-mobile-featured-two .clb-featured-stack{grid-template-columns:1fr 1fr}
body:not(.clb-mobile-featured-two) .clb-featured-stack{grid-template-columns:1fr}
}
/* ===== ChineseLearn Blog header foundation ===== */
.clb-site-header{background:var(--clb-header-bg);border-bottom:1px solid color-mix(in srgb,var(--clb-deep) 13%,transparent);box-shadow:0 1px 0 rgba(255,255,255,.7)}
.clb-topbar{background:var(--clb-topbar-bg);color:var(--clb-topbar-text);font-size:12px}
.clb-topbar-inner{min-height:var(--clb-topbar-height);display:flex;align-items:center;justify-content:space-between;gap:24px}
.clb-topbar-note{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}
.clb-header-socials{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap}
.clb-social-link{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:var(--clb-topbar-text);opacity:.9;transition:opacity .16s ease,background .16s ease,transform .16s ease}
.clb-social-link:hover{color:var(--clb-topbar-text);opacity:1;background:rgba(255,255,255,.12);transform:translateY(-1px)}
.clb-social-link svg{width:var(--clb-social-size);height:var(--clb-social-size);fill:currentColor;display:block}
.clb-gjw-mark{font-size:9px;font-weight:900;letter-spacing:-.05em;line-height:1}
.clb-brand-row{background:var(--clb-header-bg)}
.clb-brand-inner{min-height:var(--clb-header-height);display:grid;grid-template-columns:minmax(180px,320px) minmax(0,1fr);align-items:center;gap:30px;padding-block:6px}
.clb-brand-inner.no-ad{display:flex;justify-content:flex-start}
.clb-brand{min-width:0;display:flex;align-items:center}
.clb-brand .custom-logo-link{display:inline-flex;align-items:center}
.custom-logo{max-height:var(--clb-logo-height);width:auto}
.clb-header-ad{min-width:0;display:flex;justify-content:flex-end;align-items:center;overflow:hidden}
.clb-header-ad>a,.clb-header-ad picture{display:block;max-width:100%}
.clb-header-ad img{width:auto;max-width:min(100%,var(--clb-ad-max-width));max-height:var(--clb-ad-max-height);object-fit:contain;object-position:center right;border-radius:6px}
.clb-primary-nav{display:block;border-top:1px solid color-mix(in srgb,var(--clb-deep) 9%,transparent);border-bottom:1px solid color-mix(in srgb,var(--clb-deep) 9%,transparent);background:var(--clb-nav-bg)}
.clb-nav-inner{position:relative;min-height:var(--clb-nav-height);display:grid;grid-template-columns:minmax(84px,1fr) auto minmax(84px,1fr);align-items:center;gap:12px}
.clb-nav-spacer{min-width:0}
.clb-nav-menu-wrap{grid-column:2;min-width:0}
.clb-nav-actions{grid-column:3;justify-self:end;display:flex;align-items:center;gap:7px}
.clb-home-button,.clb-search-toggle,.clb-menu-toggle{width:36px;height:36px;border:1px solid color-mix(in srgb,var(--clb-deep) 15%,transparent);background:color-mix(in srgb,var(--clb-surface) 94%,white);border-radius:9px;display:grid;place-items:center;color:var(--clb-deep);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}
.clb-home-button:hover,.clb-search-toggle:hover,.clb-menu-toggle:hover{color:var(--clb-accent);border-color:color-mix(in srgb,var(--clb-accent) 55%,transparent);background:#fff}
.clb-home-button svg{width:19px;height:19px;fill:currentColor}
.clb-search-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.clb-menu-toggle{display:none;padding:8px}
.clb-menu-toggle span{display:block;width:18px;height:2px;background:currentColor;margin:2.5px 0}
.clb-menu{justify-content:center}
.clb-menu>li:first-child>a{padding-left:18px}
.clb-menu>li:first-child>a:after{left:18px}
.clb-search-panel{padding:12px 0;border-top:0;border-bottom:1px solid color-mix(in srgb,var(--clb-deep) 9%,transparent);background:var(--clb-surface)}
/* Keep the menu centered independently of the right-side Home/Search controls. */
@media(min-width:901px){
.clb-menu-align-center .clb-nav-inner{grid-template-columns:minmax(84px,1fr) auto minmax(84px,1fr)}
.clb-menu-align-left .clb-nav-inner{grid-template-columns:0 minmax(0,1fr) auto}
.clb-menu-align-left .clb-nav-menu-wrap{justify-self:start}
.clb-menu-align-right .clb-nav-inner{grid-template-columns:minmax(0,1fr) auto auto}
.clb-menu-align-right .clb-nav-menu-wrap{justify-self:end}
}
@media(max-width:900px){
.clb-topbar{display:block}
.clb-topbar-inner{min-height:30px}
.clb-brand-inner,.clb-brand-inner.has-ad{min-height:72px;grid-template-columns:minmax(140px,240px) minmax(0,1fr);gap:16px}
.clb-hide-header-ad-mobile .clb-header-ad{display:none}
.clb-hide-header-ad-mobile .clb-brand-inner{display:flex;justify-content:flex-start}
.clb-header-ad img{max-height:54px}
.clb-primary-nav{display:block!important;position:relative}
.clb-nav-inner{grid-template-columns:1fr auto;min-height:48px}
.clb-nav-spacer{grid-column:1;grid-row:1}
.clb-nav-actions{grid-column:2;grid-row:1}
.clb-menu-toggle{display:grid}
.clb-nav-menu-wrap{display:none;grid-column:1/-1;grid-row:2;width:100%;padding:4px 0 10px}
.clb-primary-nav.is-open .clb-nav-menu-wrap{display:block}
.clb-menu{display:block;padding:0}
.clb-menu>li>a{padding:11px 4px}
.clb-menu>li>a:after{display:none}
.clb-menu .sub-menu{display:block!important;position:static;box-shadow:none;padding:0 0 0 16px;background:transparent;border:0}
}
@media(max-width:640px){
.clb-topbar-note{font-size:11px}
.clb-header-socials{gap:3px}
.clb-social-link{width:25px;height:25px}
.clb-brand-inner,.clb-brand-inner.has-ad{grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:12px}
.clb-site-title{font-size:21px}
}
/* ===== ChineseLearn Blog 0.8.0 scenic editorial polish ===== */
/* Tier 3: Home on the left, menu geometrically centered, Search on the right. */
.clb-nav-inner{
grid-template-columns:minmax(84px,1fr) auto minmax(84px,1fr);
}
.clb-nav-home{grid-column:1;justify-self:start;display:flex;align-items:center;gap:7px;min-width:0}
.clb-nav-menu-wrap{grid-column:2;justify-self:center}
.clb-nav-actions{grid-column:3;justify-self:end}
.clb-menu{justify-content:center}
/* Warmer, brighter scenic/editorial treatment based on the Chinese landscape palette. */
body{background:var(--clb-bg);color:var(--clb-text)}
.clb-site-header{border-bottom:1px solid color-mix(in srgb,var(--clb-border) 82%,transparent);box-shadow:0 1px 10px rgba(62,111,122,.035)}
.clb-brand-row{background:linear-gradient(90deg,var(--clb-header-bg),color-mix(in srgb,var(--clb-peach) 5%,var(--clb-header-bg)))}
.clb-primary-nav{border-top:1px solid color-mix(in srgb,var(--clb-border) 78%,transparent);border-bottom:1px solid color-mix(in srgb,var(--clb-border) 78%,transparent)}
.clb-menu>li>a{color:var(--clb-menu-color)}
.clb-menu>li>a:after{background:var(--clb-accent);height:2px}
.clb-menu>li:hover>a,.clb-menu>li.current-menu-item>a,.clb-menu>li.current-menu-ancestor>a{color:var(--clb-accent)}
.clb-home-button,.clb-search-toggle,.clb-menu-toggle{
border-color:color-mix(in srgb,var(--clb-border) 88%,transparent);
background:color-mix(in srgb,var(--clb-surface) 97%,white);
color:var(--clb-deep);
box-shadow:0 3px 12px rgba(62,111,122,.035);
}
.clb-home-button:hover,.clb-search-toggle:hover,.clb-menu-toggle:hover{
color:var(--clb-accent);
border-color:color-mix(in srgb,var(--clb-accent) 36%,var(--clb-border));
background:#fffdf8;
}
.clb-search-panel{border-bottom-color:color-mix(in srgb,var(--clb-border) 80%,transparent)}
.clb-search-form input{border-color:var(--clb-border);background:var(--clb-surface)}
.clb-search-form button{background:var(--clb-accent);color:#fff}
.clb-site-main{background:linear-gradient(180deg,#FFF7E9 0,var(--clb-bg) 25%,#FFF9F0 100%)}
.clb-widget,.clb-home-section{
background:color-mix(in srgb,var(--clb-surface) 97%,transparent);
border-color:color-mix(in srgb,var(--clb-border) 84%,transparent);
box-shadow:0 10px 30px rgba(62,111,122,.05);
}
.clb-home-section:after{background:radial-gradient(circle,color-mix(in srgb,var(--clb-accent-2) 13%,transparent),transparent 70%)}
.clb-widget-title:before,.clb-section-head h2:before{background:linear-gradient(180deg,var(--clb-accent),var(--clb-accent-2))}
.clb-section-head,.clb-small-item+.clb-small-item,.clb-cat-list li{border-color:color-mix(in srgb,var(--clb-border) 76%,transparent)}
.clb-section-head>a,.clb-section-head>a:hover{color:var(--clb-accent)}
.clb-badge{
background:linear-gradient(135deg,var(--clb-accent),color-mix(in srgb,var(--clb-accent) 72%,var(--clb-peach)));
color:#fff!important;
box-shadow:0 4px 14px color-mix(in srgb,var(--clb-accent) 18%,transparent);
}
.clb-rank{background:linear-gradient(145deg,var(--clb-deep),var(--clb-blue));color:#fff}
a:hover{color:var(--clb-accent)}
@media(min-width:901px){
.clb-menu-align-center .clb-nav-inner{grid-template-columns:minmax(84px,1fr) auto minmax(84px,1fr)}
.clb-menu-align-center .clb-nav-home{grid-column:1;justify-self:start}
.clb-menu-align-center .clb-nav-menu-wrap{grid-column:2;justify-self:center}
.clb-menu-align-center .clb-nav-actions{grid-column:3;justify-self:end}
/* Alignment options continue to work, while Home/Search remain on opposite sides. */
.clb-menu-align-left .clb-nav-menu-wrap{justify-self:start}
.clb-menu-align-right .clb-nav-menu-wrap{justify-self:end}
}
@media(max-width:900px){
.clb-nav-inner{grid-template-columns:auto 1fr auto;gap:8px}
.clb-nav-home{grid-column:1;grid-row:1;justify-self:start}
.clb-nav-actions{grid-column:3;grid-row:1;justify-self:end}
.clb-nav-menu-wrap{grid-column:1/-1;grid-row:2}
}
/* ===== ChineseLearn Blog 0.9.0 navigation + metadata ===== */
/* Desktop navigation spans the full bar: Home at far left, menu at true center, Search at far right. */
@media(min-width:901px){
.clb-primary-nav .clb-nav-inner{
width:100%;
max-width:none;
margin:0;
padding-inline:clamp(16px,2vw,36px);
grid-template-columns:48px minmax(0,1fr) 48px;
gap:12px;
}
.clb-nav-home{grid-column:1;justify-self:start}
.clb-nav-menu-wrap{grid-column:2;justify-self:center;min-width:0}
.clb-nav-actions{grid-column:3;justify-self:end}
.clb-menu{justify-content:center;flex-wrap:nowrap}
}
/* Metadata system shared by homepage, widgets, archives, related cards and single posts. */
.clb-card-meta,.clb-featured-meta,.clb-small-meta,.clb-widget-meta,.clb-article-meta,.clb-related-meta,.clb-page-meta{
color:var(--clb-muted);
font-size:11px;
line-height:1.45;
}
.clb-card-meta,.clb-featured-meta,.clb-article-meta,.clb-related-meta,.clb-page-meta{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:3px 0;
}
.clb-meta-item{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.clb-meta-icon{font-size:.88em;line-height:1;opacity:.72}
.clb-card-meta .clb-dot,.clb-featured-meta .clb-dot,.clb-article-meta .clb-dot,.clb-related-meta .clb-dot,.clb-page-meta .clb-dot{padding:0 6px;opacity:.42}
.clb-widget-meta{margin-top:5px}
.clb-related-meta{margin-top:5px;font-size:10.5px}
.clb-page-meta{margin-top:8px;font-size:12px}
.clb-article-meta{margin-top:8px;font-size:12.5px}
.clb-article-meta .clb-author{font-weight:700;color:var(--clb-text)}
@media(max-width:900px){
.clb-primary-nav .clb-nav-inner{width:100%;max-width:none;margin:0;padding-inline:12px}
}
/* ===== ChineseLearn Blog 0.10.0 navigation + editorial descriptions ===== */
/* Tier 3 is full-width by design: Home left edge, menu true center, Search right edge. */
.clb-primary-nav{position:relative}
.clb-primary-nav>.clb-nav-inner{
width:100%;
max-width:none;
margin:0;
padding-inline:clamp(14px,1.7vw,30px);
box-sizing:border-box;
}
@media(min-width:901px){
.clb-primary-nav>.clb-nav-inner{
display:grid;
grid-template-columns:52px minmax(0,1fr) 52px;
align-items:center;
}
.clb-primary-nav .clb-nav-home{grid-column:1;justify-self:start}
.clb-primary-nav .clb-nav-menu-wrap{grid-column:2;justify-self:center;width:max-content;max-width:100%}
.clb-primary-nav .clb-nav-actions{grid-column:3;justify-self:end}
}
.clb-card-description,.clb-featured-description,.clb-featured-small-description,.clb-small-description,.clb-widget-excerpt,.clb-related-description,.clb-article-description{
color:var(--clb-muted);
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
text-wrap:pretty;
}
.clb-lines-1{-webkit-line-clamp:1}.clb-lines-2{-webkit-line-clamp:2}.clb-lines-3{-webkit-line-clamp:3}.clb-lines-4{-webkit-line-clamp:4}.clb-lines-5{-webkit-line-clamp:5}.clb-lines-6{-webkit-line-clamp:6}
.clb-featured-description{max-width:760px;margin:0 0 13px;color:rgba(255,255,255,.9);font-size:17px;line-height:1.5}
.clb-featured-small-description{margin:5px 0 7px;color:rgba(255,255,255,.82);font-size:12px;line-height:1.42}
.clb-card-description{font-size:13.5px;line-height:1.52;margin:6px 0 9px}
.clb-section-item .clb-small-description,.clb-culture-item .clb-small-description{font-size:11.5px;line-height:1.42;margin:3px 0 5px}
.clb-small-description{font-size:11px;line-height:1.42;margin:4px 0 5px;color:var(--clb-muted)}
.clb-widget-excerpt{font-size:11.5px;line-height:1.42;margin:4px 0 6px}
.clb-related-description{font-size:11.5px;line-height:1.45;margin:4px 0 6px}
.clb-article-description{font-size:clamp(16px,1.35vw,20px);line-height:1.58;margin:8px 0 13px;color:var(--clb-muted);max-width:820px}
.clb-post-card .clb-card-description{font-size:13px;margin-top:5px}
.clb-featured-small-copy h2{margin-bottom:4px}
.clb-section-item h4,.clb-culture-item h4{margin-bottom:3px}
@media(max-width:1180px){
.clb-featured-small-description{display:none}
.clb-section-item .clb-small-description,.clb-culture-item .clb-small-description{-webkit-line-clamp:1}
}
@media(max-width:640px){
.clb-featured-description{font-size:14px}
.clb-primary-nav>.clb-nav-inner{padding-inline:12px}
}
.clb-widget-layout-compact .clb-widget-excerpt{display:-webkit-box;-webkit-line-clamp:1}