.kl-inquiry {
    --kl-ink: #142c40;
    --kl-muted: #5a6673;
    --kl-line: #d8dee5;
    --kl-accent: #226a98;
    --kl-cta: #f1c400;
    max-width: 1080px;
    margin: 3rem auto;
    padding: clamp(1.25rem, 3vw, 2.5rem);
    color: var(--kl-ink);
    background: #fff;
    border: 1px solid var(--kl-line);
    border-radius: 10px;
    box-shadow: 0 18px 48px rgb(23 35 50 / 8%);
}

.kl-inquiry__heading { max-width: 700px; margin-bottom: 1.5rem; }
.kl-inquiry__heading h2 { margin: .15rem 0 .6rem; font-size: clamp(1.75rem, 4vw, 2.5rem); }
.kl-inquiry__heading p:last-child { color: var(--kl-muted); }
.kl-inquiry__eyebrow { margin: 0; color: var(--kl-accent); font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.kl-inquiry__notice { display: grid; gap: .25rem; margin: 0 0 1.25rem; padding: 1rem 1.1rem; border-radius: 6px; }
.kl-inquiry__notice--success { color: #174f2b; background: #edf8f0; border-left: 4px solid #26834a; }
.kl-inquiry__notice--error { color: #7d211b; background: #fff0ef; border-left: 4px solid #c93329; }
.kl-inquiry__product { display: grid; grid-template-columns: auto 1fr; gap: .15rem 1rem; margin-bottom: 1.5rem; padding: 1rem 1.1rem; background: #f4f6f8; border-radius: 6px; }
.kl-inquiry__product > span { grid-row: 1 / span 3; color: var(--kl-muted); font-size: .82rem; font-weight: 700; text-transform: uppercase; }
.kl-inquiry__product small { color: var(--kl-muted); }
.kl-inquiry__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 1.25rem; }
.kl-inquiry__field { display: flex; flex-direction: column; gap: .35rem; min-width: 0; }
.kl-inquiry__field--wide { grid-column: 1 / -1; }
.kl-inquiry__field label { font-weight: 650; }
.kl-inquiry__field input,
.kl-inquiry__field textarea { width: 100%; margin: 0; padding: .75rem .85rem; color: var(--kl-ink); background: #fff; border: 1px solid #aeb7c1; border-radius: 4px; }
.kl-inquiry__field input:focus,
.kl-inquiry__field textarea:focus { outline: 3px solid rgb(201 51 41 / 18%); border-color: var(--kl-accent); }
.kl-inquiry__field [aria-invalid="true"] { border-color: #c93329; }
.kl-inquiry__field small,
.kl-inquiry__optional { color: var(--kl-muted); font-weight: 400; }
.kl-inquiry__field-error { display: block; color: #9d2921; font-size: .88rem; }
.kl-file-picker--ready { position: relative; border: 1px solid #aeb7c1; border-radius: 4px; }
.kl-file-picker--ready input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 1; }
.kl-file-picker--ready:focus-within { outline: 3px solid rgb(34 106 152 / 25%); border-color: var(--kl-accent); }
.kl-file-picker--ready:has([aria-invalid="true"]) { border-color: #c93329; }
.kl-file-picker__display { display: flex; align-items: center; gap: .8rem; padding: .6rem .85rem; min-height: 50px; }
.kl-file-picker__display[hidden] { display: none; }
.kl-file-picker__button { flex-shrink: 0; padding: .4rem .7rem; border-radius: 3px; background: #edf1f5; font-weight: 600; }
.kl-file-picker__name { min-width: 0; overflow-wrap: anywhere; color: var(--kl-muted); }
.kl-inquiry__submit { margin-top: 1.4rem; padding: .8rem 1.5rem; color: var(--kl-ink); background: var(--kl-cta); border: 0; border-radius: 4px; font-weight: 700; cursor: pointer; }
.kl-inquiry__submit:hover,
.kl-inquiry__submit:focus { background: #d8af00; }
.kl-inquiry__honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

@media (max-width: 640px) {
    .kl-inquiry { margin: 2rem auto; }
    .kl-inquiry__grid { grid-template-columns: 1fr; }
    .kl-inquiry__field--wide { grid-column: auto; }
    .kl-inquiry__product { grid-template-columns: 1fr; }
    .kl-inquiry__product > span { grid-row: auto; }
}