/* Content & Media Production: local editorial diagrams. */
.mp-widget{--mp-blue:#1b17ff;--mp-ink:#262626;--mp-muted:#666;box-sizing:border-box;width:100%;min-width:0;margin:36px 0;padding:clamp(20px,2vw,30px);border:1px solid #ddd;background:#fff;color:var(--mp-ink);overflow-wrap:anywhere}
.mp-widget *,.mp-widget *:before,.mp-widget *:after{box-sizing:border-box}
.mp-widget [hidden]{display:none!important}
.mp-widget .mp-kicker{display:block;margin-bottom:14px;font-size:10px;line-height:1.6;letter-spacing:.07em;text-transform:uppercase;color:var(--mp-muted)}
.mp-widget .mp-heading h3{font-size:clamp(25px,2.5vw,34px);font-weight:450;letter-spacing:-.025em;line-height:1.2;margin:0 0 15px}
.mp-widget .mp-heading h3[id]{scroll-margin-top:150px}
.mp-widget .mp-heading>p{font-size:15px;line-height:1.8;color:var(--mp-muted);margin:0 0 28px;max-width:820px}
.mp-widget .mp-controls{margin:0 0 26px}
.mp-widget .mp-choices{display:flex;flex-wrap:wrap;gap:8px}
.mp-widget button{font:inherit;font-size:13px;line-height:1.5;text-align:left;cursor:pointer;color:var(--mp-ink);background:#fff;border:1px solid #ccc;border-radius:0;min-height:44px;padding:11px 15px;transition:background-color .18s,border-color .18s}
.mp-widget button[aria-pressed=true]{color:var(--mp-blue);border-color:var(--mp-blue);background:#f5f5ff}
.mp-widget button:hover{border-color:var(--mp-blue)}
.mp-widget button:focus-visible,.mp-widget input:focus-visible,.mp-widget summary:focus-visible{outline:2px solid var(--mp-blue);outline-offset:4px}
.mp-widget .mp-note{color:var(--mp-muted);font-size:12px;line-height:1.8;margin:24px 0 0}
.mp-widget dt{font-size:10px;text-transform:uppercase;letter-spacing:.04em;line-height:1.6;color:var(--mp-muted);margin-bottom:8px}
.mp-widget dd{margin:0;font-size:14px;line-height:1.8;color:var(--mp-ink)}
.mp-widget .mp-method-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:start}
.mp-widget .mp-method-scene{min-width:0;background:#f5f5f5}
.mp-widget .mp-method-scene svg{display:block;width:100%;height:auto}
.mp-widget .mp-method-scene>span{display:block;padding:0 15px 22px;text-align:center;font-size:12px;line-height:1.7;color:#555}
.mp-widget .mp-scene{opacity:0;transition:opacity .25s}
.mp-widget:not([data-mp-method-state]) .mp-scene-photo,.mp-widget[data-mp-method-state="0"] .mp-scene-photo,.mp-widget[data-mp-method-state="1"] .mp-scene-cgi,.mp-widget[data-mp-method-state="2"] .mp-scene-hybrid{opacity:1}
.mp-widget .mp-result-lead{font-size:22px;line-height:1.45;letter-spacing:-.02em;margin:0 0 24px}
.mp-widget .mp-facts{display:grid;gap:20px;margin:0}
.mp-widget .mp-facts>div{border-top:1px solid #ddd;padding-top:16px}
.mp-widget .mp-format-controls{display:grid;gap:19px}
.mp-widget .mp-control-label{display:block;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:#666;line-height:1.6;margin-bottom:9px}
.mp-widget .mp-guide-choice{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.6;color:#555;min-height:32px;cursor:pointer}
.mp-widget .mp-guide-choice input{width:17px;height:17px;accent-color:var(--mp-blue);margin:0;flex-shrink:0}
.mp-widget .mp-format-stage{display:grid;place-items:center;background:#f7f7f7;border:1px solid #e3e3e3;padding:clamp(16px,3vw,32px);min-height:420px}
.mp-widget .mp-artboard{width:100%;max-width:640px;aspect-ratio:16/9;box-shadow:0 9px 28px #00000012;overflow:hidden;background:#ececec}
.mp-widget .mp-artboard svg{display:block;width:100%;height:100%;overflow:hidden;font-family:Arial,sans-serif}
.mp-widget[data-mp-format-state="1"] .mp-artboard{max-width:400px;aspect-ratio:1}
.mp-widget[data-mp-format-state="2"] .mp-artboard{max-width:225px;aspect-ratio:9/16}
.mp-widget .mp-format-result{padding:21px 23px;background:#f7f7f7;border-left:2px solid var(--mp-blue);margin-top:24px}
.mp-widget .mp-format-result>span{display:block;font-size:10px;line-height:1.7;text-transform:uppercase;letter-spacing:.04em;color:var(--mp-blue);margin-bottom:10px}
.mp-widget .mp-format-result p{font-size:14px;line-height:1.8;margin:0;color:#555}
.mp-widget .mp-campaigns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.mp-widget .mp-campaign{border:1px solid #ddd;min-width:0}
.mp-widget .mp-campaign-heading{display:flex;align-items:center;gap:14px;padding:22px;background:#f6f6f6}
.mp-widget .mp-campaign-heading h4{font-size:21px;line-height:1.4;font-weight:500;margin:0;letter-spacing:-.02em}
.mp-widget .mp-campaign-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #aaa;font-size:17px;flex-shrink:0}
.mp-widget .mp-campaign:nth-child(2) .mp-campaign-icon{background:#262626;color:#fff;border-color:#262626}
.mp-widget .mp-campaign dl{margin:0;padding:5px 22px 12px}
.mp-widget .mp-campaign dl>div{padding:14px 0;border-bottom:1px solid #e5e5e5;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:baseline}
.mp-widget .mp-campaign dl>div:last-child{border-bottom:0}
.mp-widget .mp-campaign dt{margin:0;text-transform:none;font-size:11px;letter-spacing:0}
.mp-widget .mp-campaign dd{font-size:21px;line-height:1.4;letter-spacing:-.025em;white-space:nowrap}
.mp-widget .mp-campaign [data-mp-highlight=true] dd{color:var(--mp-blue);font-weight:500}
.mp-widget .mp-campaign [data-mp-highlight=true] dt{color:var(--mp-blue)}
.mp-widget .mp-measure-result{background:#f7f7f7;border-left:2px solid var(--mp-blue);padding:23px;margin-top:25px}
.mp-widget .mp-measure-result h4{font-size:23px;line-height:1.4;letter-spacing:-.02em;font-weight:500;margin:0 0 14px}
.mp-widget .mp-measure-result p{font-size:14px;line-height:1.85;margin:0;color:#555}
.mp-widget .mp-measure-result .mp-next-brief{padding-top:17px;border-top:1px solid #ddd;margin-top:20px;color:#262626}
.mp-widget .mp-formula{border-block:1px solid #ddd;padding:16px 0;margin-top:24px}
.mp-widget .mp-formula summary{font-size:13px;line-height:1.7;cursor:pointer;color:#444}
.mp-widget .mp-formula p{color:#555;font-size:13px;line-height:1.85;margin:14px 0 0}
.media-cover{background:#f5f5f5!important}
.media-cover svg{width:100%;height:auto;max-width:600px}
@media(max-width:950px){.mp-widget .mp-method-layout{grid-template-columns:1fr}.mp-widget .mp-method-scene{width:100%;max-width:540px;margin:auto}.mp-widget .mp-result-lead{font-size:23px}}
@media(max-width:650px){
.mp-widget .mp-heading h3[id]{scroll-margin-top:100px}
.mp-widget{padding:20px;margin-block:28px}
.mp-widget .mp-heading h3{font-size:25px}
.mp-widget .mp-heading>p{font-size:14px}
.mp-widget button{font-size:12px;padding:10px 12px}
.mp-widget .mp-method-layout{gap:23px}
.mp-widget .mp-result-lead{font-size:21px}
.mp-widget .mp-format-stage{margin-inline:-20px;border-inline:0;padding:18px;min-height:360px}
.mp-widget .mp-format-controls [data-mp-mode]{width:100%}
.mp-widget .mp-format-result,.mp-widget .mp-measure-result{padding:17px}
.mp-widget .mp-campaigns{gap:14px}
.mp-widget .mp-campaign-heading{display:block;padding:14px 12px}
.mp-widget .mp-campaign-icon{margin-bottom:10px;width:32px;height:32px;font-size:14px}
.mp-widget .mp-campaign-heading h4{font-size:17px}
.mp-widget .mp-campaign dl{padding:2px 12px 10px}
.mp-widget .mp-campaign dl>div{display:block;padding:13px 0}
.mp-widget .mp-campaign dt{font-size:10px;min-height:32px;margin-bottom:5px}
.mp-widget .mp-campaign dd{font-size:19px;white-space:normal;overflow-wrap:anywhere}
.mp-widget .mp-measure-result h4{font-size:21px}
}
@media(max-width:360px){.mp-widget .mp-campaigns{gap:8px}.mp-widget .mp-campaign-heading,.mp-widget .mp-campaign dl{padding-inline:9px}.mp-widget .mp-campaign dd{font-size:17px}}
@media(prefers-reduced-motion:reduce){.mp-widget button,.mp-widget .mp-scene{transition:none}}
@media print{.mp-widget [data-mp-controls]{display:none!important}.mp-widget .mp-method-scene,.mp-widget .mp-format-stage,.mp-widget .mp-campaigns{break-inside:avoid}}
