/* Sign first answers: only the seven hubs and 84 profiles that load this file. */
.seo-signs-profile,
.seo-signs-hub {
  margin: 18px 0 28px;
  min-width: 0;
  grid-column: 1 / -1;
}
.seo-signs-profile {
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--card);
  padding: 18px 20px;
}
.komb-main .seo-signs-frame {
  color: var(--faint);
  font-size: 12px;
  letter-spacing: .035em;
  margin: 0 0 8px;
}
.komb-main .seo-signs-answer,
.gx-main .seo-signs-answer {
  color: var(--ink);
  font-size: 15px;
  line-height: 1.6;
  max-width: 78ch;
  margin: 0 0 16px;
}
.seo-signs-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px 18px;
  margin: 0;
}
.seo-signs-facts > div:first-child { grid-column: 1 / -1; }
.seo-signs-facts dt { color: var(--muted); font-size: 12px; margin-bottom: 3px; }
.seo-signs-facts dd { color: var(--ink); font-size: 16px; line-height: 1.4; margin: 0; }
.komb-main .seo-signs-note,
.gx-main .seo-signs-note {
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.55;
  max-width: 84ch;
  margin: 14px 0 0;
}
.seo-signs-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  color: var(--ink);
  font-size: 14px;
  line-height: 1.45;
}
.seo-signs-table caption {
  text-align: left;
  font-family: var(--serif);
  font-size: 24px;
  color: var(--ink);
  margin: 0 0 12px;
}
.seo-signs-table th,
.seo-signs-table td {
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid var(--line);
  padding: 6px 12px;
  overflow-wrap: anywhere;
}
.seo-signs-table thead th {
  color: var(--muted);
  font-size: 12px;
  font-weight: 500;
}
.seo-signs-table th:first-child { width: 23%; padding-left: 0; }
.seo-signs-table th:nth-child(2) { width: 37%; }
.seo-signs-table th:last-child,
.seo-signs-table td:last-child { padding-right: 0; }
.seo-signs-table tbody th { font-weight: 500; }
.seo-signs-table a {
  display: flex;
  align-items: center;
  min-height: 44px;
  color: var(--accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.seo-signs-table a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 3px; }
/* The original TR sidebar repeats these same facts and a body association.
   The new accessible definition list is the primary factual surface. */
.komb-main:has(.seo-signs-profile) .bu-side .bp-facts { display: none; }
/* The TR hub previously used a two-column literary intro; the first answer
   now takes the full width before those preserved paragraphs. */
.gx-hero:has(> .seo-signs-hub) { display: block; padding-top: clamp(32px, 5vw, 56px); }
.gx-hero:has(> .seo-signs-hub) > p { max-width: 78ch; }
@media (max-width: 560px) {
  .seo-signs-profile { padding: 14px; }
  .seo-signs-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; }
  .seo-signs-facts > div:last-child { grid-column: 1 / -1; }
  .seo-signs-table { font-size: 12.5px; }
  .seo-signs-table th,
  .seo-signs-table td { padding: 4px 6px; }
  .seo-signs-table caption { font-size: 21px; }
  .seo-signs-table th:first-child { width: 23%; }
  .seo-signs-table th:nth-child(2) { width: 37%; }
}
