.aiweb-prose {
color: var(--text-primary);
font-size: var(--fs-body);
line-height: var(--lh-body);
overflow-wrap: break-word;
}
.aiweb-prose > * {
margin-block: 0;
}
.aiweb-prose > * + * {
margin-block-start: var(--space-4);
}
.aiweb-prose h2 {
font-size: var(--fs-h2);
line-height: var(--lh-h2);
font-weight: var(--fw-bold);
color: var(--text-primary);
}
.aiweb-prose h3 {
font-size: var(--fs-h3);
line-height: var(--lh-h3);
font-weight: var(--fw-semibold);
color: var(--text-primary);
}
.aiweb-prose h2,
.aiweb-prose h3 {
margin-block-start: var(--space-8);
}
.aiweb-prose ul,
.aiweb-prose ol {
padding-inline-start: var(--space-6);
}
.aiweb-prose li + li {
margin-block-start: var(--space-2);
}
.aiweb-prose blockquote {
margin-inline: 0;
padding-block: var(--space-2);
padding-inline-start: var(--space-4);
border-inline-start: var(--space-1) solid var(--color-primary);
color: var(--text-secondary);
}
.aiweb-prose img {
max-inline-size: 100%;
block-size: auto;
border-radius: var(--radius-lg);
}
.aiweb-prose figure,
.aiweb-prose .wp-caption {
margin-inline: 0;
max-inline-size: 100%;
}
.aiweb-prose figcaption {
margin-block-start: var(--space-2);
color: var(--text-muted);
font-size: var(--fs-caption);
text-align: center;
}
.aiweb-prose a {
color: var(--color-primary-fg);
text-decoration: underline;
}
.aiweb-prose a:hover {
color: var(--color-primary);
}
.aiweb-prose code {
padding-block: var(--space-1);
padding-inline: var(--space-2);
background-color: var(--surface);
border: 1px solid var(--border);
border-radius: var(--radius-sm);
font-size: var(--fs-caption);
direction: ltr;
unicode-bidi: embed;
}
.aiweb-prose pre {
padding: var(--space-4);
background-color: var(--color-ink);
color: var(--text-on-primary);
border-radius: var(--radius-md);
overflow-x: auto;
direction: ltr;
}
.aiweb-prose pre code {
padding: 0;
background-color: transparent;
border: 0;
color: inherit;
font-size: var(--fs-body);
}
.aiweb-prose table {
inline-size: 100%;
border-collapse: collapse;
font-size: var(--fs-caption);
}
.aiweb-prose th,
.aiweb-prose td {
padding-block: var(--space-2);
padding-inline: var(--space-3);
border: 1px solid var(--border);
text-align: start;
}
.aiweb-prose th {
background-color: var(--surface);
font-weight: var(--fw-semibold);
}
.aiweb-prose hr {
border: 0;
border-block-start: 1px solid var(--border);
}