/* DBM Content Pilot — elements inside the posts. Neutral: colours and fonts come from the theme. */
.cp-box{--cpa:var(--cp-accent,currentColor);margin:1.8em 0;padding:1.1em 1.4em;border-radius:12px;border:1px solid color-mix(in srgb,currentColor 12%,transparent);background:color-mix(in srgb,var(--cpa) 6%,transparent);font-size:.95em;line-height:1.6}
.cp-box>*:first-child{margin-top:0}.cp-box>*:last-child{margin-bottom:0}
.cp-box p{margin:0 0 .5em}
.cp-box ul{margin:.4em 0 0;padding-left:1.2em}
.cp-box li{margin:.25em 0}
.cp-box--summary{border-left:4px solid var(--cpa)}
.cp-box--summary strong:first-child{display:block;font-size:.82em;letter-spacing:.06em;text-transform:uppercase;opacity:.8;margin-bottom:.2em}
.cp-box--tip{position:relative;padding-left:3.4em;border-style:dashed}
.cp-box--tip::before{content:"";position:absolute;left:1.15em;top:1.2em;width:1.3em;height:1.3em;border-radius:50%;background:var(--cpa);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 18h6v1a3 3 0 0 1-6 0v-1Zm3-16a7 7 0 0 0-4 12.7V16h8v-1.3A7 7 0 0 0 12 2Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 18h6v1a3 3 0 0 1-6 0v-1Zm3-16a7 7 0 0 0-4 12.7V16h8v-1.3A7 7 0 0 0 12 2Z'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.9}
.cp-inline-img{margin:2em 0}
.cp-inline-img img{width:100%;height:auto;border-radius:12px;display:block}
.cp-inline-img figcaption{font-size:.8em;opacity:.65;margin-top:.5em;text-align:left}
.cp-table{margin:1.8em 0;overflow-x:auto}
.cp-table table{width:100%;border-collapse:collapse;font-size:.92em}
.cp-table th,.cp-table td{padding:.6em .8em;border-bottom:1px solid color-mix(in srgb,currentColor 14%,transparent);text-align:left;vertical-align:top}
.cp-table thead th{font-weight:700;border-bottom:2px solid color-mix(in srgb,var(--cp-accent,currentColor) 55%,transparent)}
details.cp-faq{margin:.6em 0;border:1px solid color-mix(in srgb,currentColor 13%,transparent);border-radius:10px;padding:0;overflow:hidden}
details.cp-faq>summary{cursor:pointer;list-style:none;padding:.85em 2.8em .85em 1.1em;font-weight:600;position:relative}
details.cp-faq>summary::-webkit-details-marker{display:none}
details.cp-faq>summary::after{content:"";position:absolute;right:1.1em;top:50%;width:.55em;height:.55em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-70%) rotate(45deg);transition:transform .2s;opacity:.7}
details.cp-faq[open]>summary::after{transform:translateY(-30%) rotate(-135deg)}
details.cp-faq[open]>summary{border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent)}
details.cp-faq>*:not(summary){margin:0;padding:.8em 1.1em 1em}
.cp-img-ph{display:none}
@media (prefers-reduced-motion:reduce){details.cp-faq>summary::after{transition:none}}
details.cp-faq>ul,details.cp-faq>ol{padding-left:2.6em}
/* 1.3 — more elements. Neutral like the rest: accent colour of the theme, everything else from the theme. */
.cp-box--facts,.cp-box--facts>.wp-block-group__inner-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(9em,1fr));gap:.7em}
.cp-box--facts{padding:.8em}
.cp-box--facts p{margin:0!important;padding:.8em .9em;border-radius:9px;background:color-mix(in srgb,var(--cpa) 9%,transparent);line-height:1.35;font-size:.9em}
.cp-box--facts p strong{display:block;font-size:1.35em;line-height:1.2;color:var(--cpa);margin-bottom:.15em}
.cp-box--proscons,.cp-box--proscons>.wp-block-group__inner-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;grid-auto-flow:column;column-gap:1.6em}
.cp-box--proscons ul{list-style:none;padding:0!important}
.cp-box--proscons li{position:relative;padding-left:1.5em}
.cp-box--proscons li::before{content:"+";position:absolute;left:0;top:0;font-weight:700;color:#1f9d5b}
.cp-box--proscons ul:last-of-type li::before{content:"−";color:#d64545}
.cp-box--proscons p strong{font-size:.82em;letter-spacing:.06em;text-transform:uppercase;opacity:.85}
@media (max-width:560px){.cp-box--proscons,.cp-box--proscons>.wp-block-group__inner-container{grid-template-columns:1fr;grid-auto-flow:row}}
.cp-box--tools{border-style:solid}
.cp-box--tools ul{list-style:none;padding:0!important;display:flex;flex-wrap:wrap;gap:.45em}
.cp-box--tools li{margin:0!important;padding:.3em .8em;border-radius:99px;border:1px solid color-mix(in srgb,var(--cpa) 35%,transparent);background:color-mix(in srgb,var(--cpa) 7%,transparent);font-size:.92em}
.cp-box--tools p strong,.cp-box--warn p strong{margin-right:.3em}
.cp-box--warn{--cpa:#d98a00;border-left:4px solid var(--cpa);background:color-mix(in srgb,var(--cpa) 9%,transparent)}
.cp-box--cta{text-align:center;padding:1.6em 1.5em;border:0;background:color-mix(in srgb,var(--cpa) 11%,transparent)}
.cp-box--cta p:first-child strong{font-size:1.2em}
ol.cp-steps{list-style:none;counter-reset:cps;padding-left:0!important;margin:1.6em 0}
ol.cp-steps>li{counter-increment:cps;position:relative;padding:0 0 1.1em 3.2em;margin:0!important}
ol.cp-steps>li::before{content:counter(cps);position:absolute;left:0;top:-.1em;width:2.1em;height:2.1em;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95em;color:#fff;background:var(--cp-accent,#333)}
ol.cp-steps>li:not(:last-child)::after{content:"";position:absolute;left:1.02em;top:2.1em;bottom:.1em;width:2px;background:color-mix(in srgb,var(--cp-accent,currentColor) 25%,transparent)}
ol.cp-steps>li>strong:first-child{display:block}
ul.cp-check{list-style:none;padding:1em 1.2em!important;margin:1.6em 0;border-radius:12px;border:1px solid color-mix(in srgb,currentColor 12%,transparent)}
ul.cp-check>li{position:relative;padding-left:2em;margin:.45em 0}
ul.cp-check>li::before{content:"";position:absolute;left:0;top:.2em;width:1.2em;height:1.2em;border-radius:5px;background:var(--cp-accent,#333);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='6'/%3E%3C/svg%3E") center/contain no-repeat}
ul.cp-check>li::after{content:"";position:absolute;left:.42em;top:.36em;width:.32em;height:.62em;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
blockquote.cp-quote{margin:2em 0;padding:.4em 0 .4em 1.2em;border-left:4px solid var(--cp-accent,currentColor);font-size:1.25em;line-height:1.45;font-style:italic;background:none}
blockquote.cp-quote p{margin:0}