/* WIZON Standard Markdown candidate art direction.
   The official parser remains default OFF. These rules are intentionally inert
   until a validated candidate projection emits the canonical answer classes. */

.wds-ai-portal-v1 .answer-document {
  --wds-markdown-ink-border: var(--wizon-ai-popover-border);
  --wds-markdown-ink-surface-soft: var(--wizon-ai-hover-soft-bg);
  --wds-markdown-ink-text-secondary: var(--wizon-ai-text-secondary);
  max-inline-size: 820px;
  color: var(--wds-color-text);
  font-size: var(--wds-font-size-body-1);
  line-height: var(--wds-line-height-normal);
}

.wds-ai-portal-v1 .answer-document > [data-markdown-heading-level] {
  color: var(--wds-color-text);
  line-height: var(--wds-line-height-tight);
}

.wds-ai-portal-v1 .answer-document > [data-markdown-heading-level]::before {
  margin-inline-end: var(--wds-space-1);
}

.wds-ai-portal-v1 .answer-document > [data-markdown-heading-level="1"] {
  margin: 0 0 var(--wds-space-3);
  font-size: var(--wds-font-size-h2);
  font-weight: var(--wds-font-weight-bold);
  letter-spacing: var(--wds-letter-spacing-h2);
}

.wds-ai-portal-v1 .answer-document > [data-markdown-heading-level="2"] {
  margin: var(--wds-space-4) 0 var(--wds-space-2);
  font-size: var(--wds-font-size-h3);
  font-weight: var(--wds-font-weight-semibold);
  letter-spacing: var(--wds-letter-spacing-h3);
}

.wds-ai-portal-v1 .answer-document > [data-markdown-heading-level="3"] {
  margin: var(--wds-space-4) 0 var(--wds-space-2);
  font-size: var(--wds-font-size-body-1);
  font-weight: var(--wds-font-weight-semibold);
  letter-spacing: var(--wds-letter-spacing-normal);
}

.wds-ai-portal-v1 .answer-document [data-markdown-heading-level="4"] {
  font-size: var(--wds-font-size-body-2);
  font-weight: var(--wds-font-weight-semibold);
  letter-spacing: var(--wds-letter-spacing-normal);
}

.wds-ai-portal-v1 .answer-document > [data-markdown-heading-level="4"] {
  margin: var(--wds-space-4) 0 var(--wds-space-2);
}

.wds-ai-portal-v1 .answer-document > :first-child {
  margin-block-start: 0;
}

.wds-ai-portal-v1 .answer-document > :last-child {
  margin-block-end: 0;
}

.wds-ai-portal-v1 .answer-document > p {
  max-inline-size: 52ch;
  margin: 0 0 var(--wds-space-3);
}

.wds-ai-portal-v1 .answer-list {
  margin-block: var(--wds-space-3);
  padding-inline-start: var(--wds-space-6);
}

.wds-ai-portal-v1 .answer-list > li + li {
  margin-block-start: var(--wds-space-1);
}

.wds-ai-portal-v1 .answer-list .answer-list {
  margin-block: var(--wds-space-2);
}

.wds-ai-portal-v1 .answer-task-item {
  display: grid;
  grid-template-columns: var(--wds-space-5) minmax(0, 1fr);
  align-items: center;
  gap: var(--wds-space-2);
  min-block-size: var(--wds-control-height-sm);
  list-style: none;
}

.wds-ai-portal-v1 .answer-task-item > input[type="checkbox"] {
  inline-size: var(--wds-space-5);
  min-inline-size: var(--wds-space-5);
  block-size: var(--wds-space-5);
  min-block-size: var(--wds-space-5);
  margin: 0;
  padding: 0;
  accent-color: var(--wds-color-primary);
}

.wds-ai-portal-v1 .answer-task-item > span {
  min-inline-size: 0;
}

.wds-ai-portal-v1 .answer-structured-table {
  max-inline-size: 100%;
  margin-block: var(--wds-space-4);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  border: 1px solid var(--wds-markdown-ink-border);
  border-radius: var(--wds-radius-md);
  background: var(--wds-color-surface);
}

.wds-ai-portal-v1 .answer-structured-table table {
  inline-size: 100%;
  min-inline-size: max-content;
  border-collapse: collapse;
  color: var(--wds-color-text);
  font: inherit;
}

.wds-ai-portal-v1 .answer-structured-table th,
.wds-ai-portal-v1 .answer-structured-table td {
  padding: var(--wds-space-3) var(--wds-space-4);
  border-block-end: 1px solid var(--wds-markdown-ink-border);
  text-align: start;
  vertical-align: top;
  white-space: normal;
}

.wds-ai-portal-v1 .answer-structured-table thead th {
  background: var(--wds-markdown-ink-surface-soft);
  color: var(--wds-markdown-ink-text-secondary);
  font-weight: var(--wds-font-weight-semibold);
}

.wds-ai-portal-v1 .answer-structured-table tbody th {
  color: var(--wds-color-text);
  font-weight: var(--wds-font-weight-semibold);
}

