/* Denticor DE shared blog/article presentation */
:root{
  --blog-font:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --blog-brand:#244651;
  --blog-brand-light:#3A6B7C;
  --blog-text:#1E2328;
  --blog-text-s:#4B5563;
  --blog-text-m:#6B7280;
  --blog-bg:#FAF8F5;
  --blog-bg-alt:#F2EFEA;
  --blog-card:#fff;
  --blog-border:#D4D0C8;
  --blog-border-light:#E2DED6;
  --blog-green:#2D6E4C;
  --blog-green-bg:#EDF6F1;
  --blog-danger:#A13F3F;
  --blog-danger-bg:#F7EAEA;
  --blog-gold:#8B7335;
  --blog-gold-bg:#FAF5E8;
  --blog-radius:18px;
  --blog-radius-lg:24px;
  --blog-max:1240px;
  --blog-text-max:800px;
}

html{background:#fff}
body{
  font-family:var(--blog-font);
  color:var(--blog-text-s);
  background:linear-gradient(180deg,#FAF8F5 0%,#F7F4EF 44%,#F0EDE7 100%);
  font-size:18px;
  line-height:1.76;
  -webkit-font-smoothing:antialiased;
}

body.blog-polished main#main,
body.blog-polished article#main,
body.blog-polished main,
body.blog-polished article{
  color:var(--blog-text-s);
}

body.blog-polished main#main{
  background:linear-gradient(180deg,#FAF8F5 0%,#F6F2EC 52%,#F0EDE7 100%);
}

body.blog-polished .wrap,
body.blog-polished .wt{
  max-width:var(--blog-max);
  margin-left:auto;
  margin-right:auto;
  padding-left:clamp(18px,4vw,40px);
  padding-right:clamp(18px,4vw,40px);
}

body.blog-polished main#main > .hero,
body.blog-polished main#main > .hero-gradient,
body.blog-polished .article-hero{
  padding:clamp(3rem,8vw,6rem) 0 clamp(2rem,5vw,3.75rem);
  text-align:center;
  background:
    radial-gradient(circle at 18% 18%,rgba(168,202,221,.32),transparent 30%),
    radial-gradient(circle at 82% 12%,rgba(212,168,67,.18),transparent 28%),
    linear-gradient(160deg,#FAF8F5 0%,#EBE4D9 42%,#D9E8ED 100%)!important;
  border-bottom:1px solid rgba(212,208,200,.72);
}

body.blog-polished main#main > .hero .wrap,
body.blog-polished main#main > .hero-gradient .wrap,
body.blog-polished .article-hero .wrap{
  max-width:900px;
}

body.blog-polished main#main > .hero h1,
body.blog-polished main#main > .hero-gradient h1,
body.blog-polished article#main > h1,
body.blog-polished .article-hero h1{
  max-width:920px;
  margin-left:auto;
  margin-right:auto;
  color:var(--blog-text);
  font-size:clamp(2rem,4.8vw,3.35rem)!important;
  line-height:1.08!important;
  letter-spacing:0!important;
  font-weight:850!important;
}

body.blog-polished main#main > .hero p,
body.blog-polished main#main > .hero-gradient p,
body.blog-polished .article-hero p,
body.blog-polished .page-title-lead,
body.blog-polished p.lead,
body.blog-polished .lead{
  max-width:760px;
  margin-left:auto!important;
  margin-right:auto!important;
  color:var(--blog-text)!important;
  font-size:clamp(1.06rem,2vw,1.24rem)!important;
  line-height:1.75!important;
}

body.blog-polished article#main{
  max-width:980px;
  margin:clamp(2rem,5vw,4rem) auto;
  padding:0 clamp(18px,4vw,34px);
}

body.blog-polished article#main > .bc,
body.blog-polished article#main > .meta{
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
  color:var(--blog-text-m);
  font-size:14px;
}

body.blog-polished main#main > section:not(.hero):not(.hero-gradient){
  padding:clamp(2.75rem,6vw,5.25rem) 0!important;
}

body.blog-polished main#main > section.sec,
body.blog-polished main#main > section.content{
  padding:clamp(2.75rem,6vw,5.25rem) 0!important;
}

body.blog-polished main#main > .hero + section.sec,
body.blog-polished main#main > .hero-gradient + section.sec{
  padding-top:clamp(3.5rem,7vw,6rem)!important;
}

