.document-markdown-page { letter-spacing: 0; }
.dm-formats { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; padding: 0; margin: 18px 0; }
.dm-formats li { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border: 1px solid var(--border-color); border-radius: 6px; background: var(--bg-surface); font-weight: 600; }
.dm-formats li:nth-child(1) i { color: #2867b2; }
.dm-formats li:nth-child(2) i { color: #b84346; }
.dm-formats li:nth-child(3) i { color: #247b58; }
.dm-formats li:nth-child(4) i { color: #75559b; }
.dm-file-name { overflow-wrap: anywhere; min-width: 0; font-size: 14px; }
.dm-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 10px; }
.dm-heading h2 { margin: 0 auto 0 0; font-size: 18px; }
.dm-heading label { font-size: 14px; }
.dm-heading h2 label { font-size: 18px; }
.dm-source textarea { height: 200px; }
.dm-output, .document-markdown-page .benchmark-preview { height: 360px; }
.document-markdown-page textarea { color: var(--text-main, #20262c); }
.document-markdown-page .benchmark-help li { margin: 10px 0 10px 22px; line-height: 1.8; }
.document-markdown-page .benchmark-help h2:not(:first-child) { margin-top: 22px; }
.document-markdown-page details { padding: 14px 0; border-bottom: 1px solid var(--border-color); }
.document-markdown-page summary { cursor: pointer; font-weight: 600; line-height: 1.6; }
.document-markdown-page :focus-visible { outline: 3px solid #2867b2; outline-offset: 3px; }
.document-markdown-page .benchmark-privacy { color: var(--text-muted); }
@media (max-width: 700px) { .dm-formats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .dm-formats li { padding: 10px; } .dm-output, .document-markdown-page .benchmark-preview { height: 290px; } }