/* MKB Product Engine — visitor tools. Colours, radius and fonts come from the Blocksy palette
   (Customizer → Colors), with neutral fallbacks for other themes. */
.mkbpe-tool{
	--mkbpe-accent:var(--theme-palette-color-1,#2872fa);
	--mkbpe-text:var(--theme-text-color,var(--theme-palette-color-3,#3a4f66));
	--mkbpe-heading:var(--theme-headings-color,var(--theme-palette-color-4,#192a3d));
	--mkbpe-border:var(--theme-border-color,var(--theme-palette-color-5,#e1e8ed));
	--mkbpe-soft:var(--theme-palette-color-6,#f2f5f7);
	--mkbpe-bg:var(--theme-palette-color-8,#fff);
	--mkbpe-radius:var(--theme-border-radius,8px);
	--mkbpe-ok:#1e7d43;--mkbpe-warn:#9a5b00;--mkbpe-bad:#b42318;
	margin:2em 0;padding:clamp(16px,4vw,28px);background:var(--mkbpe-soft);border:1px solid var(--mkbpe-border);border-radius:var(--mkbpe-radius);color:var(--mkbpe-text)
}
.mkbpe-product,.mkbpe-compare{padding:0;background:none;border:0}
.mkbpe-title{margin:0 0 .6em}
.mkbpe-subtitle{margin:1.4em 0 .6em;font-size:1.2em}
.mkbpe-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px 16px}
.mkbpe-field{margin:0 0 12px;display:flex;flex-direction:column;gap:4px}
.mkbpe-field label,.mkbpe-step legend,.mkbpe-units legend{font-weight:600;color:var(--mkbpe-heading)}
.mkbpe-field select,.mkbpe-field input{width:100%}
.mkbpe-measure{margin:4px 0 12px;padding:12px 16px;background:var(--mkbpe-bg);border:1px solid var(--mkbpe-border);border-radius:var(--mkbpe-radius)}
.mkbpe-measure summary{cursor:pointer;font-weight:600;color:var(--mkbpe-heading)}
.mkbpe-measure summary span{font-weight:400;opacity:.75}
.mkbpe-units{border:0;padding:0;margin:12px 0 8px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.mkbpe-units legend{float:left;margin-right:8px}
.mkbpe-dims{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:0 12px}
.mkbpe-help{font-size:.875em;opacity:.8;margin:0 0 8px}
.mkbpe-check{display:flex;gap:8px;align-items:center;margin-top:4px}
.mkbpe-results{margin-top:1.5em}
.mkbpe-summary{font-weight:600}
.mkbpe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.mkbpe-card{display:flex;flex-direction:column;gap:8px;padding:18px;background:var(--mkbpe-bg);border:1px solid var(--mkbpe-border);border-radius:var(--mkbpe-radius)}
.mkbpe-card__head{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.mkbpe-card__title{margin:0;font-size:1.15em;line-height:1.3}
.mkbpe-card__meta,.mkbpe-card__limits,.mkbpe-price-note,.mkbpe-disclosure{font-size:.85em;opacity:.85;margin:0}
.mkbpe-card__problem{margin:0}
.mkbpe-card ul{margin:0;padding-left:1.2em}
.mkbpe-why{list-style:none;padding:0!important}
.mkbpe-why li{position:relative;padding-left:1.4em}
.mkbpe-why li:before{content:"✓";position:absolute;left:0;color:var(--mkbpe-ok);font-weight:700}
.mkbpe-dims-line{margin:0;font-size:.9em}
.mkbpe-card__foot{margin-top:auto;padding-top:6px}
.mkbpe-cta{display:inline-block;width:100%;text-align:center}
.mkbpe-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.78em;font-weight:600;line-height:1.6}
.mkbpe-badge--fit{background:#dcf5e5;color:var(--mkbpe-ok)}
.mkbpe-badge--nofit{background:#fde4e1;color:var(--mkbpe-bad)}
.mkbpe-badge--unverified{background:#fff1d6;color:var(--mkbpe-warn)}
.mkbpe-badge--na{background:var(--mkbpe-soft);color:var(--mkbpe-text)}
.mkbpe-badge--pick{background:var(--mkbpe-accent);color:#fff}
.mkbpe-ok{color:var(--mkbpe-ok);font-weight:600}
.mkbpe-unverified{color:var(--mkbpe-warn)}
.mkbpe-disclosure{margin-top:12px}
.mkbpe-empty{padding:12px 0}
.mkbpe-table-wrap{overflow-x:auto;border:1px solid var(--mkbpe-border);border-radius:var(--mkbpe-radius)}
.mkbpe-table{width:100%;border-collapse:collapse;margin:0;min-width:520px}
.mkbpe-table th,.mkbpe-table td{padding:10px 12px;border-bottom:1px solid var(--mkbpe-border);vertical-align:top;text-align:left}
.mkbpe-table thead th{background:var(--mkbpe-soft);color:var(--mkbpe-heading)}
.mkbpe-table tbody th{width:22%;font-weight:600}
.mkbpe-table ul{margin:0;padding-left:1.1em}
.mkbpe-step{border:0;padding:0;margin:0 0 16px}
.mkbpe-step legend{font-size:1.1em;margin-bottom:10px}
.mkbpe-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.mkbpe-choice{display:flex;gap:10px;align-items:center;padding:12px 14px;background:var(--mkbpe-bg);border:1px solid var(--mkbpe-border);border-radius:var(--mkbpe-radius);cursor:pointer}
.mkbpe-choice:has(input:checked){border-color:var(--mkbpe-accent);box-shadow:0 0 0 1px var(--mkbpe-accent)}
.mkbpe-nav{display:flex;gap:10px;justify-content:space-between;align-items:center}
.mkbpe-back{background:none;border:0;color:var(--mkbpe-accent);cursor:pointer;padding:8px 0}
.mkbpe-js-only{display:none}
.mkbpe-js .mkbpe-js-only{display:revert}
.mkbpe-js .mkbpe-quiz-form .mkbpe-step{display:none}
.mkbpe-js .mkbpe-quiz-form .mkbpe-step.is-current{display:block}
.mkbpe-progress{font-size:.85em;font-weight:600;margin:0 0 8px}
.mkbpe-plan{margin-top:1.5em;padding:16px 20px;background:var(--mkbpe-bg);border-left:4px solid var(--mkbpe-accent);border-radius:var(--mkbpe-radius)}
.mkbpe-plan .mkbpe-subtitle{margin-top:0}
.mkbpe-tips{margin:0;padding-left:1.3em}
.mkbpe-tips li{margin-bottom:6px}
.mkbpe-card__img{margin:-18px -18px 6px;aspect-ratio:4/3;overflow:hidden;border-radius:var(--mkbpe-radius) var(--mkbpe-radius) 0 0;background:var(--mkbpe-soft)}
.mkbpe-card__img img{width:100%;height:100%;object-fit:cover;display:block}
.mkbpe-card__title a{color:inherit;text-decoration:none}
.mkbpe-card__title a:hover{color:var(--mkbpe-accent)}
.mkbpe-disclosure--top{font-size:.85em;opacity:.8;padding:10px 14px;border-left:3px solid var(--theme-palette-color-1,#2872fa);background:var(--theme-palette-color-6,#f2f5f7);border-radius:4px}
