@page {
  size: auto;
  margin: 16mm;
}

html,
body {
  background: #ffffff !important;
  color: #000000 !important;
  font-family: "Helvetica Neue", "Segoe UI", sans-serif;
  font-size: 11pt;
  line-height: 1.45;
}

.site-header,
.posts-section,
.back-to-top,
.post-navigation,
.theme-controls,
.related-posts {
  display: none !important;
}

.layout,
.reader-section,
post-viewer,
.post-article,
.post-content,
.markdown-body {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: visible !important;
}

.post-title-main,
.post-hero-title,
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4 {
  color: #000000 !important;
  break-after: avoid;
}

.post-hero,
.post-hero-overlay {
  min-height: 0 !important;
  background: transparent !important;
}

.post-hero-image {
  max-height: 90mm !important;
  object-fit: contain !important;
  filter: none !important;
}

.markdown-body pre,
.markdown-body code {
  background: #f3f3f3 !important;
  border: 1px solid #d5d5d5 !important;
  color: #111111 !important;
}

.markdown-body pre {
  white-space: pre-wrap;
  word-break: break-word;
}

.markdown-body a {
  color: #000000 !important;
  text-decoration: underline;
}

.markdown-body a[href^="http"]::after {
  content: " (" attr(href) ")";
  font-size: 9pt;
  color: #444444;
}

img,
iframe {
  max-width: 100% !important;
  page-break-inside: avoid;
}

.embed,
blockquote,
pre,
table {
  page-break-inside: avoid;
}
