.comparison-head{display:flex;gap:1.5rem;align-items:flex-start;margin:1.5rem 0}.comparison-head h1{font-size:1.8rem;margin-top:0}.comparison-photo{width:210px;height:160px;object-fit:cover;border-radius:12px}.comparison-head progress{display:block;width:100%;max-width:420px;accent-color:#17634e;height:18px;margin-top:.5rem}.comparison-table{width:100%;border-collapse:collapse;font-size:.9rem}.comparison-table caption{text-align:left;font-weight:600;padding:1rem 0}.comparison-table th,.comparison-table td{padding:.7rem;border-bottom:1px solid #d7dfda;text-align:left;vertical-align:top}.comparison-table small{display:block;font-size:.8rem;margin-top:.3rem;max-width:26rem}.comparison-match strong{color:#166342}.comparison-partial-match strong{color:#805500}.comparison-mismatch strong{color:#a42121}.comparison-unknown strong{color:#596168}.matching-controls{margin:1rem 0;padding:1rem;border:1px solid #ccd8d0;border-radius:10px}.matching-controls legend{font-weight:600}.matching-controls .grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.matching-controls input:not([type=checkbox]),.matching-controls select{width:100%;padding:.55rem;border:1px solid #ccd8d0;border-radius:6px}.matching-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.matching-checks label{display:flex;gap:.5rem;align-items:flex-start}.matching-checks input{width:auto;flex:none}.match-breakdown footer{margin:1rem 0;padding:1rem;border:1px solid #d7dfda;border-radius:10px}.comparison-wrap{overflow-x:auto}@media(max-width:650px){.comparison-head{flex-direction:column}.comparison-photo{width:100%;height:180px}.comparison-table thead{display:none}.comparison-table,.comparison-table tbody,.comparison-table tr,.comparison-table th,.comparison-table td{display:block}.comparison-table tr{margin-bottom:.8rem;padding:.6rem;border:1px solid #d7dfda;border-radius:8px}.comparison-table th,.comparison-table td{border:0;padding:.3rem}.comparison-table td:before{content:attr(data-label) ': ';font-weight:600}.matching-controls .grid-2,.matching-checks{grid-template-columns:1fr}}
.comparison-excluded progress{accent-color:#a42121}.match-breakdown .alert-error{border:1px solid #a42121;background:#fff1f1;color:#842020;padding:1rem;border-radius:8px}
@media(max-width:650px){.comparison-table caption{display:block;width:100%;box-sizing:border-box}.comparison-head>div{width:100%;min-width:0}}