.semver-comparator{width:100%;padding:var(--s5);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);gap:var(--s4);flex-direction:column;margin:0 auto;display:flex}.semver-comparator input{font-family:var(--font-mono)}.semver-comparator .tk-breakdown li span:last-child{text-align:right;font-size:.82rem}.semver-comparator .ladder h2,.semver-comparator .examples~h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--s2);font-size:.78rem;font-weight:650}.semver-comparator .ladder ol{gap:var(--s1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.semver-comparator .ladder li{align-items:center;gap:var(--s1);padding:4px var(--s2);background-color:var(--surface-inset);border:1px solid var(--border);border-radius:var(--r-sm);font-size:.82rem;display:flex}.semver-comparator .ladder li.mine{border-color:var(--accent);background-color:var(--accent-soft)}.semver-comparator .tag{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.66rem}.semver-comparator .examples{gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin:0;padding:0;list-style:none;display:grid}.semver-comparator .examples button{width:100%;padding:var(--s2) var(--s3);text-align:left;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.semver-comparator .examples button span{color:var(--muted);font-size:.74rem;font-family:var(--font-mono)}.semver-comparator .examples p{color:var(--muted);margin-top:4px;font-size:.76rem;line-height:1.4}.semver-comparator code{font-family:var(--font-mono);background-color:var(--surface-inset);border-radius:3px;padding:1px 4px;font-size:.85em}