/*
 * PromotionChoice Smart Blog Design v18.11
 * Static stylesheet extracted from the working console formatter.
 * Load this CSS on blog article pages before the JS file.
 */

:root{--pc18-o:#ff6a13;--pc18-g:#9ebe3d;--pc18-d:#173d2b;--pc18-t:#3d4a42;--pc18-b:#dfe6dc;--pc18-s:#f5f8eb;--pc18-os:#fff3ea;--pc18-sh:0 7px 22px rgba(28,55,38,.055)}

body.pc-blog-smart-18 .blog_list_wrap{background:#f7f9f6!important;padding-top:34px!important;padding-bottom:70px!important}
body.pc-blog-smart-18 .article_wrap{background:transparent!important}
body.pc-blog-smart-18 .news_content{color:var(--pc18-t)!important;font-size:17px!important;line-height:1.68!important;padding-top:22px!important}
body.pc-blog-smart-18 .news_content p{margin:0 0 13px!important;font-size:inherit!important;line-height:inherit!important}
body.pc-blog-smart-18 .news_content strong{color:#293c31;font-weight:750!important}

body.pc-blog-smart-18 .article_wrap>div.border-bottom{
padding:25px 28px 20px!important;
background:#fff;
border:1px solid var(--pc18-b)!important;
border-radius:16px!important;
box-shadow:var(--pc18-sh);
position:relative;
overflow:hidden
}

body.pc-blog-smart-18 .article_wrap>div.border-bottom:before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:4px;
background:linear-gradient(90deg,var(--pc18-o),var(--pc18-g))
}

body.pc-blog-smart-18 .article_wrap h1{
color:var(--pc18-d)!important;
font-weight:800!important;
line-height:1.14!important;
letter-spacing:-.03em!important
}

.pc18-key{
padding:17px 19px!important;
background:linear-gradient(110deg,rgba(158,190,61,.14),rgba(255,106,19,.04))!important;
border:1px solid rgba(158,190,61,.35)!important;
border-left:5px solid var(--pc18-g)!important;
border-radius:12px!important
}

.pc18-key:before{
content:"KEY TAKEAWAY";
display:block;
margin-bottom:6px;
color:#66821d;
font-size:9px;
font-weight:900;
letter-spacing:.13em
}

.pc18-toc{
margin:22px 0 26px;
background:#fff;
border:1px solid var(--pc18-b);
border-radius:16px;
box-shadow:var(--pc18-sh);
overflow:hidden
}

.pc18-toc-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:13px 16px;
background:linear-gradient(110deg,#f6f9ed,#fff 75%);
border-top:4px solid var(--pc18-o)
}

.pc18-toc-title-wrap{
display:flex;
align-items:center;
gap:10px;
min-width:0
}

.pc18-toc-title-text{
min-width:0
}

.pc18-toc-title-text>span{
display:block;
color:var(--pc18-o);
font-size:8px;
font-weight:900;
letter-spacing:.13em
}

.pc18-toc-title-text>strong{
display:block;
color:var(--pc18-d);
font-size:19px
}

.pc18-toc-menu-icon{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:3px!important;
flex:0 0 auto!important;
width:20px!important;
height:20px!important
}

.pc18-toc-menu-icon>i{
display:block!important;
width:17px!important;
height:2px!important;
margin:0!important;
padding:0!important;
background:currentColor!important;
border:0!important;
border-radius:999px!important;
opacity:1!important
}

.pc18-toc-toggle{
display:flex!important;
align-items:center!important;
justify-content:center!important;
flex:0 0 36px!important;
width:36px!important;
height:36px!important;
min-width:36px!important;
min-height:36px!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:10px!important;
background:linear-gradient(135deg,var(--pc18-g),#7da227)!important;
color:#fff!important;
box-shadow:0 4px 10px rgba(126,162,39,.18)!important;
cursor:pointer!important;
transition:transform .15s ease,box-shadow .15s ease!important
}

.pc18-toc-toggle:hover{
transform:translateY(-1px);
box-shadow:0 6px 14px rgba(126,162,39,.24)!important
}

.pc18-toc-toggle:focus-visible{
outline:3px solid rgba(158,190,61,.28)!important;
outline-offset:3px!important
}

.pc18-toc-toggle .pc18-toc-menu-icon{
width:20px!important;
height:20px!important
}

.pc18-toc-toggle-closed{
background:linear-gradient(135deg,var(--pc18-g),#7da227)!important
}

.pc18-toc ol{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
margin:0!important;
padding:12px!important;
list-style:none!important
}

.pc18-toc li{
margin:0!important;
padding:0!important
}

.pc18-toc a{
display:flex;
align-items:center;
gap:8px;
min-height:48px;
padding:8px 10px;
background:#fff;
border:1px solid #e1e7dd;
border-radius:9px;
color:var(--pc18-d)!important;
text-decoration:none!important;
font-size:12.5px!important;
line-height:1.3
}

.pc18-toc a>span{
display:grid;
place-items:center;
flex:0 0 25px;
height:25px;
background:var(--pc18-s);
border-radius:7px;
color:#66821d;
font-size:8.5px;
font-weight:900
}

.pc18-toc a>b{
flex:1;
font-weight:700
}

.pc18-toc a>i{
color:var(--pc18-o);
font-style:normal;
font-size:15px
}

.pc18-section{
position:relative;
margin:18px 0!important;
padding:23px 24px!important;
background:#fff!important;
border:1px solid var(--pc18-b)!important;
border-radius:15px!important;
box-shadow:var(--pc18-sh)!important;
overflow:hidden
}

.pc18-section[data-layout="standard"]{
background:#fff!important
}

.pc18-section>h2{
position:relative;
margin:0 0 16px!important;
padding:0 0 11px!important;
color:var(--pc18-d)!important;
border-bottom:1px solid #edf0ea!important;
font-size:clamp(1.35rem,2vw,1.72rem)!important;
line-height:1.25!important;
font-weight:800!important;
letter-spacing:-.02em!important;
scroll-margin-top:125px
}

.pc18-section>h2:after{
content:"";
position:absolute;
left:0;
bottom:-1px;
width:58px;
height:3px;
background:linear-gradient(90deg,var(--pc18-o),var(--pc18-g));
border-radius:20px
}

.pc18-section>h2:before{
display:block;
margin-bottom:6px;
color:#66821d;
font-size:8.5px;
line-height:1;
font-weight:900;
letter-spacing:.13em
}

.pc18-section[data-layout="group-grid"]>h2:before,
.pc18-section[data-layout="factor-list"]>h2:before{
content:"KEY FACTORS"
}

.pc18-section[data-layout="pair-grid"]>h2:before{
content:"SIDE-BY-SIDE"
}

.pc18-section[data-layout="split-callout"]>h2:before{
content:"COMPARISON GUIDE"
}

.pc18-section[data-layout="formula-grid"]>h2:before{
content:"PLANNING GUIDE"
}

.pc18-section[data-layout="scenario"]>h2:before{
content:"SCENARIO BREAKDOWN"
}

.pc18-section[data-layout="warning"]>h2:before{
content:"WATCH OUT FOR";
color:var(--pc18-o)
}

.pc18-section[data-layout="faq"]>h2:before{
content:"HELP CENTER"
}

.pc18-section[data-layout="recommendation"]>h2:before{
content:"BEST FIT"
}

.pc18-section[data-layout="table"]>h2:before{
content:"QUICK COMPARISON"
}

.pc18-section[data-layout="related"]>h2:before{
content:"OTHER OPTIONS";
color:var(--pc18-o)
}

.pc18-section[data-layout="conclusion"]>h2:before{
content:"FINAL RECOMMENDATION"
}

.pc18-section h3,
.pc18-section h4{
color:#315b40!important;
font-weight:780!important;
line-height:1.32!important
}

.pc18-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:11px;
margin-top:7px
}

.pc18-card{
min-width:0;
padding:15px 16px;
background:#fff;
border:1px solid #dfe6db;
border-radius:11px;
box-shadow:0 3px 12px rgba(29,55,37,.035)
}

.pc18-card>h3,
.pc18-card>h4{
margin:0 0 8px!important;
padding-bottom:8px;
border-bottom:1px solid #edf0e9;
color:var(--pc18-d)!important;
font-size:1.03rem!important
}

.pc18-factor-grid .pc18-card{
border-top:3px solid var(--pc18-g)
}

.pc18-factor-grid .pc18-card:nth-child(even){
border-top-color:var(--pc18-o)
}

.pc18-factor-grid .pc18-card:last-child:nth-child(odd){
grid-column:1/-1
}

.pc18-pair-grid .pc18-card:first-child{
border-top:3px solid var(--pc18-g)
}

.pc18-pair-grid .pc18-card:nth-child(2){
border-top:3px solid var(--pc18-o)
}

.pc18-shared-rule{
margin-top:11px;
padding:15px 16px;
background:linear-gradient(110deg,#f5f8eb,#fff);
border:1px solid #dce6cf;
border-left:4px solid var(--pc18-g);
border-radius:10px
}

.pc18-shared-rule h3,
.pc18-shared-rule h4{
margin:0 0 8px!important;
color:var(--pc18-d)!important
}

.pc18-checklist{
margin:8px 0!important;
padding:0!important;
list-style:none!important
}

.pc18-checklist>li{
display:grid!important;
grid-template-columns:19px minmax(0,1fr);
align-items:start;
column-gap:8px;
margin:6px 0!important;
padding:0!important
}

.pc18-mark{
display:grid;
place-items:center;
width:18px;
height:18px;
margin-top:3px;
background:var(--pc18-g);
color:#fff;
border-radius:50%;
font-size:9px;
font-weight:900;
line-height:1
}

.pc18-li-body{
min-width:0;
line-height:1.5
}

.pc18-factor-list{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:9px;
margin:10px 0!important;
padding:0!important
}

.pc18-factor-list>li{
margin:0!important;
padding:12px!important;
background:#fff;
border:1px solid #dfe6dc;
border-radius:9px
}

.pc18-factor-list>li strong{
color:var(--pc18-d)!important
}

.pc18-formula-grid{
grid-template-columns:repeat(3,minmax(0,1fr))
}

.pc18-formula{
padding:9px 10px!important;
background:var(--pc18-s)!important;
border-left:3px solid var(--pc18-g);
border-radius:7px;
color:var(--pc18-d)!important;
font-size:14px!important
}

.pc18-scenario-grid .pc18-card{
border-top:3px solid var(--pc18-g)
}

.pc18-scenario-card{
display:flex;
flex-direction:column
}

.pc18-scenario-grid .pc18-card:nth-child(even){
border-top-color:var(--pc18-o)
}

.pc18-winner{
display:flex!important;
align-items:center;
gap:9px;
flex-wrap:wrap;
margin:2px 0 12px!important;
padding:0!important;
background:transparent!important;
border:0!important
}

.pc18-winner-tag{
display:inline-flex;
align-items:center;
justify-content:center;
padding:5px 10px!important;
background:var(--pc18-o)!important;
color:#fff!important;
border-radius:999px!important;
box-shadow:0 5px 14px rgba(255,106,19,.18)!important;
font-size:9px!important;
font-weight:900!important;
letter-spacing:.11em!important;
line-height:1.05!important
}

.pc18-winner-name{
display:inline-block;
padding:6px 12px!important;
background:#fff4ea!important;
border:1px solid #ffd9c1!important;
border-radius:999px!important;
color:var(--pc18-d)!important;
font-size:15px!important;
font-weight:800!important;
line-height:1.22!important
}

.pc18-section[data-layout="warning"]{
background:#fff!important;
border-top:4px solid var(--pc18-o)!important
}

.pc18-warning-grid{
display:block
}

.pc18-warning-card{
padding:0 0 12px!important;
background:transparent!important;
border:0!important
}

.pc18-warning-card+.pc18-warning-card{
margin-top:8px!important
}

.pc18-warning-card>h3,
.pc18-warning-card>h4{
display:flex!important;
align-items:center!important;
gap:9px;
margin:0 0 9px!important;
padding:9px 11px!important;
background:var(--pc18-os)!important;
border:1px solid rgba(255,106,19,.18)!important;
border-left:3px solid var(--pc18-o)!important;
border-radius:8px!important;
color:var(--pc18-d)!important
}

.pc18-warning-card>p,
.pc18-warning-card>ul,
.pc18-warning-card>ol{
margin-left:0!important
}

.pc18-num-badge{
display:grid;
place-items:center;
flex:0 0 26px;
width:26px;
height:26px;
background:var(--pc18-g);
color:#fff;
border-radius:50%;
font-size:9px;
font-weight:900;
line-height:1
}

.pc18-warning-list{
counter-reset:pc18Warn;
display:block;
margin:8px 0!important;
padding:0!important;
list-style:none!important
}

.pc18-warning-list>li{
counter-increment:pc18Warn;
display:grid;
grid-template-columns:27px minmax(0,1fr);
align-items:start;
gap:9px;
margin:7px 0!important;
padding:10px 12px!important;
background:var(--pc18-os);
border:1px solid #f4dfd1;
border-left:3px solid var(--pc18-o);
border-radius:8px
}

.pc18-warning-list>li>.pc18-num-badge{
width:25px;
height:25px
}

.pc18-section[data-layout="faq"]{
background:linear-gradient(180deg,#f7f9f2,#fff 220px)!important
}

.pc18-faq-list{
display:block
}

.pc18-faq-item{
margin:0 0 12px!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
overflow:visible!important
}

.pc18-faq-qrow{
display:flex!important;
align-items:center!important;
gap:9px;
padding:10px 13px!important;
background:#f3f7e9!important;
border:1px solid #dfe7d3!important;
border-radius:8px!important
}

.pc18-faq-badge{
display:grid;
place-items:center;
flex:0 0 24px;
width:24px;
height:24px;
background:var(--pc18-g);
color:#fff;
border-radius:50%;
font-size:9px;
font-weight:900;
line-height:1
}

.pc18-faq-qrow h3,
.pc18-faq-qrow h4{
flex:1;
margin:0!important;
padding:0!important;
color:var(--pc18-d)!important;
font-size:1.03rem!important;
font-weight:800!important
}

.pc18-faq-answer{
margin:0 0 5px 19px!important;
padding:7px 13px 5px 14px!important;
border:0!important;
border-left:2px solid rgba(158,190,61,.30)!important;
background:transparent!important
}

.pc18-faq-answer>p:last-child{
margin-bottom:0!important
}

.pc18-section[data-layout="recommendation"]{
background:linear-gradient(180deg,rgba(158,190,61,.075),#fff 150px)!important;
border-top:3px solid var(--pc18-g)!important
}

/*
Final Thoughts / Conclusion design.
V18.10 now applies this to "Find the Right..." final sections too.
*/
.pc18-section[data-layout="conclusion"]{
margin:20px 0!important;
background:linear-gradient(120deg,#eef6d8 0%,#f7fbe9 44%,#fff0e4 100%)!important;
border:1px solid rgba(158,190,61,.58)!important;
border-left:5px solid var(--pc18-g)!important;
box-shadow:0 10px 26px rgba(42,71,47,.075)!important
}

.pc18-link-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
margin:10px 0!important;
padding:0!important;
list-style:none!important
}

.pc18-link-grid>li{
margin:0!important;
padding:10px 11px!important;
background:#fff;
border:1px solid #e5dfd8;
border-radius:8px
}

.pc18-table-wrap{
width:100%;
overflow-x:auto;
margin:15px 0 18px;
background:#fff;
border:1px solid #dce4d9;
border-radius:11px;
box-shadow:0 4px 14px rgba(30,50,38,.04)
}

.pc18-table{
width:100%!important;
min-width:620px!important;
margin:0!important;
border:0!important;
border-collapse:separate!important;
border-spacing:0!important;
table-layout:auto!important
}

.pc18-table thead th{
padding:10px 11px!important;
background:#17472f!important;
color:#fff!important;
border:0!important;
border-right:1px solid rgba(255,255,255,.18)!important;
font-size:15px!important;
line-height:1.3!important;
font-weight:850!important;
text-align:center!important;
vertical-align:middle!important
}

.pc18-table thead th *{
margin:0!important;
padding:0!important;
background:transparent!important;
color:#fff!important;
text-align:center!important
}

.pc18-table tbody td{
padding:8px 11px!important;
background:#fff!important;
color:#334038!important;
border:0!important;
border-right:1px solid #e0e6dd!important;
border-bottom:1px solid #e0e6dd!important;
font-size:14.5px!important;
line-height:1.4!important;
text-align:left!important;
vertical-align:middle!important
}

.pc18-table tbody tr:nth-child(even) td{
background:#fbfcfa!important
}

.pc18-table tbody td:first-child{
color:var(--pc18-d)!important;
font-weight:750!important
}

.pc18-table p{
margin:0!important;
padding:0!important;
font-size:inherit!important;
line-height:inherit!important
}

.pc18-cta{
text-align:center!important;
margin:18px 0!important
}

.pc18-button{
margin:0!important;
padding:10px 20px!important;
background:linear-gradient(105deg,var(--pc18-o),#ff8728)!important;
background-image:linear-gradient(105deg,var(--pc18-o),#ff8728)!important;
color:#fff!important;
border:0!important;
border-radius:999px!important;
box-shadow:0 7px 18px rgba(255,106,19,.2)!important;
font-size:12.5px!important;
font-weight:850!important
}

.pc18-media-host{
width:100%!important;
max-width:100%!important;
text-align:center!important;
float:none!important;
clear:both!important
}

.pc18-media-host-only{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important
}

.pc18-media-host-only>.pc18-media-center{
align-self:center!important
}

.pc18-media-center{
display:flex!important;
align-items:center!important;
justify-content:center!important;
box-sizing:border-box!important;
width:100%!important;
max-width:100%!important;
margin:15px auto!important;
padding:14px!important;
background:#fff!important;
border:1px solid #e2e7df!important;
border-radius:10px!important;
overflow:hidden!important;
text-align:center!important;
float:none!important;
clear:both!important
}

.pc18-media-center>.pc18-image-link{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:auto!important;
max-width:100%!important;
margin:0 auto!important;
float:none!important
}

.pc18-content-image{
display:block!important;
width:auto!important;
height:auto!important;
max-width:100%!important;
max-height:440px!important;
object-fit:contain!important;
float:none!important;
clear:both!important;
margin:0 auto!important;
position:static!important;
transform:none!important
}

.pc18-centered-media-parent{
display:block!important;
width:100%!important;
margin-left:auto!important;
margin-right:auto!important;
text-align:center!important;
float:none!important
}

.pc18-media-product{
width:min(100%,520px)!important;
margin:16px auto!important;
padding:18px!important;
background:linear-gradient(135deg,#fbfcf9,#fff)!important
}

.pc18-product-image{
width:auto!important;
height:auto!important;
max-width:min(100%,280px)!important;
max-height:260px!important;
object-fit:contain!important;
margin:0 auto!important
}

.pc18-scenario-card .pc18-media-center{
margin:14px auto 2px!important
}

.pc18-scenario-card .pc18-media-product{
width:min(100%,300px)!important;
padding:14px!important;
border-color:#e7e2da!important;
box-shadow:0 3px 12px rgba(29,55,37,.04)!important
}

.pc18-scenario-card .pc18-product-image{
max-width:min(100%,240px)!important;
max-height:220px!important
}

.pc18-wide-image{
max-width:100%!important;
max-height:460px!important
}

.pc18-regular-image{
max-width:min(100%,620px)!important;
max-height:420px!important
}

.pc18-tall-image{
max-width:min(100%,360px)!important;
max-height:400px!important
}

body.pc-blog-smart-18 .news_content a{
color:#df5708!important;
text-decoration-color:rgba(255,106,19,.28)!important;
text-underline-offset:3px
}

.pc18-reading-time{
display:inline-flex!important;
align-items:center!important;
margin-left:8px!important;
padding:5px 10px!important;
background:var(--pc18-s)!important;
color:#66821d!important;
border:1px solid rgba(158,190,61,.25)!important;
border-radius:999px!important;
font-size:11px!important;
line-height:1!important;
font-weight:800!important;
vertical-align:middle!important;
white-space:nowrap!important
}

#pc18-progress{
position:fixed;
top:0;
left:0;
z-index:9999999;
width:100%;
height:4px;
pointer-events:none;
background:transparent
}

#pc18-progress span{
display:block;
width:0;
height:100%;
background:linear-gradient(90deg,var(--pc18-o),var(--pc18-g));
box-shadow:0 0 8px rgba(255,106,19,.16);
transition:width .08s linear
}

#pc18-back-top{
position:fixed;
right:22px;
bottom:22px;
z-index:9999;
display:grid;
place-items:center;
width:42px;
height:42px;
margin:0;
padding:0;
background:var(--pc18-d);
color:#fff;
border:0;
border-radius:50%;
box-shadow:0 8px 22px rgba(23,61,43,.22);
font-size:18px;
line-height:1;
opacity:0;
visibility:hidden;
transform:translateY(8px);
cursor:pointer;
transition:opacity .2s ease,visibility .2s ease,transform .2s ease,background .2s ease
}

#pc18-back-top:hover{
background:#20543b
}

#pc18-back-top.visible{
opacity:1;
visibility:visible;
transform:translateY(0)
}

@media(max-width:1199px){
.pc18-toc ol{
grid-template-columns:repeat(2,minmax(0,1fr))
}

.pc18-formula-grid{
grid-template-columns:repeat(2,minmax(0,1fr))
}
}

@media(max-width:767px){
body.pc-blog-smart-18 .news_content{
font-size:16px!important
}

.pc18-section{
padding:18px 15px!important
}

.pc18-grid,
.pc18-formula-grid,
.pc18-link-grid,
.pc18-toc ol{
grid-template-columns:1fr!important
}

.pc18-faq-answer{
padding-left:14px
}

.pc18-table tbody td{
font-size:14px!important
}

.pc18-product-image{
max-width:min(100%,230px)!important;
max-height:220px!important
}

.pc18-regular-image{
max-width:100%!important;
max-height:360px!important
}

.pc18-tall-image{
max-width:min(100%,300px)!important;
max-height:340px!important
}
}