/* Loaded only by /sinirlar. See static/pages/report.css for why page sheets exist. */

/* ---- limits page ---- */

/* A limit followed by nothing reads as a disclaimer. A limit followed by what the product does
 * about it reads as information, which is the only reason anyone finishes this page. */
.limit {
  padding: var(--space-6) 0;
  border-bottom: 1px solid var(--border);
  max-width: 68ch;
}

.limit:last-child { border-bottom: 0; }
.limit h3 { font-size: var(--text-lg); margin-bottom: var(--space-3); }
.limit p { color: var(--fg-muted); }

.limit__effect {
  margin-top: var(--space-4);
  padding-left: var(--space-5);
  border-left: 2px solid var(--accent);
  color: var(--fg);
}

.limit__tag {
  display: block;
  font-family: var(--font-data);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: var(--space-2);
}

.scope { list-style: none; margin: var(--space-6) 0 0; padding: 0; max-width: 68ch; }

.scope li {
  display: grid;
  gap: var(--space-2);
  padding: var(--space-4) 0;
  border-bottom: 1px solid var(--border);
}

.scope__claim { font-weight: 500; }
.scope__why { color: var(--fg-muted); font-size: var(--text-sm); }