/* The creative and the webpage are the work; their briefs stay behind disclosure. */
.cp-demo:has(.mk-preview){padding:0}
.cp-demo:has(.mk-preview)::before{display:none}
.cp-demo:has(.mk-preview) .cp-frame{background:transparent;border:0;box-shadow:none;overflow:visible}
.cp-demo:has(.mk-preview) .cp-toolbar{padding:0 0 15px;min-height:0;background:transparent;border:0}
.cp-demo:has(.mk-preview) .cp-body{padding:0}
.cp-demo:has(.mk-preview) .cp-sources{padding:15px 0;background:transparent;border:0}
.mk-preview{min-width:0;font-family:var(--sans,Arial,Helvetica,sans-serif);color:#272727}
.mk-preview *{box-sizing:border-box;min-width:0}
.mk-preview .mk-creative,.mk-preview .mk-webpage{border:0;border-radius:20px;padding:37px 34px;overflow-wrap:anywhere}
.mk-preview .mk-kicker{margin:0 0 27px;font-size:14px;line-height:1.6;letter-spacing:.025em;font-weight:400}
.mk-preview .mk-headline{margin:0;font-family:inherit;font-size:clamp(30px,3.2vw,47px);line-height:1.12;letter-spacing:-.05em;font-weight:400;text-wrap:balance}
.mk-preview .mk-message,.mk-preview .mk-web-intro{margin:24px 0 0;font-size:16px;line-height:1.8;letter-spacing:-.01em;max-width:430px}
.mk-preview .mk-creative{background:#202020;color:#f6f6f6}
.mk-campaign .mk-kicker{color:#bcbcbc}
.mk-campaign .mk-message{color:#c9c9c9}
.mk-preview .mk-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:21px;max-width:100%;margin-top:35px;padding:14px 17px;border:0;border-radius:10px;background:#f3f3f3;color:#292929;font-size:14px;line-height:1.6}
.mk-preview .mk-cta>svg{width:19px;height:19px;flex:none;stroke:currentColor;stroke-width:1.4;fill:none}
.mk-preview .mk-webpage{background:#f6f6f6;color:#272727}
.mk-onboarding .mk-kicker{color:#767676;margin-bottom:23px}
.mk-onboarding .mk-headline{font-size:clamp(28px,2.7vw,39px)}
.mk-onboarding .mk-web-intro{font-size:15px;color:#626262;margin-top:19px}
.mk-preview .mk-steps{list-style:none;margin:29px 0 0;padding:0}
.mk-preview .mk-steps>li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:19px;align-items:baseline;padding:20px 0;border-top:1px solid #dfdfdf}
.mk-preview .mk-steps>li:last-child{padding-bottom:0}
.mk-preview .mk-step-number{font-size:14px;line-height:1.7;color:#666;font-variant-numeric:tabular-nums}
.mk-preview .mk-steps h4{margin:0;font-size:18px;line-height:1.55;letter-spacing:-.025em;font-weight:400;color:#393939}
.mk-preview .mk-review-note{margin:16px 2px 0;font-size:14px;line-height:1.8;color:#666}
.mk-preview .mk-sources{margin-top:19px;padding-top:16px;border-top:1px solid #e7e7e7}
.mk-preview .mk-sources>summary{display:flex;align-items:center;gap:8px;width:fit-content;min-height:34px;padding:5px 0;font-size:14px;line-height:1.7;color:#666;cursor:pointer;list-style:none}
.mk-preview .mk-sources>summary::-webkit-details-marker{display:none}
.mk-preview .mk-sources>summary>svg{width:12px;height:12px;flex:none;stroke:currentColor;stroke-width:1.4;fill:none;transition:transform .2s ease}
.mk-preview .mk-sources[open]>summary>svg{transform:rotate(90deg)}
.mk-preview .mk-sources>summary:focus-visible{outline:2px solid #737373;outline-offset:4px;border-radius:3px}
.mk-preview .mk-brief{padding:24px 0 0}
.mk-preview .mk-brief .sc-output-title{font-size:22px!important}
.mk-preview .mk-brief .sc-record-value,.mk-preview .mk-brief .sc-letter{font-size:14px}
@media(max-width:800px){
 .mk-preview .mk-creative,.mk-preview .mk-webpage{padding:30px 26px}
 .mk-preview .mk-headline{font-size:34px}
 .mk-onboarding .mk-headline{font-size:31px}
 .mk-preview .mk-message{font-size:15px}
}
@media(max-width:520px){
 .mk-preview .mk-creative,.mk-preview .mk-webpage{padding:28px 23px}
 .mk-preview .mk-kicker{font-size:14px;margin-bottom:22px}
 .mk-preview .mk-headline{font-size:31px}
 .mk-onboarding .mk-headline{font-size:28px}
 .mk-preview .mk-message,.mk-preview .mk-web-intro{font-size:14px;line-height:1.8;margin-top:21px}
 .mk-preview .mk-cta{margin-top:27px;font-size:14px;padding:13px 14px;gap:15px}
 .mk-preview .mk-steps{margin-top:25px}
 .mk-preview .mk-steps>li{grid-template-columns:20px minmax(0,1fr);gap:13px;padding:17px 0}
 .mk-preview .mk-steps h4{font-size:16px;line-height:1.55}
 .mk-preview .mk-review-note{font-size:14px}
}
@media(max-width:380px){
 .mk-preview .mk-creative,.mk-preview .mk-webpage{padding:25px 19px}
 .mk-preview .mk-headline{font-size:28px}
 .mk-onboarding .mk-headline{font-size:26px}
 .mk-preview .mk-steps>li{gap:10px}
 .mk-preview .mk-steps h4{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.mk-preview .mk-sources>summary>svg{transition:none}}
.mk-preview :is(.mk-message,.mk-web-intro,.mk-brief .sc-record-value,.mk-brief .sc-letter){font-size:16px}
.mk-preview :is(.mk-review-note,.mk-step-number,.mk-sources>summary){color:#666}