/* Edition-bound attack statistics reuse the Atlas typography, rules and palette. */
.reader-design .anonymous-control { display: flex; align-items: center; gap: var(--s2); min-height: 2.75rem; width: fit-content; margin-block: var(--s2); cursor: pointer; }
.reader-design .anonymous-control input[type="checkbox"] { flex: 0 0 auto; width: 1.25rem; height: 1.25rem; min-height: 0; margin: 0; }
.reader-design .filter-help, .reader-design .filter-result-count { color: var(--muted); font-size: .9rem; line-height: 1.55; }
.reader-design .attack-filter { display: flex; flex-wrap: wrap; gap: var(--s2) var(--s4); align-items: center; margin-bottom: var(--s4); }
.reader-design .attack-filter .filter-help { flex-basis: 100%; margin-top: 0; }
.reader-design .attacked-ranking { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line-strong); }
.reader-design .attacked-ranking-row { display: grid; grid-template-columns: 3ch minmax(0, 1fr) minmax(16rem, .8fr); align-items: center; gap: var(--s3); padding-block: var(--s4); border-bottom: 1px solid var(--line); }
.reader-design .attack-rank { font-size: 1.5rem; font-weight: 800; font-variant-numeric: tabular-nums; }
.reader-design .attack-person { display: flex; align-items: center; gap: var(--s3); min-width: 0; font-size: 1.1rem; font-weight: 750; text-decoration: none; }
.reader-design .attack-person:hover { text-decoration: underline; }
.reader-design .attack-portrait { width: 4rem; height: 4rem; flex: 0 0 4rem; }
.reader-design .attack-portrait img { width: 100%; height: 100%; object-fit: cover; }
.reader-design .attack-row-counts { display: grid; grid-template-columns: 1fr 1.5fr; gap: var(--s3); margin: 0; }
.reader-design .attack-row-counts dt { color: var(--muted); font-size: .85rem; }
.reader-design .attack-row-counts dd { margin: .2rem 0 0; font-size: 1.4rem; font-weight: 750; font-variant-numeric: tabular-nums; }
.reader-design .attack-row-counts dd span { font-size: .85rem; font-weight: 500; }
.reader-design .attack-summary { margin-block: var(--s4); }
.reader-design .attack-timeline, .reader-design .attack-methodology-disclosure { margin-block: var(--s4); }
.reader-design .attacked-profile summary { min-height: 2.75rem; padding-block: var(--s2); cursor: pointer; font-weight: 650; }
.reader-design .attack-timeline table { width: 100%; max-width: var(--reading); border-collapse: collapse; margin-block: var(--s3); font-variant-numeric: tabular-nums; }
.reader-design .attack-timeline caption { text-align: left; color: var(--muted); padding-bottom: var(--s2); }
.reader-design .attack-timeline th, .reader-design .attack-timeline td { text-align: left; padding: var(--s2); border-bottom: 1px solid var(--line); }
@media (max-width: 42rem) {
  .reader-design .attacked-ranking-row { grid-template-columns: 3ch minmax(0, 1fr); }
  .reader-design .attack-row-counts { grid-column: 2; }
  .reader-design .attack-summary { display: grid; grid-template-columns: 1fr; }
  .reader-design .attack-summary > div { min-width: 0; }
  .reader-design .attack-person { font-size: 1rem; }
}