:root { color-scheme: light; font-family: system-ui, -apple-system, Segoe UI, sans-serif; }
body { margin: 0; background: #f6f7f9; color: #172b4d; }
main { max-width: 980px; margin: 0 auto; padding: 32px 20px 80px; }
h1 { font-size: 34px; margin-bottom: 8px; }
h2 { font-size: 22px; margin-top: 28px; color: #172b4d; }
input[type="search"] { width: 100%; padding: 14px 16px; font-size: 18px; border: 1px solid #dfe1e6; border-radius: 8px; margin: 20px 0; }
.hit, article, table, .comments-section, .attachments-section { background: white; border: 1px solid #dfe1e6; border-radius: 8px; padding: 16px; margin: 14px 0; }
a { color: #0052cc; text-decoration: none; }
a:hover { text-decoration: underline; }
table { width: 100%; border-collapse: collapse; }
th { width: 180px; text-align: left; color: #5e6c84; }
th, td { border-bottom: 1px solid #ebecf0; padding: 8px; }
.body-content { white-space: pre-wrap; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; line-height: 1.45; }
#stats { color: #5e6c84; margin-bottom: 12px; }

.comment { border-top: 1px solid #ebecf0; padding: 12px 0; }
.comment:first-child { border-top: none; }
.comment time { display: block; font-size: 13px; color: #5e6c84; margin-bottom: 4px; }
.comment-body { white-space: pre-wrap; line-height: 1.45; }

.attachment-list { list-style: none; padding: 0; margin: 0; }
.attachment-list li { padding: 6px 0; border-bottom: 1px solid #ebecf0; }
.attachment-list li:last-child { border-bottom: none; }

.status-badge { display: inline-block; padding: 2px 10px; border-radius: 4px; font-size: 13px; font-weight: 600; background: #dfe1e6; color: #172b4d; }

.confluence-body { white-space: normal; font-family: inherit; }
.confluence-body table { width: 100%; border-collapse: collapse; margin: 12px 0; }
.confluence-body th, .confluence-body td { border: 1px solid #dfe1e6; padding: 8px; text-align: left; }
.confluence-body th { background: #f4f5f7; }
.confluence-body img { max-width: 100%; height: auto; border-radius: 4px; margin: 8px 0; }
.confluence-body pre { background: #f4f5f7; padding: 12px; border-radius: 4px; overflow-x: auto; }
.confluence-body code { background: #f4f5f7; padding: 2px 4px; border-radius: 3px; font-size: 0.9em; }