/* Blog only. Reuse the site's Inter font; no new fonts or JavaScript. */
body.onc-blog {
	--oncb-ink: #141841;
	--oncb-body: #535b65;
	--oncb-muted: #626874;
	--oncb-pink: #cd0b50;
	--oncb-line: #e5e7ed;
	--oncb-wash: #f3f5f7;
}
body.onc-blog #page-content { color: var(--oncb-body); font-family: Inter, sans-serif; }
body.onc-blog #page-content :is(h1,h2,h3,h4,h5) { color: var(--oncb-ink); font-weight: 700; line-height: 1.3; letter-spacing: -.025em; }
body.onc-blog #page-content :is(a,button,input):focus-visible { outline: 3px solid var(--oncb-ink); outline-offset: 4px; }
body.onc-blog #page-content > .l-section > .l-section-h { max-width: 1200px; }
/* Existing square artwork over a soft wash, scaled independently of the content. */
body.onc-blog-index #page-content > .l-section:first-child {
	padding-block: 56px 44px !important;
	background: var(--oncb-hero-art, none) no-repeat center -355px / 1320px auto, radial-gradient(ellipse at 85% 10%, #fce8f0, transparent 65%), #f6f7fa !important;
	border-bottom: 1px solid var(--oncb-line);
}
body.onc-blog-index #page-content > .l-section:first-child .w-separator { display: none; }
body.onc-blog-index #page-content > .l-section:first-child .post_title { margin: 0 0 16px !important; font-size: clamp(34px,4vw,48px) !important; color: var(--oncb-ink) !important; text-align: center; }
body.onc-blog-index #page-content > .l-section:first-child .wpb_text_column { color: var(--oncb-body); font-size: 18px; margin-bottom: 24px; }
body.onc-blog-index #page-content .onc-blog-search { display: flex; gap: 8px; width: 100%; max-width: 540px; margin-inline: auto; }
body.onc-blog-index #page-content .onc-blog-search input[type=search] { flex: 1; min-width: 0; width: 100%; height: 50px; min-height: 50px; padding: 0 16px; border: 1px solid #ccd0db !important; border-radius: 6px; background: #fff; font-size: 16px; color: var(--oncb-ink); box-shadow: none; }
body.onc-blog-index #page-content .onc-blog-search input::placeholder { color: var(--oncb-muted); opacity: 1; }
body.onc-blog-index #page-content .onc-blog-search button { flex: none; min-height: 50px; padding: 0 24px; border: 0; border-radius: 6px; background: var(--oncb-pink); color: #fff; font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
body.onc-blog-index #page-content .onc-blog-search button:hover { background: var(--oncb-ink); }
/* Preserve the working theme filters and pagination, and replace the overlapping layout. */
body.onc-blog-index #page-content > .l-section:has(.w-grid) { padding-block: 28px 64px !important; background: #fff !important; top: auto !important; }
body.onc-blog-index #page-content :is(.g-filters,.onc-blog-topics) { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0 0 32px; background: none; }
body.onc-blog-index #page-content :is(.g-filters-item,.onc-blog-topics a) { min-height: 44px; padding: 10px 18px; border: 1px solid var(--oncb-line); border-radius: 6px; background: #fff; color: var(--oncb-body); line-height: 1.4; font-size: 14px; font-weight: 600; }
body.onc-blog-index #page-content .g-filters-item::before { display: none; }
body.onc-blog-index #page-content :is(.g-filters-item:is(.active,:hover),.onc-blog-topics a:is([aria-current],:hover)) { background: var(--oncb-ink); color: #fff; border-color: var(--oncb-ink); }
body.onc-blog-index #page-content .w-grid:has(article.type-post) { --columns: 3 !important; --gap: 28px !important; }
body.onc-blog-index #page-content article.type-post { animation: none !important; opacity: 1 !important; transform: none !important; }
body.onc-blog-index #page-content article.type-post .w-grid-item-h { height: 100%; overflow: hidden; border: 1px solid var(--oncb-line); border-radius: 12px; background: #fff; }
body.onc-blog-index #page-content article.type-post .w-grid-item-h > .w-hwrapper { display: flex; flex-direction: column-reverse; gap: 0 !important; height: 100%; align-items: stretch; }
body.onc-blog-index #page-content article.type-post .w-grid-item-h > .w-hwrapper > .w-vwrapper { width: 100% !important; margin: 0 !important; padding: 24px; gap: 14px !important; flex: 1; }
body.onc-blog-index #page-content article.type-post .post_image { width: 100% !important; margin: 0 !important; aspect-ratio: 16/9; overflow: hidden; flex: none; }
body.onc-blog-index #page-content article.type-post .post_image > div { display: none; }
body.onc-blog-index #page-content article.type-post .post_image a { display: block; width: 100%; height: 100%; }
body.onc-blog-index #page-content article.type-post .post_image img { display: block; position: static !important; width: 100%; height: 100%; object-fit: cover; }
body.onc-blog-index #page-content article.type-post .post_title { margin: 0 !important; padding: 0 !important; width: 100%; background: none !important; color: var(--oncb-ink) !important; font-size: 21px !important; line-height: 1.4 !important; }
body.onc-blog-index #page-content article.type-post .post_title a:hover { color: var(--oncb-pink); }
body.onc-blog-index #page-content article.type-post .post_content { display: block !important; padding: 0 !important; font-size: 15px !important; line-height: 1.75 !important; color: var(--oncb-body); }
body.onc-blog #page-content .post_taxonomy { color: var(--oncb-pink) !important; font-size: 12px !important; line-height: 1.6 !important; font-weight: 600 !important; text-transform: none !important; }
body.onc-blog #page-content .post_taxonomy a { color: inherit; }
body.onc-blog #page-content .post_date { display: block !important; color: var(--oncb-muted) !important; font-size: 13px !important; line-height: 1.6 !important; }
body.onc-blog-index #page-content article.type-post .w-hwrapper.wrap { gap: 5px !important; flex-direction: column; }
body.onc-blog-index #page-content .pagination { margin-top: 36px; }
body.onc-blog-index #page-content .pagination .nav-links { display: flex; justify-content: center !important; flex-wrap: wrap; gap: 8px; margin: 0; }
body.onc-blog-index #page-content .pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: auto; height: 44px; min-width: 44px; min-height: 44px; margin: 0; padding: 0 14px; overflow: visible; border: 1px solid var(--oncb-line); border-radius: 6px; background: #fff; color: var(--oncb-body); font-size: 15px !important; line-height: 1.4; font-weight: 600; white-space: nowrap; }
body.onc-blog-index #page-content .pagination .page-numbers span { font-size: inherit !important; }
body.onc-blog-index #page-content .pagination .page-numbers:is(.prev,.next)::after { display: none; }
body.onc-blog-index #page-content .pagination .page-numbers.current { background: var(--oncb-ink); border-color: var(--oncb-ink); color: #fff !important; }
body.onc-blog-index #page-content .pagination a.page-numbers:hover { background: var(--oncb-wash); border-color: var(--oncb-ink); color: var(--oncb-ink); }
/* Article measure and hierarchy: one reading column, generous line spacing. */
body.onc-blog-post #page-content > .l-section { padding-block: 32px !important; }
body.onc-blog-post #page-content > .l-section:first-child { background: linear-gradient(135deg,#f7f8fb,#fff3f7); padding-top: 40px !important; border-bottom: 1px solid var(--oncb-line); }
body.onc-blog-post #page-content > .l-section > .l-section-h { max-width: 820px; }
body.onc-blog-post #page-content > .l-section:first-child .post_image { border-radius: 12px; overflow: hidden; margin-bottom: 28px; }
body.onc-blog-post #page-content > .l-section:first-child .post_image img { width: 100%; height: auto; aspect-ratio: 20/9; object-fit: cover; display: block; }
body.onc-blog-post #page-content h1.post_title { font-size: clamp(30px,3.3vw,42px) !important; line-height: 1.22 !important; color: var(--oncb-ink) !important; margin: 0 0 20px; overflow-wrap: break-word; }
body.onc-blog-post #page-content .w-separator { display: none; }
body.onc-blog-post #page-content .blog-icon { display: inline-flex !important; align-items: center; flex-wrap: wrap; gap: 5px; margin: 0 16px 0 0 !important; }
body.onc-blog-post #page-content .blog-icon i { display: none; }
body.onc-blog-post #page-content .post_content { font-size: 17px; line-height: 1.85; color: var(--oncb-body); overflow-wrap: break-word; }
body.onc-blog-post #page-content .post_content p { margin-bottom: 1.3em; }
body.onc-blog-post #page-content .post_content :is(h2,h3,h4,h5) { margin: 1.6em 0 .7em; font-size: 27px; line-height: 1.35; color: var(--oncb-ink); scroll-margin-top: 100px; }
body.onc-blog-post #page-content .post_content h3 { font-size: 23px; }
body.onc-blog-post #page-content .post_content :is(h4,h5) { font-size: 20px; }
body.onc-blog-post #page-content .post_content a { color: var(--oncb-pink); text-decoration: underline; text-underline-offset: 3px; }
body.onc-blog-post #page-content .post_content :is(img,video,iframe) { max-width: 100%; }
body.onc-blog-post #page-content .post_content img { height: auto; border-radius: 8px; }
body.onc-blog-post #page-content .post_content ul, body.onc-blog-post #page-content .post_content ol { margin-left: 1.4em; }
body.onc-blog-post #page-content .post_content li { padding-left: .2em; margin-bottom: .5em; }
body.onc-blog-post #page-content .post_content blockquote { margin-inline: 0; border-left: 3px solid var(--oncb-pink); padding: 20px 24px; background: var(--oncb-wash); font-size: inherit; }
body.onc-blog-post #page-content .post_content table { display: block; max-width: 100%; overflow-x: auto; font-size: 15px; }
@media (max-width: 1024px) {
	body.onc-blog-index #page-content .w-grid:has(article.type-post) { --columns: 2 !important; }
}
@media (max-width: 767px) {
	body.onc-blog #page-content > .l-section { padding-inline: 0 !important; }
	body.onc-blog #page-content > .l-section > .l-section-h { padding-inline: 20px !important; }
	body.onc-blog #page-content > .l-section > .l-section-h > .g-cols { margin-inline: 0; }
	body.onc-blog #page-content > .l-section > .l-section-h > .g-cols > .wpb_column > .vc_column-inner { padding-inline: 0; }
	body.onc-blog-index #page-content > .l-section:first-child { padding-block: 36px 30px !important; background-position: center -90px, center !important; background-size: 540px auto, auto !important; }
	body.onc-blog-index #page-content .onc-blog-search { flex-direction: column; }
	body.onc-blog-index #page-content .onc-blog-search button { width: 100%; }
	body.onc-blog-index #page-content :is(.g-filters,.onc-blog-topics) { justify-content: flex-start; gap: 6px; margin-bottom: 24px; }
	body.onc-blog-index #page-content :is(.g-filters-item,.onc-blog-topics a) { padding-inline: 13px; }
	body.onc-blog-index #page-content .w-grid:has(article.type-post) { --columns: 1 !important; --gap: 22px !important; }
	body.onc-blog-index #page-content article.type-post .w-grid-item-h > .w-hwrapper > .w-vwrapper { padding: 20px; }
	body.onc-blog-post #page-content > .l-section { padding-block: 24px !important; }
	body.onc-blog-post #page-content .post_content { font-size: 16px; line-height: 1.8; }
	body.onc-blog-post #page-content .post_content h2 { font-size: 24px; }
	body.onc-blog-post #page-content .post_content h3 { font-size: 21px; }
}
@media (prefers-reduced-motion: reduce) {
	body.onc-blog #page-content * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}