/* Compare: what each list has that the other doesn't, side by side, then the count changes. */
.compare-context>a{display:grid;gap:2px;padding:14px 16px;border:1px solid var(--soft);color:var(--muted);text-decoration:none}
.compare-context>a:hover{border-color:var(--ac)}
.compare-context strong{font:600 18px/1.3 var(--body);color:var(--ink)}
.compare-side{font:500 13px var(--body);color:var(--ac)}
.compare-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;align-items:start}
.compare-groups>.compare-changed,.compare-groups>.compare-section:only-child{grid-column:1/-1}
.compare-section h2{font-size:28px;margin:0}
.compare-section>.fine{margin:6px 0 12px;color:var(--muted)}
.compare-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-width:0}
.compare-tag{font:500 13px var(--body);color:var(--muted);border:1px solid var(--soft);padding:1px 6px}
.compare-same{margin:8px 0 28px;border-top:1px solid var(--soft)}
.compare-same summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--muted);font:15px var(--body)}
.compare-same ul{list-style:none;padding:0;margin:0;columns:2;column-gap:32px}
.compare-same li{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--soft);break-inside:avoid;font-size:15px}
@media(max-width:700px){.compare-groups{grid-template-columns:minmax(0,1fr)}.compare-same ul{columns:1}.compare-section h2{font-size:26px}}