.kj-sandhi {max-width:58rem;margin:1rem auto;padding:1.5rem;border:1px solid #d5dbe4;border-radius:.8rem;background:#fff;color:#202936}
.kj-sandhi form {display:grid;gap:1rem}
.kj-sandhi fieldset {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.7rem;border:1px solid #cad3df;border-radius:.5rem;padding:1rem;min-width:0}
.kj-sandhi label {display:grid;gap:.3rem;font-weight:600}
.kj-sandhi input {width:100%;min-width:0;padding:.55rem;border:1px solid #8c98a8;border-radius:.35rem}
.kj-sandhi button {justify-self:start;padding:.7rem 1rem;border:0;border-radius:.4rem;background:#294c73;color:#fff;cursor:pointer}
.kj-sandhi button:focus-visible,.kj-sandhi input:focus-visible {outline:3px solid #eaaf53;outline-offset:2px}
.kj-sandhi-error {color:#9e2630;font-weight:700}
.kj-sandhi-output table {width:100%;border-collapse:collapse}
.kj-sandhi-output th,.kj-sandhi-output td {border:1px solid #cdd4dd;padding:.5rem;text-align:left}
.kj-sandhi-table {overflow-x:auto}
.kj-sandhi-method {margin-top:1.5rem;font-size:.95em}

.kj-sandhi [hidden]{display:none!important}
.kj-sandhi .kj-timezone-options{grid-column:1/-1}
.kj-sandhi select{width:100%;min-width:0;padding:.55rem;border:1px solid #8c98a8;border-radius:.35rem;background:#fff;color:#202936;font:inherit}
.kj-sandhi label{min-width:0}
.kj-sandhi select:focus-visible{outline:3px solid #eaaf53;outline-offset:2px}
