@layer components {
  .report-summary { display: flex; flex-direction: column; gap: var(--space-sm); }
  .report-summary__profile { font-size: 1.125rem; line-height: var(--leading-relaxed); }
  .report-summary__signals { color: var(--xf-ink-soft); line-height: var(--leading-relaxed); }
  .report-summary__context { color: var(--xf-ink-soft); font-size: var(--text-sm); }
  .report-summary__fallback { color: var(--xf-ink-soft); }
  .report-summary__skeleton { padding: var(--space-md); border: 2px dashed var(--xf-line-muted); border-radius: var(--xf-radius-sm); color: var(--xf-ink-muted); font-weight: 600; }

  .report-web-findings__body { display: flex; flex-direction: column; gap: var(--space-xl); }
  .report-web-findings__group { display: flex; flex-direction: column; gap: 0.75rem; }
  .report-web-findings__disclaimer { color: var(--xf-ink-soft); font-size: var(--text-sm); }
  .report-web-findings__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(17.5rem, 100%), 1fr)); gap: var(--space-md); }

  .web-finding { display: flex; flex-direction: column; gap: var(--space-sm); min-width: 0; padding: var(--space-md); border: var(--xf-border); border-radius: var(--xf-radius-md); background: var(--xf-surface); }
  .web-finding--vazamento { background: var(--xf-red-soft); }
  .web-finding__header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-sm); font-size: var(--text-sm); }
  .web-finding__source { font-weight: 600; }
  .web-finding__title { font-family: var(--xf-font-body); font-size: 1rem; font-weight: 600; line-height: 1.35; }
  .web-finding__date { color: var(--xf-ink-soft); font-size: var(--text-sm); }
  .web-finding__snippet { color: var(--xf-ink-soft); font-size: var(--text-sm); line-height: 1.45; }
  .web-finding__footer { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-sm); margin-top: auto; padding-top: var(--space-sm); border-top: 2px dashed var(--xf-ink); }
  .web-finding__link { font-size: 0.9375rem; font-weight: 600; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 0.2em; }
  .web-finding__link:hover { color: var(--xf-ink-hover); }
  .web-finding__link:focus-visible { outline: var(--xf-focus-ring); outline-offset: var(--xf-focus-offset); }
  .web-finding__relevance { width: 0.75rem; height: 0.75rem; margin-left: auto; border: 2px solid var(--xf-ink); border-radius: 50%; }
  .web-finding__relevance--high { background: var(--xf-green); }
  .web-finding__relevance--medium { background: var(--xf-amber); }
  .web-finding__relevance--low { background: var(--xf-surface); }
}