body.blog-polished main#main > section:not(.hero):not(.hero-gradient) > .wrap,
body.blog-polished main#main > section.content > .wrap,
body.blog-polished main#main > section.sec > .wrap{
  max-width:860px;
}

body.blog-polished main#main > section:nth-of-type(odd):not(.hero):not(.hero-gradient){
  background:rgba(255,255,255,.28)!important;
}

body.blog-polished main#main > section[style*="background:var(--bg-alt)"],
body.blog-polished main#main > section.section-alt{
  background:linear-gradient(180deg,#F4F0EA 0%,#EEE9E2 100%)!important;
  border-top:1px solid rgba(212,208,200,.62);
  border-bottom:1px solid rgba(212,208,200,.62);
}

body.blog-polished article#main p,
body.blog-polished main#main .content p,
body.blog-polished main#main .sec p,
body.blog-polished main#main section > .wrap > p,
body.blog-polished .article-body p{
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
  font-size:clamp(1rem,1.6vw,1.08rem);
  line-height:1.86;
  margin-top:0;
  margin-bottom:1.18rem;
}

body.blog-polished article#main h2,
body.blog-polished main#main .content h2,
body.blog-polished main#main .sec h2,
body.blog-polished main#main section > .wrap > h2,
body.blog-polished .article-body h2{
  max-width:820px;
  margin-left:auto!important;
  margin-right:auto!important;
  color:var(--blog-text);
  font-size:clamp(1.45rem,3vw,2.08rem)!important;
  line-height:1.18!important;
  letter-spacing:0!important;
  font-weight:850!important;
  margin:clamp(2.6rem,5vw,4rem) 0 1rem!important;
}

body.blog-polished article#main h3,
body.blog-polished main#main .content h3,
body.blog-polished main#main .sec h3,
body.blog-polished main#main section > .wrap > h3,
body.blog-polished .article-body h3{
  max-width:820px;
  margin-left:auto!important;
  margin-right:auto!important;
  color:var(--blog-text);
  font-size:clamp(1.15rem,2.1vw,1.45rem)!important;
  line-height:1.28!important;
  letter-spacing:0;
  font-weight:800!important;
  margin:2rem 0 .75rem!important;
}

body.blog-polished article#main ul,
body.blog-polished article#main ol,
body.blog-polished main#main .content ul,
body.blog-polished main#main .content ol,
body.blog-polished main#main .sec ul,
body.blog-polished main#main .sec ol{
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
  margin:0 0 1.5rem;
  padding-left:1.35rem;
}

body.blog-polished article#main li,
body.blog-polished main#main .content li,
body.blog-polished main#main .sec li{
  margin:.55rem 0;
  line-height:1.76;
}

body.blog-polished article#main a,
body.blog-polished main#main a{
  color:var(--blog-brand);
  font-weight:700;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

body.blog-polished article#main img,
body.blog-polished main#main img{
  max-width:100%;
  height:auto;
  border-radius:18px;
}

body.blog-polished article#main > img,
body.blog-polished article#main > picture,
body.blog-polished article#main > figure{
  display:block;
  width:auto!important;
  max-width:min(100%,820px)!important;
  margin:clamp(1.5rem,4vw,2.5rem) auto!important;
}

body.blog-polished article#main > img,
body.blog-polished article#main > picture img,
body.blog-polished article#main > figure img{
  width:auto!important;
  max-width:min(100%,820px)!important;
  max-height:min(58vh,520px)!important;
  object-fit:contain!important;
  background:#fff;
  box-shadow:0 18px 44px -32px rgba(15,61,74,.34);
}

body.blog-polished main#main svg{
  max-width:100%;
  height:auto;
}

body.blog-polished .viz,
body.blog-polished .visual,
body.blog-polished .infographic,
body.blog-polished main#main section > .wrap > svg,
body.blog-polished article#main > svg{
  display:block;
  max-width:100%;
  margin:clamp(1.5rem,4vw,2.75rem) auto;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(212,208,200,.95);
  box-shadow:0 18px 44px -32px rgba(15,61,74,.34);
  overflow:hidden;
}

body.blog-polished .viz-caption,
body.blog-polished .visual-caption,
body.blog-polished figcaption{
  max-width:720px;
  margin:.85rem auto 2rem!important;
  text-align:center;
  color:var(--blog-text-m)!important;
  font-size:.92rem!important;
  line-height:1.58!important;
}

