/* Discord-style rendered content (.dc) */
.dc { color: #d4d4d8; line-height: 1.75; overflow-wrap: anywhere; }
.dc-line { min-height: 1.75em; }
.dc strong { color: #fff; font-weight: 700; }
.dc em { font-style: italic; }
.dc u { text-decoration: underline; text-underline-offset: 3px; }
.dc s { opacity: .65; }
.dc a { color: #1ab373; text-decoration: underline; text-underline-offset: 3px; }
.dc a:hover { color: #fff; }

.dc-h1, .dc-h2, .dc-h3 { color: #fff; font-weight: 800; line-height: 1.3; margin: 1.25rem 0 .5rem; }
.dc-h1 { font-size: 1.75rem; }
.dc-h2 { font-size: 1.4rem; }
.dc-h3 { font-size: 1.15rem; }
.dc-sub { font-size: .8rem; color: #71717a; }

.dc-quote { border-left: 4px solid #3f3f46; padding: .25rem 0 .25rem 1rem; margin: .35rem 0; color: #c4c4cc; }

.dc-list { margin: .35rem 0; padding-left: 1.6rem; }
.dc-ul { list-style: disc; }
.dc-ol { list-style: decimal; }
.dc-list li { padding-left: .25rem; margin: .15rem 0; }
.dc-list li::marker { color: #1ab373; }

.dc-code { background: #18181b; border: 1px solid #27272a; color: #e4e4e7; padding: .1rem .4rem; border-radius: .375rem; font-size: .85em; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.dc-pre { background: #0b0b0d; border: 1px solid #27272a; border-radius: .75rem; padding: 1rem; overflow-x: auto; margin: .6rem 0; font-size: .85rem; line-height: 1.6; white-space: pre; }
.dc-pre code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: #e4e4e7; }

.dc-mention { display: inline-block; background: rgba(88,101,242,.3); color: #c9cdfb; padding: 0 .3rem; border-radius: .25rem; font-weight: 500; text-decoration: none !important; line-height: 1.5; }
a.dc-mention:hover { background: rgba(88,101,242,.6); color: #fff; }

.dc-emoji { display: inline-block; width: 1.375em; height: 1.375em; vertical-align: -.3em; object-fit: contain; }
.dc-emoji.dc-jumbo { width: 3rem; height: 3rem; vertical-align: middle; }

.dc-spoiler { background: rgba(255,255,255,.08); border-radius: .25rem; padding: 0 .2rem; cursor: pointer; }
.dc-spoiler:not(.revealed) { background: #27272a; color: transparent; user-select: none; }
.dc-spoiler:not(.revealed) * { opacity: 0; pointer-events: none; }

.dc-inline .dc-line { min-height: 0; display: inline; }