/* Martech Explained Tools */
.me-tool{margin:clamp(48px,6vw,88px) 0;border:1.5px solid #E6EAF1;border-radius:20px;background:#fff;overflow:hidden;scroll-margin-top:110px}
.me-tool-head{padding:clamp(24px,3.4vw,44px);border-bottom:1px solid #E6EAF1}
.me-tool-head h2{margin:0 0 6px;font-size:28px;line-height:1.2}
.me-tool-head p:last-child{margin:0;color:#5B6475;font-size:15px;line-height:1.6;max-width:60ch}
.me-tool-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.me-tool-in{padding:clamp(24px,3.4vw,44px);display:grid;grid-template-columns:1fr 1fr;gap:28px 24px;align-content:start;margin:0}
.me-tool-out{padding:clamp(24px,3.4vw,44px);background:#F5F7FB;border-left:1px solid #E6EAF1;display:flex;flex-direction:column;gap:20px}
.me-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.me-full{grid-column:1/-1}
.me-field label,.me-label{font:600 13px/18px "IBM Plex Sans",Arial,sans-serif;color:#1B2233}
.me-field label span{color:#5B6475;font-weight:400}
.me-field input{height:46px;padding:0 14px;border:1.5px solid #C9D1DE;border-radius:10px;background:#fff;color:#1B2233;font:400 16px "IBM Plex Sans",Arial,sans-serif;width:100%;min-width:0}
.me-field input:focus{outline:none;border-color:#2446A8;box-shadow:0 0 0 3px #E8EEFF}
.me-hint{font-size:13px;line-height:18px;color:#5B6475}
.me-url{font:500 14px/22px "IBM Plex Mono",monospace;background:#fff;border:1.5px solid #1B2233;border-radius:10px;padding:16px;overflow-wrap:anywhere;min-height:92px}
.me-url .q{color:#5B6475}.me-url .p{color:#2446A8;font-weight:600}
.me-actions{display:flex;flex-wrap:wrap;gap:8px}
.me-btn-ghost-plain{background:transparent!important;color:#1B2233!important;border-color:#1B2233!important}
.me-checks{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px;line-height:20px}
.me-checks li{display:grid;grid-template-columns:22px 1fr;gap:6px;margin:0}
.me-checks li::before{content:"\2713";color:#1F8A5B;font-weight:700}
.me-checks li.warn::before{content:"\2715";color:#D63A57}
.me-kpis{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.me-kpi{background:#fff;border:1.5px solid #C9D1DE;border-radius:10px;padding:16px}
.me-kpi span{font:600 13px/18px "IBM Plex Sans",Arial,sans-serif;color:#5B6475}
.me-kpi b{display:block;margin-top:6px;font:750 34px/1.05 "Bricolage Grotesque",Arial,sans-serif;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#1B2233}
.me-kpi-big{grid-column:1/-1;border-color:#1B2233}
.me-kpi-big b{font-size:48px}
.me-verdict{margin:0;font-size:15px;line-height:24px}
.me-meter{height:10px;border-radius:10px;background:#E6EAF1;overflow:hidden}
.me-meter i{display:block;height:100%;width:0;background:#2446A8;border-radius:10px;transition:width .32s}
.me-seg{display:inline-flex;border:1.5px solid #C9D1DE;border-radius:10px;overflow:hidden;align-self:flex-start}
.me-seg button{border:0;background:#fff;padding:0 16px;height:42px;cursor:pointer;font:500 14px "IBM Plex Sans",Arial,sans-serif;color:#1B2233}
.me-seg button+button{border-left:1.5px solid #C9D1DE}
.me-seg button[aria-pressed="true"]{background:#1B2233;color:#fff}
.me-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);opacity:0;background:#1B2233;color:#fff;padding:10px 16px;border-radius:10px;font:500 14px "IBM Plex Sans",Arial,sans-serif;transition:.2s;pointer-events:none;z-index:999}
.me-toast.show{opacity:1;transform:translate(-50%,0)}
@media (max-width:900px){.me-tool-body{grid-template-columns:1fr}.me-tool-out{border-left:0;border-top:1px solid #E6EAF1}}
@media (max-width:520px){.me-tool-in{grid-template-columns:1fr}.me-kpis{grid-template-columns:1fr}}