.wordmark { flex: 0 0 auto; white-space: nowrap; }

.fingerprint-filters {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 8px;
  margin: 18px 0;
}

.fingerprint-filters input,
.fingerprint-filters select {
  min-width: 0;
  height: 36px;
  padding: 0 11px;
  border: 1px solid var(--border);
  border-radius: 5px;
  color: var(--ink);
  background: #fff;
  font: inherit;
  outline: none;
}

.fingerprint-filters input:focus,
.fingerprint-filters select:focus {
  border-color: #aeb3bc;
  box-shadow: 0 0 0 2px rgba(80, 86, 96, .08);
}

.coverage-card { margin-bottom: 18px; }
.coverage-card > summary {
  list-style: none;
  border-bottom: 0;
  cursor: pointer;
  user-select: none;
}
.coverage-card > summary::-webkit-details-marker { display: none; }
.coverage-card > summary:hover { background: #fcfcfd; }
.coverage-card[open] > summary { border-bottom: 1px solid var(--divider); }
.coverage-header-meta { display: inline-flex; min-width: 0; align-items: center; gap: 9px; }
.coverage-chevron { width: 10px; height: 6px; flex: 0 0 auto; color: #9aa0aa; transition: transform .16s ease; }
.coverage-card[open] .coverage-chevron { transform: rotate(180deg); }
.coverage-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }

.coverage-item {
  min-width: 0;
  padding: 13px 16px;
  border-bottom: 1px solid var(--divider);
}

.coverage-item:nth-child(odd) { border-right: 1px solid var(--divider); }
.coverage-item:nth-last-child(-n + 2) { border-bottom: 0; }
.coverage-item:last-child:nth-child(odd) { grid-column: 1 / -1; border-right: 0; }
.coverage-line { display: flex; align-items: center; gap: 7px; }
.coverage-brand { color: var(--ink); font-size: 13px; font-weight: 560; }
.coverage-model { overflow: hidden; margin-top: 5px; color: var(--muted); font: 11px ui-monospace, SFMono-Regular, Menlo, monospace; text-overflow: ellipsis; white-space: nowrap; }
.reference-badge { margin-left: auto; padding: 2px 6px; border-radius: 4px; color: #256c56; background: var(--green-soft); font-size: 9px; font-weight: 620; }
.reference-badge.third-party { color: #72581b; background: #fff2cf; }

.rank-index { width: 23px; flex: 0 0 23px; color: #a0a4ae; font: 11px ui-monospace, monospace; }
.provider-summary-meta { display: inline-flex; min-width: 0; align-items: center; gap: 7px; }
.provider-score { margin-left: auto; color: #3e434d; font: 12px ui-monospace, monospace; white-space: nowrap; }
.provider-score.unranked { color: #a06418; }
.provider-samples { margin-top: 4px; color: #9ba0aa; font-size: 10px; }
.ranking-card { border-color: #000; }
.service-row { border-bottom: 2px solid #000; background: #fff; }
.service-row.is-ranked > .service-summary { background: var(--rank-bg); }
.service-row.is-ranked > .service-summary:hover { background: color-mix(in srgb, var(--rank-bg), #fff 32%); }
.service-row.is-unranked > .service-summary { background: #f8f8f9; }
.service-row[open] > .service-summary { border-bottom: 1px solid #000; }
.service-row > .service-detail { background: #fff; }
.service-row[open] .detail-inner { border-top: 0; }

.audit-model-list { display: flex; flex-direction: column; }
.audit-model-row { display: grid; grid-template-columns: minmax(0, 1fr) 105px 80px; gap: 10px; align-items: center; padding: 9px 0; border-bottom: 1px solid #000; }
.audit-model-row:last-child { border-bottom: 0; }
.audit-model-main { min-width: 0; }
.audit-model-main strong, .audit-model-main small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.audit-model-main strong { color: #383c44; font-size: 12px; font-weight: 550; }
.audit-model-main small { margin-top: 3px; color: #9a9fa9; font: 9px ui-monospace, monospace; }
.audit-loss, .audit-health { text-align: right; }
.audit-loss b, .audit-health b { display: block; color: #4c515b; font: 11px ui-monospace, monospace; }
.audit-loss small, .audit-health small { display: block; margin-top: 3px; color: #a0a4ae; font-size: 9px; }
.audit-loss.is-unranked b { color: #a06418; font-family: inherit; }
.empty-state { margin: 0; padding: 26px 16px; color: var(--muted); text-align: center; }

.methodology-card { margin-top: 18px; }
.method-content { padding: 16px; }
.method-content > p { margin: 0; color: #555b66; font-size: 12px; line-height: 1.75; }
.method-warning { margin-top: 10px !important; padding: 10px 12px; border-left: 2px solid #e6b544; background: #fffaf0; }
.method-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 15px; border: 1px solid var(--divider); border-radius: 6px; background: var(--divider); overflow: hidden; }
.method-meta span { padding: 11px 12px; background: #fff; }
.method-meta b, .method-meta strong { display: block; }
.method-meta b { color: var(--muted); font-size: 10px; font-weight: 500; }
.method-meta strong { margin-top: 4px; color: var(--ink); font: 16px ui-monospace, monospace; }
.cost-breakdown { margin-top: 10px; }
.cost-line { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border-bottom: 1px solid #f1f2f3; color: var(--muted); font-size: 10px; }
.cost-line b { color: #5e636e; font-family: ui-monospace, monospace; }
.method-source { display: inline-block; margin-top: 13px; color: #4c5566; font-size: 11px; text-decoration: underline; text-decoration-color: #c2c6ce; text-underline-offset: 2px; }

@media (max-width: 640px) {
  .fingerprint-filters { grid-template-columns: 1fr; }
  .coverage-list { grid-template-columns: 1fr; }
  .coverage-item, .coverage-item:nth-child(odd), .coverage-item:nth-last-child(-n + 2) { border-right: 0; border-bottom: 1px solid var(--divider); }
  .coverage-item:last-child { grid-column: auto; border-bottom: 0; }
  .audit-model-row { grid-template-columns: minmax(0, 1fr) 92px; }
  .audit-health { display: none; }
}