.check-result-key { margin: 1.25rem 0; padding: 1rem 1.1rem; border: 1px solid var(--border, #ded8ca); border-radius: 12px; background: #f4f0e7; color: #0b1d3a; scroll-margin-top: 7rem; }
  .check-result-key summary { cursor: pointer; list-style: none; }
  .check-result-key summary::-webkit-details-marker { display: none; }
  .check-result-key summary:focus-visible { outline: 3px solid #79502d; outline-offset: 5px; border-radius: 3px; }
  .check-result-key__title { display: flex; justify-content: space-between; align-items: center; gap: 1rem; font-size: 1rem; font-weight: 700; line-height: 1.4; }
  .check-result-key__arrow { font-size: 1.3rem; }
  .check-result-key[open] .check-result-key__arrow { transform: rotate(180deg); }
  .check-result-key__chips { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .65rem; }
  .check-result-key .fc-legend { padding-top: 1rem; border-top: 1px solid #ded8ca; font-size: .95rem; }
  .check-result-key .fc-legend > div { grid-template-columns: 8.5rem minmax(0, 1fr); }
  @media (max-width: 560px) { .check-result-key .fc-legend > div { grid-template-columns: minmax(0, 1fr); } }

.check-result-key .fc-chip { white-space: normal; min-width: 0; max-width: 100%; }
.check-result-key .fc-chip__word { overflow-wrap: anywhere; }
@media (max-width: 560px) {
  .check-result-key { padding: 12px 10px; }
  .check-result-key__title { gap: 8px; }
  .check-result-key__arrow { flex: none; font-size: 20px; }
  .check-result-key .fc-chip { gap: 6px; padding: 4px 8px; }
  .check-result-key .fc-chip__dot { width: 10px; height: 10px; }
}