/* CLAUDY kurs 4 — interaktywne uruchomienie pierwszego pojazdu */
.platform-page .c12-content .c4-tool{background:#f0f6f0;border:1px solid #c8dccc;border-radius:18px;padding:clamp(18px,3vw,30px);margin:26px 0;color:#173725}
.platform-page .c12-content .c4-tool h3{font-size:clamp(21px,2.3vw,26px);font-weight:800;line-height:1.35;color:#163b28;margin:4px 0 12px}
.platform-page .c12-content .c4-tool>p{font-size:14px;line-height:1.75;color:#294e36}
.platform-page .c12-content .c4-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,172px),1fr));gap:11px;margin:18px 0}
.platform-page .c12-content .c4-field{min-width:0;display:grid;gap:7px;color:#24513a;font-weight:750;font-size:12px;line-height:1.4}
.platform-page .c12-content .c4-field small{font-size:10px;font-weight:600;color:#4b7455}
.platform-page .c12-content .c4-field input{box-sizing:border-box;min-width:0;width:100%;border:1px solid #b9d1be;border-radius:10px;padding:12px 10px;background:#fff;color:#153623;font-size:15px;font-weight:650}
.platform-page .c12-content .c4-field input:focus-visible,.platform-page .c12-content .c4-ready-row select:focus-visible{outline:3px solid #62a979;outline-offset:2px}
.platform-page .c12-content .c4-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,188px),1fr));gap:9px;margin:18px 0}
.platform-page .c12-content .c4-metric{background:#fff;border:1px solid #dbe8dd;padding:15px;border-radius:11px;min-width:0}
.platform-page .c12-content .c4-metric small{display:block;font-size:10px;font-weight:800;letter-spacing:.05em;color:#3b684d;text-transform:uppercase;line-height:1.45}
.platform-page .c12-content .c4-metric strong{display:block;font-size:20px;line-height:1.4;color:#153d29;margin-top:8px;overflow-wrap:anywhere}
.platform-page .c12-content .c4-explain{grid-column:1/-1;padding:13px 15px;border:1px solid #b8d6c2;border-radius:10px;background:#e2f1e7;color:#225237;font-size:13px;line-height:1.7;margin:2px 0}
.platform-page .c12-content .c4-explain.c4-warn{border-color:#ecc8af;background:#fff1e7;color:#8a432b}
.platform-page .c12-content .c4-actions{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}
.platform-page .c12-content .c4-actions .c12-action{margin:0;line-height:1.45;font-size:13px;text-align:center}
.platform-page .c12-content .c4-note{font-size:12px;color:#486b55;line-height:1.65}
.platform-page .c12-content .c4-ready-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,200px);gap:14px;align-items:center;border-bottom:1px solid #cee0d3;padding:15px 0}
.platform-page .c12-content .c4-ready-row strong{display:block;color:#1c3e29;font-size:14px;line-height:1.45}
.platform-page .c12-content .c4-ready-row small{display:block;color:#5b7765;font-size:12px;margin-top:6px;line-height:1.5}
.platform-page .c12-content .c4-ready-row label{color:#29513a;display:grid;gap:5px;font-size:11px;font-weight:750}
.platform-page .c12-content .c4-ready-row select{box-sizing:border-box;min-width:0;width:100%;padding:11px;border:1px solid #b8d2bd;border-radius:10px;color:#15412a;background:white;font-size:13px;font-weight:700}
@media(max-width:700px){
 .platform-page .c12-content .c4-tool{padding:18px 13px}
 .platform-page .c12-content .c4-ready-row{grid-template-columns:minmax(0,1fr);gap:8px}
 .platform-page .c12-content .c4-inputs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
 .platform-page .c12-content .c4-results{grid-template-columns:minmax(0,1fr)}
 .platform-page .c12-content .c4-actions .c12-action{width:100%}
}