/* CONTRASTELAB V142 · editorial journal, native service placements */
body.cl-blog-page{--clb-accent:#a970e4;--clb-text:#211b2a;--clb-muted:#625a6c;}
html[data-theme="dark"] body.cl-blog-page{--clb-text:#f5f1fc;--clb-muted:#bdb5c8}
body.cl-blog-page .clb-hero{background:radial-gradient(ellipse 70% 82% at 78% 4%,rgba(167,119,232,.23),transparent 83%),radial-gradient(ellipse 56% 83% at 4% 86%,rgba(121,196,228,.2),transparent 85%);padding-top:171px;padding-bottom:96px}
body.cl-blog-page .clb-hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:60px}
body.cl-blog-page .clb-hero h1{font-size:clamp(46px,5.25vw,77px)!important;letter-spacing:-.067em!important;max-width:650px}
body.cl-blog-page .clb-hero h1 em{display:block;white-space:normal}
body.cl-blog-page .clb-hero-content>p{max-width:510px;font-size:17px;line-height:1.75}
body.cl-blog-page .clb-hero-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:35px}
body.cl-blog-page .clb-hero-tags a{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--clb-line);background:var(--clb-card);border-radius:99px;color:var(--clb-muted);font-size:11px;font-weight:800;padding:9px 13px;transition:transform .18s,border-color .18s,color .18s}
body.cl-blog-page .clb-hero-tags a:hover{transform:translateY(-3px);border-color:#ae8ad7;color:var(--clb-text)}
body.cl-blog-page .clb-feature{min-height:515px;height:min(40vw,596px)}
body.cl-blog-page .clb-feature:after{background:linear-gradient(180deg,rgba(16,10,28,.03) 0%,rgba(22,9,33,.10) 28%,rgba(12,7,25,.56) 66%,rgba(13,9,28,.97) 100%)}
body.cl-blog-page .clb-feature-img img{object-position:center 45%}
body.cl-blog-page .clb-directory{padding-top:110px}
body.cl-blog-page .clb-filters{gap:4px}
body.cl-blog-page .clb-filters button{padding:11px 12px;font-size:11px}
body.cl-blog-page .clb-card-art-kind{position:absolute;bottom:16px;left:17px;background:rgba(255,255,255,.89);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);color:#382b49;border-radius:999px;padding:7px 12px;font-size:10px;font-weight:900;z-index:1;letter-spacing:.03em}
body.cl-blog-page .clb-card-meta{letter-spacing:0;font-size:10px}
body.cl-blog-page .clb-card-meta span:last-child{white-space:nowrap}
body.cl-blog-page .clb-card-body>p{font-size:13px;line-height:1.75}
/* Make each editorial card visually distinct while retaining real existing assets */
body.cl-blog-page .clb-card:nth-child(5n+2) .clb-card-art img{object-position:42% center}
body.cl-blog-page .clb-card:nth-child(5n+4) .clb-card-art img{object-position:63% center}
/* In-article service banners: intentionally recognizable as ContrasteLab content */
body.cl-blog-page .clb-native-ad{margin:8px 0 60px;min-height:330px;border-radius:25px;display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:stretch;position:relative;overflow:hidden;background:linear-gradient(120deg,#292043 0%,#53418a 100%);color:#fff;isolation:isolate;box-shadow:0 20px 50px rgba(40,24,75,.15)}
body.cl-blog-page .clb-native-ad:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(253,210,244,.18),transparent 48%);pointer-events:none}
body.cl-blog-page .clb-native-ad.clb-ad-blue{background:linear-gradient(120deg,#30224f,#474c9d)}
body.cl-blog-page .clb-native-ad.clb-ad-peach{background:linear-gradient(120deg,#413049,#ab677c)}
body.cl-blog-page .clb-native-ad.clb-ad-pink{background:linear-gradient(120deg,#42214a,#a65a88)}
body.cl-blog-page .clb-native-ad.clb-ad-mint{background:linear-gradient(120deg,#1e444b,#4b7884)}
body.cl-blog-page .clb-native-ad-copy{position:relative;z-index:2;padding:31px 0 31px 34px;min-width:0;align-self:center}
body.cl-blog-page .clb-ad-disclosure{display:block;font-size:9px;color:#fff;opacity:.78;font-weight:800;letter-spacing:.145em;border-left:2px solid #ecbbff;padding-left:10px;margin-bottom:26px}
body.cl-blog-page .clb-ad-category{font-size:10px;color:#f3c8ff;font-weight:800;letter-spacing:.14em}
body.cl-blog-page .clb-native-ad h3{font-size:clamp(24px,2.65vw,32px)!important;line-height:1.16!important;font-weight:830!important;letter-spacing:-.04em!important;color:#fff!important;margin:9px 0 12px!important}
body.cl-blog-page .clb-native-ad p{font-size:13px;line-height:1.62;color:#f0eafb;margin:0 0 22px}
body.cl-blog-page .clb-ad-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
body.cl-blog-page .clb-ad-buttons a{display:inline-flex;align-items:center;gap:13px;background:#fff;color:#2a2137;font-size:11px;font-weight:850;padding:13px 17px;border-radius:99px;box-shadow:0 8px 24px rgba(20,12,37,.12)}
body.cl-blog-page .clb-ad-buttons button{border:0;background:none;color:#fff;font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:4px;padding:8px 0}
body.cl-blog-page .clb-native-ad>img{width:100%;height:100%;object-fit:cover;object-position:30% center;position:relative;z-index:1;mask-image:linear-gradient(90deg,transparent,#000 18%)}
body.cl-blog-page .clb-toc-mini{padding:19px 20px}
body.cl-blog-page .clb-toc-mini>span:first-child{color:#ad80e3}
body.cl-blog-page .clb-toc-mini p{margin:6px 0;font-size:13px}
body.cl-blog-page .clb-toc-tip{font-size:11px;color:var(--clb-muted);font-weight:750}
body.cl-blog-page .clb-post-end-v142{background:linear-gradient(135deg,#e4d8fa,#b9d8f4);padding:31px 33px}
body.cl-blog-page .clb-post-end-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}
body.cl-blog-page .clb-post-end-quiet{border:0;background:transparent;color:#302b3e;font-weight:750;font-size:12px}
body.cl-blog-page .clb-related{padding-top:85px}
@media(max-width:1150px){body.cl-blog-page .clb-hero-grid{gap:32px}body.cl-blog-page .clb-filters button{font-size:10px;padding:10px 9px}body.cl-blog-page .clb-native-ad{grid-template-columns:1fr 185px}}
@media(max-width:900px){body.cl-blog-page .clb-hero-grid{grid-template-columns:minmax(0,1fr);gap:36px}body.cl-blog-page .clb-hero{padding-top:132px}body.cl-blog-page .clb-filters button{font-size:12px;padding:10px 15px}body.cl-blog-page .clb-feature{height:450px;min-height:0}body.cl-blog-page .clb-native-ad{grid-template-columns:1fr 200px}}
@media(max-width:600px){body.cl-blog-page .clb-hero{padding-top:124px;padding-bottom:55px}body.cl-blog-page .clb-hero h1{font-size:clamp(41px,10.1vw,56px)!important;letter-spacing:-.069em!important}body.cl-blog-page .clb-hero-content>p{font-size:14px;line-height:1.72}body.cl-blog-page .clb-hero-tags{gap:6px;margin-top:25px}body.cl-blog-page .clb-hero-tags a{font-size:10px;padding:8px 10px}body.cl-blog-page .clb-feature{height:400px;min-height:0}body.cl-blog-page .clb-directory{padding-top:70px}body.cl-blog-page .clb-card-art-kind{bottom:12px;left:13px}body.cl-blog-page .clb-native-ad{grid-template-columns:1fr;min-height:0;display:flex;flex-direction:column-reverse;margin:10px 0 46px;border-radius:21px}body.cl-blog-page .clb-native-ad>img{height:170px;object-position:center 35%;mask-image:linear-gradient(0deg,transparent,#000 48%)}body.cl-blog-page .clb-native-ad-copy{padding:12px 24px 26px}body.cl-blog-page .clb-native-ad h3{font-size:25px!important}body.cl-blog-page .clb-ad-disclosure{margin-bottom:15px}body.cl-blog-page .clb-ad-buttons{gap:7px}body.cl-blog-page .clb-ad-buttons a{padding:12px 14px}body.cl-blog-page .clb-post-end-v142{padding:26px 22px}body.cl-blog-page .clb-card-meta{font-size:10px}}
@media(prefers-reduced-motion:reduce){body.cl-blog-page .clb-hero-tags a{transition:none}}