body.blog-polished .content-card,
body.blog-polished .info-box,
body.blog-polished .warn-box,
body.blog-polished .disclaimer,
body.blog-polished .tip,
body.blog-polished .warn,
body.blog-polished .disc{
  border-radius:22px!important;
  padding:clamp(20px,4vw,32px)!important;
  margin:clamp(1.5rem,4vw,2.5rem) 0!important;
  border:1px solid rgba(212,208,200,.95)!important;
  box-shadow:0 18px 42px -30px rgba(15,61,74,.26),0 6px 18px -16px rgba(15,61,74,.14)!important;
}

body.blog-polished .info-box,
body.blog-polished .tip{
  background:linear-gradient(180deg,#fff 0%,#F7FBFC 100%)!important;
  border-color:rgba(36,70,81,.16)!important;
}

body.blog-polished .warn-box,
body.blog-polished .warn,
body.blog-polished .disclaimer,
body.blog-polished .disc{
  background:var(--blog-gold-bg)!important;
  border-color:rgba(139,115,53,.22)!important;
}

body.blog-polished .cta-box{
  max-width:820px;
  margin:clamp(2rem,5vw,3.5rem) auto!important;
  padding:clamp(26px,5vw,46px)!important;
  border-radius:26px!important;
  background:linear-gradient(135deg,#1B4D5C 0%,#0F3D4A 100%)!important;
  color:#E8F2F5!important;
  text-align:center!important;
  border:0!important;
  box-shadow:0 22px 56px -32px rgba(15,61,74,.58)!important;
}

body.blog-polished .cta-box h2,
body.blog-polished .cta-box h3,
body.blog-polished .cta-box p{
  color:inherit!important;
}

body.blog-polished .cta-box a,
body.blog-polished .cta-box .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  margin-top:10px;
  padding:13px 24px;
  border-radius:14px;
  background:#fff!important;
  color:#0F3D4A!important;
  font-weight:850;
  text-decoration:none!important;
}

body.blog-polished blockquote,
body.blog-polished .quote-box,
body.blog-polished .pullquote,
body.blog-polished .qb{
  margin:clamp(1.6rem,4vw,2.7rem) 0!important;
  padding:22px clamp(22px,4vw,34px)!important;
  border-left:5px solid var(--blog-brand)!important;
  border-radius:0 18px 18px 0!important;
  background:rgba(36,70,81,.07)!important;
  color:var(--blog-text)!important;
  font-size:clamp(1.06rem,2vw,1.2rem)!important;
  line-height:1.72!important;
}

body.blog-polished article#main table,
body.blog-polished main#main table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  margin:1.75rem 0 2.25rem!important;
  overflow:hidden;
  border:1px solid var(--blog-border-light)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 12px 34px -28px rgba(15,61,74,.24)!important;
}

body.blog-polished article#main th,
body.blog-polished article#main td,
body.blog-polished main#main th,
body.blog-polished main#main td{
  padding:14px 16px!important;
  border-bottom:1px solid var(--blog-border-light)!important;
  vertical-align:top!important;
  line-height:1.62!important;
}

body.blog-polished article#main th,
body.blog-polished main#main th{
  background:#EEF1F4!important;
  color:var(--blog-text)!important;
  font-size:13px!important;
  text-transform:none!important;
}

body.blog-polished article#main tr:last-child td,
body.blog-polished main#main tr:last-child td{
  border-bottom:0!important;
}

body.blog-polished .bc,
body.blog-polished .breadcrumb{
  max-width:var(--blog-max);
  margin:22px auto 0;
  padding:0 clamp(18px,4vw,40px);
  color:var(--blog-text-m);
  font-size:13px;
}

body.blog-polished article#main .bc{
  padding:0;
  margin:0 0 1.25rem;
}

body.blog-polished .meta,
body.blog-polished .article-meta{
  color:var(--blog-text-m);
  font-size:14px;
  line-height:1.5;
}

body.blog-polished article#main > h1{
  max-width:920px;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-bottom:1rem!important;
}

body.blog-polished article#main > p:first-of-type{
  color:var(--blog-text)!important;
  font-size:clamp(1.08rem,2vw,1.24rem)!important;
  line-height:1.78!important;
  font-weight:650!important;
  margin-top:1.25rem!important;
  margin-bottom:1.5rem!important;
}

