/* v4 Aggregator-Comparison: <details>-Vergleichstabelle */

.v4-agg{
  margin:1rem 0;
  border:1px solid var(--gray-200);
  background:var(--white);
}
.v4-agg-summary{
  list-style:none;
  cursor:pointer;
  padding:.8rem 1rem;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:1rem;
  flex-wrap:wrap;
  font-family:var(--font-d);
  transition:background var(--tr-fast);
}
.v4-agg-summary::-webkit-details-marker{display:none}
.v4-agg-summary::before{
  content:"▸";
  margin-right:.4rem;
  color:var(--gray-500);
  transition:transform var(--tr-fast);
  display:inline-block;
}
.v4-agg[open] .v4-agg-summary::before{transform:rotate(90deg)}
.v4-agg-summary:hover{background:var(--gray-50)}
.v4-agg-summary-text{
  font-size:var(--fs-sm);
  font-weight:700;
  color:var(--black);
  letter-spacing:-.005em;
}
.v4-agg-summary-meta{
  font-size:var(--fs-xxs);
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--gray-500);
  font-weight:600;
}

.v4-agg-body{
  padding:.75rem 1rem 1rem;
  border-top:1px solid var(--gray-200);
}
.v4-agg-lead{
  font-family:var(--font-s, var(--font-d));
  font-size:var(--fs-sm);
  color:var(--gray-700);
  line-height:1.55;
  margin:0 0 .8rem;
  max-width:72ch;
}

.v4-agg-table-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  margin-bottom:.7rem;
}
.v4-agg-table{
  width:100%;
  border-collapse:collapse;
  font-family:var(--font-d);
  font-size:var(--fs-sm);
  font-variant-numeric:tabular-nums;
}
.v4-agg-table thead th{
  text-align:left;
  font-size:var(--fs-xxs);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:700;
  color:var(--gray-600);
  padding:.45rem .55rem;
  border-bottom:1px solid var(--gray-300);
  background:var(--gray-50);
  white-space:nowrap;
}
.v4-agg-table tbody td{
  padding:.5rem .55rem;
  border-bottom:1px solid var(--gray-100);
  vertical-align:baseline;
}
.v4-agg-table tbody tr:last-child td{border-bottom:0}
.v4-agg-table tbody tr.is-own{
  background:var(--gray-50);
}
.v4-agg-table tbody tr.is-own td{font-weight:600}

.v4-agg-src{
  min-width:180px;
}
.v4-agg-src-name{
  display:block;
  color:var(--black);
  font-weight:500;
}
.is-own .v4-agg-src-name{font-weight:700}
.v4-agg-src-ts{
  display:block;
  font-size:var(--fs-xxs);
  color:var(--gray-500);
  font-weight:400;
  margin-top:.1rem;
}
.v4-agg-note{
  font-size:var(--fs-xs);
  color:var(--gray-600);
  max-width:180px;
  min-width:120px;
}

.v4-agg-party{
  text-align:right;
  font-weight:700;
}
.v4-agg-party-dot{
  display:inline-block;
  width:8px;height:8px;
  border-radius:50%;
  background:var(--party,#737373);
  margin-right:.3rem;
  vertical-align:middle;
  transform:translateY(-1px);
}
.v4-agg-val{
  text-align:right;
  font-variant-numeric:tabular-nums;
  color:var(--gray-800);
}
.v4-agg-val.v4-agg-diff-high{color:#b23535;font-weight:700}
.v4-agg-val.v4-agg-diff-mid{color:#8b4513}

.v4-agg-legend{
  font-family:var(--font-d);
  font-size:var(--fs-xxs);
  color:var(--gray-500);
  line-height:1.6;
  margin:0;
  padding-top:.5rem;
  border-top:1px solid var(--gray-100);
}
.v4-agg-legend strong{color:var(--gray-700)}
.v4-agg-legend-chip{
  display:inline-block;
  padding:0 .3rem;
  font-weight:600;
}

@media (max-width:700px){
  .v4-agg-table thead th,
  .v4-agg-table tbody td{
    padding:.4rem .4rem;
    font-size:var(--fs-xxs);
  }
  .v4-agg-note{display:none}
  .v4-agg-note-head{display:none}
}