/* "Проверено Enterno" catalog (roadmap 2.3).
   Tokens only — see DESIGN.md. The published rule and the disclaimer are given
   the same visual weight as the list itself: a trust mark whose criteria are
   buried is a logo, not a verdict. */

.verified { padding: 40px 0 72px; }

.verified__hero { text-align: center; margin-bottom: 36px; }
.verified__h1 {
  font-size: var(--fs-3xl);
  font-weight: 700;
  color: var(--text);
  margin-bottom: 12px;
}
.verified__lead {
  max-width: 62ch;
  margin: 0 auto 16px;
  color: var(--muted2);
  font-size: var(--fs-base);
  line-height: 1.6;
}
.verified__count {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  padding: 10px 20px;
  background: var(--surface);
  border: 1px solid var(--border2);
  border-radius: var(--radius);
  color: var(--muted2);
  font-size: var(--fs-sm);
}
.verified__count strong {
  font-size: var(--fs-xl);
  color: var(--green);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

/* Rule + disclaimer cards */
.verified__rule,
.verified__disclaimer {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 24px 28px;
  margin-bottom: 28px;
}
.verified__rule h2,
.verified__disclaimer h2,
.verified__list-h2 {
  font-size: var(--fs-lg);
  font-weight: 600;
  color: var(--text);
  margin-bottom: 14px;
}
.verified__rule-list {
  list-style: none;
  margin: 0 0 14px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.verified__rule-list li {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 8px 14px;
  background: var(--surface2);
  border: 1px solid var(--border2);
  border-radius: var(--radius-sm);
}
.verified__rule-check { color: var(--text); font-size: var(--fs-sm); font-weight: 600; }
.verified__rule-min {
  color: var(--green);
  font-size: var(--fs-xs);
  font-family: var(--mono);
  font-variant-numeric: tabular-nums;
}
.verified__rule-note,
.verified__disclaimer p {
  color: var(--muted2);
  font-size: var(--fs-sm);
  line-height: 1.6;
  margin-bottom: 10px;
}
/* Bare <a> inside these cards would otherwise fall back to the browser default
   link blue — roughly 1.3:1 on the dark surface, an outright contrast failure. */
.verified__rule a,
.verified__disclaimer a {
  color: var(--accent);
  text-decoration: none;
  font-size: var(--fs-sm);
}
.verified__rule a:hover,
.verified__rule a:focus-visible,
.verified__disclaimer a:hover,
.verified__disclaimer a:focus-visible { text-decoration: underline; }

/* Listing */
.verified__list { list-style: none; margin: 0; padding: 0; }
.verified__item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid var(--border);
}
.verified__item:last-child { border-bottom: 0; }
.verified__item-main { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.verified__domain {
  color: var(--text);
  font-size: var(--fs-base);
  font-weight: 600;
  text-decoration: none;
  word-break: break-all;
}
.verified__domain:hover,
.verified__domain:focus-visible { color: var(--accent); text-decoration: underline; }
.verified__checks { display: flex; flex-wrap: wrap; gap: 6px; }
.verified__chip {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 10px;
  background: var(--surface2);
  border: 1px solid var(--border2);
  border-radius: var(--radius-sm);
  color: var(--muted2);
  font-size: var(--fs-xs);
  text-decoration: none;
  font-variant-numeric: tabular-nums;
}
.verified__chip:hover,
.verified__chip:focus-visible { border-color: var(--accent); color: var(--text); }
.verified__date {
  flex-shrink: 0;
  color: var(--muted);
  font-size: var(--fs-xs);
  font-family: var(--mono);
  font-variant-numeric: tabular-nums;
}

.verified__empty {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 32px 28px;
  text-align: center;
  color: var(--muted2);
  margin-bottom: 28px;
}

/* Pager */
.verified__pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin: 28px 0;
}
.verified__pager-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 18px;
  background: var(--surface2);
  border: 1px solid var(--border2);
  border-radius: var(--radius-sm);
  color: var(--text);
  font-size: var(--fs-sm);
  text-decoration: none;
}
.verified__pager-link:hover,
.verified__pager-link:focus-visible { border-color: var(--accent); }
.verified__pager-pos { color: var(--muted); font-size: var(--fs-sm); font-variant-numeric: tabular-nums; }

/* NB: `.verified-mark` lives in components.css — /report renders it too and
   components.css is the globally-loaded sheet. */

@media (max-width: 560px) {
  .verified__item { flex-direction: column; gap: 8px; }
  .verified__rule,
  .verified__disclaimer { padding: 20px 18px; }
}