/* R55: compare the differences once; disclose detailed boundaries on demand. */
:root[data-release] .comparison-notes {
  margin-top: var(--vi-space-8);
  color: var(--vi-secondary);
  font-size: var(--vi-copy);
  line-height: var(--vi-leading-body);
}
:root[data-release] .comparison-included {
  display: grid;
  grid-template-columns: 17% 1fr;
  align-items: baseline;
}
:root[data-release] .comparison-notes h3 {
  margin: 0;
  color: var(--vi-ink);
  font-size: var(--vi-body);
  font-weight: var(--vi-weight-medium);
  line-height: var(--vi-leading-body);
  letter-spacing: 0;
}
:root[data-release] .comparison-included p { margin: 0; padding-left: var(--vi-space-4); }
:root[data-release] .comparison-fee-note { margin: var(--vi-space-6) 0 0; }
:root[data-release] .comparison-terms { margin-top: var(--vi-space-4); }
:root[data-release] .comparison-terms summary {
  display: flex;
  align-items: center;
  gap: var(--vi-space-2);
  width: fit-content;
  min-height: var(--vi-hit-area);
  color: var(--vi-link);
  font-size: var(--vi-control);
  font-weight: var(--vi-weight-medium);
  line-height: var(--vi-leading-control);
  cursor: pointer;
  list-style: none;
}
:root[data-release] .comparison-terms summary::-webkit-details-marker { display: none; }
:root[data-release] .comparison-terms summary .ui-symbol { flex: 0 0 18px; transition: transform .24s ease; }
:root[data-release] .comparison-terms[open] summary .ui-symbol { transform: rotate(180deg); }
:root[data-release] .comparison-terms-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--vi-space-16);
  margin-top: var(--vi-space-4);
  padding-top: var(--vi-space-6);
  border-top: 1px solid var(--vi-border);
}
:root[data-release] .comparison-terms-content dl { display: grid; gap: var(--vi-space-6); margin: var(--vi-space-6) 0 0; }
:root[data-release] .comparison-terms-content dt { color: var(--vi-ink); font-weight: var(--vi-weight-medium); }
:root[data-release] .comparison-terms-content dd { margin: var(--vi-space-1) 0 0; }
@media (max-width: 760px) {
  :root[data-release] .comparison-included { display: block; }
  :root[data-release] .comparison-included p { padding: 0; margin-top: var(--vi-space-2); }
  :root[data-release] .comparison-terms-content { grid-template-columns: minmax(0, 1fr); gap: var(--vi-space-8); }
}
@media (prefers-reduced-motion: reduce) {
  :root[data-release] .comparison-terms summary .ui-symbol { transition: none; }
}