/* Offensive AI section: the techniques terminal aesthetic plus the prose
   elements technique posts don't use (tables, blockquotes). Everything
   else (cards, hero, header, footer, tags) comes from techniques.css. */
@import url("/assets/techniques.css");

.oai-body table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.75rem 0;
  font-size: 0.92rem;
  display: block;
  overflow-x: auto;
}
.oai-body th,
.oai-body td {
  border: 1px solid var(--line);
  padding: 0.5rem 0.7rem;
  text-align: left;
  vertical-align: top;
}
.oai-body thead th {
  background: var(--panel);
}
.oai-body tbody tr:nth-child(even) {
  background: color-mix(in srgb, var(--card) 55%, transparent);
}
.oai-body blockquote {
  margin: 1.75rem 0;
  padding: 0.25rem 0 0.25rem 1.1rem;
  border-left: 3px solid var(--accent);
  color: var(--dim);
}
.oai-body blockquote p {
  margin: 0.5rem 0;
}
.oai-body hr {
  border: 0;
  border-top: 1px solid var(--line);
  margin: 2rem 0;
}
.oai-body ul,
.oai-body ol {
  padding-left: 1.4rem;
}
.oai-body li {
  margin: 0.35rem 0;
}