body.blog-polished article#main > p[style*="padding"],
body.blog-polished article#main > div[style*="padding"],
body.blog-polished main#main .sec p[style*="padding"],
body.blog-polished main#main section > .wrap > p[style*="padding"]{
  max-width:820px!important;
  margin:clamp(1.4rem,4vw,2.2rem) auto!important;
  padding:clamp(18px,3vw,26px)!important;
  background:linear-gradient(180deg,#fff 0%,#F8FBFC 100%)!important;
  border:1px solid rgba(36,70,81,.14)!important;
  border-left:5px solid var(--blog-brand)!important;
  border-radius:20px!important;
  color:var(--blog-text-s)!important;
  font-size:clamp(.98rem,1.5vw,1.05rem)!important;
  line-height:1.78!important;
  box-shadow:0 18px 42px -32px rgba(15,61,74,.28)!important;
}

body.blog-polished article#main > p[style*="text-transform:uppercase"],
body.blog-polished article#main > p[style*="text-transform: uppercase"]{
  max-width:820px!important;
  margin:2rem auto .45rem!important;
  color:var(--blog-brand)!important;
  font-size:.82rem!important;
  line-height:1.4!important;
  font-weight:850!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
}

body.blog-polished article#main > p[style*="font-style:italic"],
body.blog-polished article#main > p[style*="border-left"]{
  max-width:780px!important;
  margin:clamp(1.8rem,4vw,2.8rem) auto!important;
  padding:18px 22px!important;
  border-left:5px solid var(--blog-brand)!important;
  border-radius:0 18px 18px 0!important;
  background:rgba(36,70,81,.07)!important;
  color:var(--blog-text)!important;
  font-size:clamp(1.05rem,1.8vw,1.18rem)!important;
  line-height:1.72!important;
}

body.blog-polished article#main > p br{
  display:block;
  content:"";
  margin-top:.42rem;
}

body.blog-polished article#main > p strong:first-child,
body.blog-polished main#main section > .wrap > p strong:first-child{
  color:var(--blog-text)!important;
}

body.blog-polished main#main > .hero + .sec,
body.blog-polished main#main > .hero-gradient + .sec{
  border-top:1px solid rgba(212,208,200,.6);
}

body.blog-polished .rel,
body.blog-polished .related,
body.blog-polished .related-articles{
  margin-top:clamp(2.5rem,5vw,4rem)!important;
  padding-top:clamp(1.5rem,4vw,2.5rem)!important;
  border-top:1px solid var(--blog-border-light)!important;
}

body.blog-polished .rc{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  padding:16px 18px!important;
  background:#fff!important;
  border:1px solid var(--blog-border-light)!important;
  border-radius:16px!important;
  margin-bottom:10px!important;
  color:var(--blog-text)!important;
  text-decoration:none!important;
  box-shadow:0 10px 26px -22px rgba(15,61,74,.28);
}

body.blog-polished .rv{
  opacity:1!important;
  transform:none!important;
}

body.blog-polished .reviewed-by-byline{
  line-height:1.6;
}

body.blog-polished .scta{
  box-shadow:0 -10px 30px rgba(15,61,74,.12);
}

@media(max-width:760px){
  body{font-size:16px}
  body.blog-polished article#main{margin:2rem auto;padding:0 18px}
  body.blog-polished main#main > section:not(.hero):not(.hero-gradient){padding:2.5rem 0}
  body.blog-polished main#main > section:not(.hero):not(.hero-gradient) > .wrap,
  body.blog-polished main#main > section.content > .wrap,
  body.blog-polished main#main > section.sec > .wrap{max-width:none}
  body.blog-polished .content-card,
  body.blog-polished .info-box,
  body.blog-polished .warn-box,
  body.blog-polished .disclaimer,
  body.blog-polished .tip,
  body.blog-polished .warn,
  body.blog-polished .disc,
  body.blog-polished .cta-box{border-radius:18px!important;padding:20px 18px!important}
  body.blog-polished blockquote,
  body.blog-polished .quote-box,
  body.blog-polished .pullquote,
  body.blog-polished .qb{padding:18px 20px!important}
  body.blog-polished article#main table,
  body.blog-polished main#main table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}