@layer components{.comparison-screen{width:100%;max-width:1100px;margin:0 auto;min-width:0;overflow-wrap:anywhere;color:var(--sd-foreground);font:14px/1.5 Inter,system-ui,sans-serif}.comparison-header{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:16px;margin-bottom:24px}.comparison-header>div{flex:1 1 320px;min-width:0}.comparison-header h1{margin:0;font-size:24px;font-weight:700;line-height:1.3;letter-spacing:-.025em}.comparison-header p{margin:6px 0 0;color:var(--sd-muted-foreground)}.comparison-return{min-height:36px;padding:8px 12px;border:1px solid var(--sd-border);border-radius:6px;font-size:13px;font-weight:500}.comparison-screen h2{margin-block:24px 12px;font-size:16px;font-weight:600;line-height:1.5}.comparison-sides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;margin-block:20px}.comparison-sides>*{min-width:0}.comparison-rerun,.comparison-sides>label,.comparison-sides>section{padding:20px;border:1px solid var(--sd-border);border-radius:var(--sd-radius);background:var(--sd-card)}.comparison-rerun>h2,.comparison-sides>section>h2{margin-top:0}.comparison-sides>section>p{margin:6px 0;color:var(--sd-muted-foreground);font-size:13px}.comparison-screen label{display:block;font-weight:500}.comparison-screen select{display:block;width:100%;max-width:100%;min-height:36px;margin-block:8px;padding:8px 12px;border:1px solid var(--sd-input);border-radius:6px;color:var(--sd-foreground);background:var(--sd-background);font:400 14px/1.4 Inter,system-ui,sans-serif}.comparison-screen>label{max-width:400px}.comparison-screen button{min-height:36px;padding:8px 14px;border:1px solid var(--sd-border);border-radius:6px;color:var(--sd-foreground);background:var(--sd-background);font:500 14px/1.4 Inter,system-ui,sans-serif;cursor:pointer}.comparison-screen button.primary{background:var(--sd-primary);color:var(--sd-primary-foreground);border-color:var(--sd-primary)}.comparison-screen button:disabled{opacity:.5;cursor:not-allowed}.comparison-create{margin-top:12px}.comparison-table{max-width:100%;overflow-x:auto;margin-block:24px;border:1px solid var(--sd-border);border-radius:var(--sd-radius)}.comparison-table table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.comparison-table caption{text-align:left;padding:12px;color:var(--sd-muted-foreground);font-size:12px}.comparison-table td,.comparison-table th{text-align:right;padding:12px;border-bottom:1px solid var(--sd-border);white-space:nowrap}.comparison-table th{font-weight:500}.comparison-table th:first-child{text-align:left}.comparison-table thead th{color:var(--sd-muted-foreground);font-size:12px}.comparison-table tbody tr:last-child>*{border-bottom:0}.comparison-screen :is(button,select,a,input,summary,.comparison-table):focus-visible{outline:2px solid var(--sd-ring);outline-offset:3px}.comparison-provenance summary{min-height:36px;align-content:center;cursor:pointer;color:var(--sd-muted-foreground);font-size:13px}.comparison-provenance dl{margin-block:8px 16px;font-size:12px}.comparison-provenance dt{color:var(--sd-muted-foreground)}.comparison-provenance dd{margin:4px 0 12px;overflow-wrap:anywhere;font-family:var(--font-mono),monospace}.comparison-sides section>a{display:flex;width:fit-content;min-height:36px;align-items:center;font-size:13px}.comparison-sides>section>.comparison-provenance{margin-top:12px;padding-top:4px;border-top:1px solid var(--sd-border)}.comparison-verdict{margin:16px 0 12px;padding:12px 16px;background:var(--sd-muted);border:1px solid var(--sd-border);border-radius:8px;color:var(--sd-foreground)}.comparison-verdict:is([data-verdict=unknown],[data-verdict=incomparable]){background:var(--warn-soft);border-color:var(--warn-line);color:var(--warn-text)}.comparison-rerun{margin-top:20px}@media (max-width:720px){.comparison-sides{grid-template-columns:minmax(0,1fr);gap:12px}.comparison-rerun,.comparison-sides>label,.comparison-sides>section{padding:16px}.comparison-screen :is(select,button){min-height:44px;font-size:16px}.comparison-screen :is(summary,a){min-height:44px;align-content:center}.comparison-table td,.comparison-table th{padding:10px 8px;font-size:13px}}}@layer components{.comparison-table :is(th,td){font-family:Inter,system-ui,sans-serif}}