/* Wikinho — estilos do markdown renderizado (wk-md-*).
 *
 * Autossuficiente: cores neutras via rgba que funcionam nos temas light e
 * dark sem depender de var específica do site (fallbacks seguros).
 */

.wk-md-p { margin: 0 0 6px; }
.wk-md-p:last-child { margin-bottom: 0; }

.wk-md-h { margin: 10px 0 6px; line-height: 1.25; }
.wk-md-h:first-child { margin-top: 0; }

.wk-md-list { margin: 4px 0 8px; padding-left: 20px; }
.wk-md-list:last-child { margin-bottom: 0; }
.wk-md-list li { margin: 3px 0; }
.wk-md-li-cont { margin-top: 2px; }

.wk-md-code {
  background: rgba(128, 128, 128, 0.14);
  border-radius: 4px;
  padding: 1px 5px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.92em;
}

.wk-md-pre {
  background: rgba(128, 128, 128, 0.10);
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 8px;
  padding: 10px 12px;
  overflow-x: auto;
  margin: 8px 0;
}
.wk-md-pre code {
  background: none;
  padding: 0;
  font-size: 0.88em;
  white-space: pre;
}

.wk-md-quote {
  margin: 6px 0;
  padding: 2px 0 2px 10px;
  border-left: 3px solid rgba(128, 128, 128, 0.4);
  opacity: 0.92;
}

.wk-md-hr {
  border: none;
  border-top: 1px solid rgba(128, 128, 128, 0.3);
  margin: 10px 0;
}

.wk-md-link { color: inherit; text-decoration: underline; }

.wk-md-tablewrap {
  overflow-x: auto;
  margin: 8px 0;
  border: 1px solid rgba(128, 128, 128, 0.3);
  border-radius: 8px;
  -webkit-overflow-scrolling: touch;
}
.wk-md-tablewrap:last-child { margin-bottom: 0; }
.wk-md-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 0.92em;
}
.wk-md-table th,
.wk-md-table td {
  padding: 6px 10px;
  text-align: left;
  border-bottom: 1px solid rgba(128, 128, 128, 0.22);
}
.wk-md-table th {
  background: rgba(128, 128, 128, 0.10);
  font-weight: 600;
}
.wk-md-table tbody tr:last-child td { border-bottom: none; }

@media (prefers-reduced-motion: no-preference) {
  .wk-md-tablewrap { scroll-behavior: smooth; }
}