.wds-ai-portal-v1 .answer-structured-table tbody tr:last-child > * {
  border-block-end: 0;
}

.wds-ai-portal-v1 .answer-quote {
  margin: var(--wds-space-4) 0;
  padding: var(--wds-space-3) var(--wds-space-4);
  border: 1px solid var(--wds-markdown-ink-border);
  border-radius: var(--wds-radius-sm);
  background: var(--wds-markdown-ink-surface-soft);
  color: var(--wds-markdown-ink-text-secondary);
}

.wds-ai-portal-v1 .answer-quote > :first-child {
  margin-block-start: 0;
}

.wds-ai-portal-v1 .answer-quote > :last-child {
  margin-block-end: 0;
}

.wds-ai-portal-v1 .answer-code-block {
  --wds-markdown-code-surface: var(--wds-gray-900);
  --wds-markdown-code-border: var(--wds-gray-700);
  --wds-markdown-code-text: var(--wds-gray-100);
  --wds-markdown-code-comment: var(--wds-gray-400);
  --wds-markdown-code-keyword: var(--wds-magenta-100);
  --wds-markdown-code-string: var(--wds-orange-100);
  --wds-markdown-code-number: var(--wds-green-400);
  --wds-markdown-code-function: var(--wds-amber-400);
  --wds-markdown-code-type: var(--wds-cyan-100);
  --wds-markdown-code-property: var(--wds-blue-400);
  --wds-markdown-code-meta: var(--wds-violet-100);
  --wds-markdown-code-deletion: var(--wds-red-400);
  inline-size: 100%;
  margin: var(--wds-space-4) 0;
  overflow: clip;
  border: 1px solid var(--wds-markdown-code-border);
  border-radius: var(--wds-radius-sm);
  background: var(--wds-markdown-code-surface);
}

.wds-ai-portal-v1 .answer-code-block pre {
  max-inline-size: 100%;
  margin: 0;
  padding: var(--wds-space-3) var(--wds-space-4);
  overflow-x: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--wds-markdown-code-text);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: var(--wds-font-size-body-2);
  line-height: var(--wds-line-height-normal);
  scrollbar-gutter: stable;
}

.wds-ai-portal-v1 .answer-code-block pre > code {
  color: inherit;
  font: inherit;
  white-space: pre;
  tab-size: 2;
}

/* VS Code Dark+ inspired, but mapped entirely to WDS tokens and scoped to the candidate. */
.wds-ai-portal-v1 .answer-code-block .hljs-comment,
.wds-ai-portal-v1 .answer-code-block .hljs-quote {
  color: var(--wds-markdown-code-comment);
  font-style: italic;
}

.wds-ai-portal-v1 .answer-code-block .hljs-doctag,
.wds-ai-portal-v1 .answer-code-block .hljs-keyword,
.wds-ai-portal-v1 .answer-code-block .hljs-formula {
  color: var(--wds-markdown-code-keyword);
}

.wds-ai-portal-v1 .answer-code-block .hljs-string,
.wds-ai-portal-v1 .answer-code-block .hljs-regexp,
.wds-ai-portal-v1 .answer-code-block .hljs-attribute,
.wds-ai-portal-v1 .answer-code-block .hljs-addition {
  color: var(--wds-markdown-code-string);
}

.wds-ai-portal-v1 .answer-code-block .hljs-number,
.wds-ai-portal-v1 .answer-code-block .hljs-literal {
  color: var(--wds-markdown-code-number);
}

.wds-ai-portal-v1 .answer-code-block .hljs-title,
.wds-ai-portal-v1 .answer-code-block .hljs-title.function_,
.wds-ai-portal-v1 .answer-code-block .hljs-function .hljs-title {
  color: var(--wds-markdown-code-function);
}

.wds-ai-portal-v1 .answer-code-block .hljs-built_in,
.wds-ai-portal-v1 .answer-code-block .hljs-type,
.wds-ai-portal-v1 .answer-code-block .hljs-class .hljs-title {
  color: var(--wds-markdown-code-type);
}

.wds-ai-portal-v1 .answer-code-block .hljs-attr,
.wds-ai-portal-v1 .answer-code-block .hljs-variable,
.wds-ai-portal-v1 .answer-code-block .hljs-template-variable,
.wds-ai-portal-v1 .answer-code-block .hljs-params,
.wds-ai-portal-v1 .answer-code-block .hljs-property {
  color: var(--wds-markdown-code-property);
}

.wds-ai-portal-v1 .answer-code-block .hljs-meta,
.wds-ai-portal-v1 .answer-code-block .hljs-symbol,
.wds-ai-portal-v1 .answer-code-block .hljs-selector-id,
.wds-ai-portal-v1 .answer-code-block .hljs-selector-class {
  color: var(--wds-markdown-code-meta);
}

.wds-ai-portal-v1 .answer-code-block .hljs-deletion {
  color: var(--wds-markdown-code-deletion);
}

.wds-ai-portal-v1 .answer-document code:not(pre code) {
  overflow-wrap: anywhere;
  word-break: break-word;
}
