#personal-comparison {padding:24px;border:1px solid var(--sota-color-border-subtle,#52766d);border-radius:18px;background:var(--sota-color-bg-surface-solid,#14372e);color:var(--sota-color-text-primary,#eef5f0)}
#personal-comparison form {display:flex;gap:14px;flex-wrap:wrap;align-items:end;margin:18px 0}
#personal-comparison label {display:grid;gap:6px}
#personal-comparison input,#personal-comparison select {padding:10px;min-width:130px;background:var(--sota-color-bg-surface-solid,#14372e);color:inherit;border:1px solid #648078;border-radius:8px}
#personal-comparison p {line-height:1.5}
.comparison-cards {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.comparison-cards article {border:1px solid var(--sota-color-border-subtle,#52766d);border-radius:12px;padding:16px;display:grid;gap:10px}
.comparison-cards strong {font-size:24px;overflow-wrap:anywhere}
.comparison-table {max-width:100%;overflow:auto;margin:16px 0}
.comparison-table table {width:100%;border-collapse:collapse}
.comparison-table th,.comparison-table td {padding:12px;text-align:left;border-bottom:1px solid var(--sota-color-border-subtle,#52766d);overflow-wrap:anywhere}
.comparison-warning {border-left:3px solid #bc943e;padding:12px}
@media(max-width:700px){#personal-comparison{padding:14px}.comparison-cards{grid-template-columns:repeat(2,minmax(0,1fr))}#personal-comparison label{width:100%}}
#personal-comparison {scroll-margin-top:90px}
.comparison-table table {min-width:760px;table-layout:auto}
.comparison-table th {white-space:nowrap}
.comparison-table td:last-child {white-space:nowrap;overflow-wrap:normal;font-variant-numeric:tabular-nums}

.comparison-filter { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin:18px 0; }
.comparison-filter label { display:grid; gap:6px; }