

@layer components {
@media (max-width: 1023px) {

  .wr-cell-fig .wr-cell-case,
  .wr-cell-fig .wr-cell-seg { font-size: 13px; }

  .wr-cell-fig .wr-cell-field {
    grid-template-rows: 144px repeat(9, minmax(44px, auto));
  }

  .wr-cell-fig .wr-cell-addr { font-size: 13px; }

  .wr-sec--read .wr-read-verdict { font-size: 20px; }
}
}

@layer components {
@media (max-width: 1023px) {
  .wr-cell-fig .wr-cell-scroll { overflow-x: visible; }

  .wr-cell-fig .wr-cell-field {
    min-width: 0;
    grid-template-columns: 80px repeat(12, minmax(0, 1fr));
    grid-template-rows: 144px repeat(9, 50px);
  }

  .wr-cell-fig .wr-cell-field::before {
    inset: 144px 0 -1px 80px;
    background-image:
      repeating-linear-gradient(to right, var(--border-light) 0 1px, transparent 1px calc(100% / 12)),
      repeating-linear-gradient(to bottom, var(--border-light) 0 1px, transparent 1px 50px);
  }

  .wr-cell-fig .wr-cell-body {
    padding: var(--space-3) var(--space-3) var(--space-3);
    gap: var(--space-2);
  }

  .wr-cell-fig .wr-cell-v { overflow-wrap: anywhere; }
}
}
