/* Smile City Blog Layout 1.2.0 - dedicated article template, content-safe styling. */
body.single-post.scbl-blog-layout { --scbl-navy:#0c4568; --scbl-blue:#1475b8; --scbl-pale:#edf6fc; --scbl-text:#243746; --scbl-muted:#617484; --scbl-border:#dce8ef; }
body.single-post.scbl-blog-layout .scbl-single-post-main { display:block; width:100%; max-width:none; margin:0; padding:0; box-sizing:border-box; }
body.single-post.scbl-blog-layout .scbl-article-shell { width:100%; max-width:1296px; margin:0 auto; padding:24px 28px 40px; box-sizing:border-box; }
body.single-post.scbl-blog-layout .scbl-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; margin:0 0 18px; color:#617484; font-size:14px; line-height:1.5; }
body.single-post.scbl-blog-layout .scbl-breadcrumb a { color:#0c4568; text-decoration:none; }
body.single-post.scbl-blog-layout .scbl-breadcrumb a:hover { color:#b49b62; text-decoration:underline; }
body.single-post.scbl-blog-layout .scbl-article-header { margin:0 0 22px; }
body.single-post.scbl-blog-layout .scbl-article-title { margin:0 0 14px; color:#0c4568; font-size:clamp(30px,3.2vw,44px); line-height:1.18; letter-spacing:-.025em; font-weight:750; }
body.single-post.scbl-blog-layout .scbl-post-meta { display:flex; flex-wrap:wrap; align-items:center; gap:10px; color:#617484; font-size:14px; line-height:1.5; }
body.single-post.scbl-blog-layout .scbl-featured-image { margin:0 0 28px; padding:0; }
body.single-post.scbl-blog-layout .scbl-featured-image img { display:block; width:100%; max-width:100%; height:auto; max-height:620px; object-fit:cover; border-radius:10px; }
body.single-post.scbl-blog-layout .scbl-entry-content { width:100%; max-width:100%; margin:0; color:#243746; font-size:18px; line-height:1.78; overflow-wrap:anywhere; }
body.single-post.scbl-blog-layout .scbl-entry-content p { margin:0 0 1.15em; line-height:1.78; }
body.single-post.scbl-blog-layout .scbl-entry-content h2 { margin:1.65em 0 .55em; color:#0c4568; font-size:clamp(24px,2.2vw,31px) !important; line-height:1.25; font-weight:750; letter-spacing:-.02em; }
body.single-post.scbl-blog-layout .scbl-entry-content h3 { margin:1.35em 0 .45em; color:#0c4568; font-size:clamp(20px,1.7vw,24px) !important; line-height:1.35; font-weight:700; }
body.single-post.scbl-blog-layout .scbl-entry-content h4 { margin:1.2em 0 .4em; color:#0c4568; font-size:18px; line-height:1.4; font-weight:700; }
body.single-post.scbl-blog-layout .scbl-entry-content a { text-underline-offset:.18em; }
body.single-post.scbl-blog-layout .scbl-entry-content a:not(.button):not(.btn):not(.wp-block-button__link):not(.elementor-button):not(.scbl-cta-button) { color:#1475b8; text-decoration-thickness:1px; }
body.single-post.scbl-blog-layout .scbl-entry-content a:not(.button):not(.btn):not(.wp-block-button__link):not(.elementor-button):hover { color:#0c4568; }
body.single-post.scbl-blog-layout .scbl-entry-content ul, body.single-post.scbl-blog-layout .scbl-entry-content ol { margin:.65em 0 1.3em; padding-inline-start:1.55em; }
body.single-post.scbl-blog-layout .scbl-entry-content li { margin:.35em 0; padding-inline-start:.15em; }
body.single-post.scbl-blog-layout .scbl-entry-content img { max-width:100%; height:auto; border-radius:8px; }
body.single-post.scbl-blog-layout .scbl-entry-content figure { max-width:100%; margin:1.5em 0; }
body.single-post.scbl-blog-layout .scbl-entry-content figcaption { margin-top:.5em; color:#617484; font-size:.9rem; line-height:1.5; }
body.single-post.scbl-blog-layout .scbl-entry-content blockquote { margin:1.5em 0; padding:1em 1.25em; border-left:4px solid #1475b8; border-radius:0 8px 8px 0; background:#edf6fc; color:#0c4568; }
body.single-post.scbl-blog-layout .scbl-entry-content table { width:100%; border-collapse:collapse; margin:1.4em 0; font-size:.96em; }
body.single-post.scbl-blog-layout .scbl-entry-content th { background:#0c4568; color:#fff; text-align:left; }
body.single-post.scbl-blog-layout .scbl-entry-content th, body.single-post.scbl-blog-layout .scbl-entry-content td { padding:.7em .8em; border:1px solid #dce8ef; }
body.single-post.scbl-blog-layout .scbl-featured-placeholder { display:flex; min-height:240px; margin:0 0 28px; padding:2rem; flex-direction:column; align-items:center; justify-content:center; gap:.45rem; text-align:center; border:1px dashed #9cc7e4; border-radius:10px; background:linear-gradient(135deg,#e8f5ff,#d7ebfa); color:#0c4568; box-sizing:border-box; }
body.single-post.scbl-blog-layout .scbl-placeholder-icon { font-size:3rem; line-height:1; color:#5f9ac2; }
body.single-post.scbl-blog-layout .scbl-placeholder-title { font-weight:700; font-size:1.05rem; }
body.single-post.scbl-blog-layout .scbl-placeholder-note { color:#4d6d82; font-size:.9rem; }
body.single-post.scbl-blog-layout .scbl-post-tags { display:flex; flex-wrap:wrap; align-items:center; gap:.35rem; margin:2rem 0 0; padding-top:1rem; border-top:1px solid #dce8ef; color:#617484; font-size:14px; line-height:1.8; }
body.single-post.scbl-blog-layout .scbl-tags-label { margin-right:.25rem; }
body.single-post.scbl-blog-layout .scbl-post-tags a { display:inline-block; margin:.15rem .25rem .15rem 0; padding:.2rem .7rem; border:1px solid #d5e6f1; border-radius:999px; background:#edf6fc; color:#0c4568 !important; text-decoration:none; font-size:13px; line-height:1.6; }
body.single-post.scbl-blog-layout .scbl-post-tags a:hover { background:#0c4568; border-color:#0c4568; color:#fff !important; }
body.single-post.scbl-blog-layout .scbl-consult-cta { width:100%; margin:0; padding:clamp(48px,6vw,88px) 24px; background-color:#0c4568; background-image:linear-gradient(120deg,#0c4568,#183e56); background-size:cover; background-position:center; color:#fff; text-align:center; box-sizing:border-box; }
body.single-post.scbl-blog-layout .scbl-consult-cta__inner { max-width:1050px; margin:0 auto; }
body.single-post.scbl-blog-layout .scbl-consult-cta h2 { margin:0 0 1.1rem; color:#fff; font-size:clamp(30px,3.4vw,44px); line-height:1.2; font-weight:750; }
body.single-post.scbl-blog-layout .scbl-consult-cta p { max-width:1000px; margin:0 auto 1.6rem; color:#fff; font-size:16px; line-height:1.65; }
body.single-post.scbl-blog-layout .scbl-consult-cta__buttons { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:1rem; }
body.single-post.scbl-blog-layout .scbl-cta-button { display:inline-flex; align-items:center; justify-content:center; gap:.7rem; min-height:48px; padding:.85rem 1.35rem; border:1px solid transparent; border-radius:3px; color:#fff !important; text-decoration:none !important; font-size:15px; font-weight:700; line-height:1.25; transition:background-color .2s ease,border-color .2s ease,color .2s ease; }
body.single-post.scbl-blog-layout .scbl-cta-button--secondary { background:#0c4568; border-color:#fff; }
body.single-post.scbl-blog-layout .scbl-cta-button--secondary:hover { background:#b49b62; border-color:#b49b62; color:#fff !important; }
body.single-post.scbl-blog-layout .scbl-cta-button--primary { background:#b49b62; border-color:#b49b62; }
body.single-post.scbl-blog-layout .scbl-cta-button--primary:hover { background:#0c4568; border-color:#fff; color:#fff !important; }
body.single-post.scbl-blog-layout .scbl-cta-button:focus-visible { outline:3px solid #fff; outline-offset:3px; }
@media (max-width:767px) {
 body.single-post.scbl-blog-layout .scbl-article-shell { padding:18px 18px 30px; }
 body.single-post.scbl-blog-layout .scbl-article-title { font-size:30px; }
 body.single-post.scbl-blog-layout .scbl-entry-content { font-size:16px; line-height:1.72; }
 body.single-post.scbl-blog-layout .scbl-entry-content p { line-height:1.72; }
 body.single-post.scbl-blog-layout .scbl-entry-content h2 { margin-top:1.45em; }
 body.single-post.scbl-blog-layout .scbl-featured-placeholder { min-height:170px; padding:1.25rem; }
 body.single-post.scbl-blog-layout .scbl-entry-content table { display:block; overflow-x:auto; }
 body.single-post.scbl-blog-layout .scbl-consult-cta { padding:42px 18px; }
 body.single-post.scbl-blog-layout .scbl-consult-cta__buttons { flex-direction:column; }
 body.single-post.scbl-blog-layout .scbl-cta-button { width:100%; max-width:360px; box-sizing:border-box; }
}
