.lab-panel{background:#e9eddb;padding:clamp(25px,4vw,42px);margin:30px 0;max-width:900px}.lab-panel p{font-size:14px;line-height:1.7;color:#526e5b;margin:15px 0}.lab-panel label{display:grid;gap:8px;margin:20px 0;font-size:13px;font-weight:bold}.lab-panel select{font:inherit;padding:12px;border:1px solid #a9bea8;background:white;color:#17372e}.lab-inputs{display:flex;flex-wrap:wrap;gap:20px}.lab-inputs label{min-width:150px}.lab-result{background:#fff;border-left:4px solid #79a76c;padding:18px;margin-top:22px;line-height:1.7;font-size:14px}.lab-seq{font:700 24px monospace;margin:18px 0;letter-spacing:.08em}.cross-table{border-collapse:collapse;margin:24px 0;background:white}.cross-table caption{padding-bottom:12px;text-align:left;font-weight:bold;font-size:13px}.cross-table th,.cross-table td{border:1px solid #bacbb7;padding:12px;text-align:center}.pedigree{text-align:center}.pedigree div:first-child{display:flex;gap:45px;justify-content:center}.pedigree .affected{font-weight:bold}.pedigree-line{margin:10px}.lab-panel input:focus-visible,.lab-panel select:focus-visible{outline:3px solid #17372e;outline-offset:2px}

@media (max-width:500px){.lab-seq{overflow-wrap:anywhere}.lab-panel select{max-width:100%}.cross-table{display:block;max-width:100%;overflow-x:auto}}