@page {
  margin: 16mm 14mm;
}

@media print {
  :root,
  body {
    color-scheme: light !important;
    background: #fff !important;
  }

  body {
    margin: 0 !important;
    color: #1f2933 !important;
  }

  body > main,
  body > .shell,
  body > .page-shell,
  .shell > main,
  .page-shell > main,
  #main-content {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .site-header,
  .site-footer,
  .top,
  .status,
  .skip-link,
  body > .section-shell,
  .flash-message,
  .blog-preview-controls,
  .blog-article__breadcrumb,
  .blog-article__tags-row,
  .blog-article__related,
  .blog-article__back,
  .blog-image-dialog,
  .page-top-link,
  .blog-read-mode__toolbar,
  .blog-share,
  .blog-print-action,
  .blog-read-mode__entry,
  .blog-read-mode__progress {
    display: none !important;
  }

  .blog-article,
  html.blog-read-mode-active .blog-article {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #1f2933 !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: "Literata", Georgia, serif;
    font-size: 10.5pt;
    line-height: 1.6;
  }

  .blog-article__header {
    margin: 0 0 1rem !important;
    padding: 0 !important;
    border: 0 !important;
  }

  .blog-article__header h1 {
    max-width: none !important;
    color: #111827 !important;
    font-family: "Literata", Georgia, serif !important;
    font-size: 26pt !important;
    line-height: 1.12 !important;
  }

  .blog-article__type {
    color: #1e4f8f !important;
    font-size: 8.5pt;
  }

  .blog-article__reading-time,
  .blog-article__meta,
  .blog-article__meta a,
  .blog-figure figcaption {
    color: #4b5563 !important;
  }

  .blog-article__summary {
    max-width: none !important;
    color: #374151 !important;
    font-family: "Literata", Georgia, serif !important;
    font-size: 11pt;
    line-height: 1.55;
  }

  .blog-article__body,
  .blog-article__toc {
    color: #1f2933 !important;
    font-family: "Literata", Georgia, serif !important;
    font-size: 10.5pt;
    line-height: 1.6;
  }

  .blog-article__body :is(h2, h3, h4, h5, h6),
  .blog-article__toc h2 {
    color: #111827 !important;
    font-family: "Literata", Georgia, serif !important;
    line-height: 1.2;
    break-after: avoid-page;
    page-break-after: avoid;
  }

  .blog-article a {
    color: #174ea6 !important;
    text-decoration: underline !important;
  }

  .blog-article img,
  .blog-article svg,
  .blog-article video,
  .blog-article table,
  .blog-code-block,
  .blog-code-block pre {
    max-width: 100% !important;
  }

  .blog-article img,
  .blog-article video {
    height: auto !important;
  }

  .blog-figure--featured img {
    max-height: 11cm;
    object-fit: contain;
  }

  .blog-rich-text table {
    display: table !important;
    width: 100% !important;
    overflow: visible !important;
    border-collapse: collapse !important;
    border-radius: 0 !important;
  }

  .blog-rich-text th,
  .blog-rich-text td {
    min-width: 0 !important;
    padding: .35rem .5rem;
    color: #1f2933 !important;
    background: #fff !important;
    border: 1px solid #9ca3af !important;
    overflow-wrap: anywhere;
  }

  .blog-rich-text code,
  .blog-code-block,
  .blog-code-block pre,
  .blog-code-block * {
    color: #111827 !important;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace !important;
  }

  .blog-rich-text code,
  .blog-code-block {
    background: #f3f4f6 !important;
    border-color: #cbd5e1 !important;
  }

  .blog-code-block {
    width: auto !important;
    padding: .65rem !important;
  }

  .blog-rich-text code,
  .blog-code-block pre {
    white-space: pre-wrap !important;
    overflow: visible !important;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .blog-callout {
    color: #1f2933 !important;
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    border-inline-start-width: 3px !important;
  }

  .blog-faq__item > :not(summary) {
    display: block !important;
  }

  .blog-article__header,
  .blog-article__toc,
  .blog-embed,
  .blog-figure,
  .blog-image-comparison,
  .blog-callout,
  .blog-code-block,
  .blog-rich-text table,
  .blog-rich-text tr {
    break-inside: avoid-page;
    page-break-inside: avoid;
  }

  .blog-article p,
  .blog-article li {
    orphans: 3;
    widows: 3;
  }

  .blog-embed > iframe,
  .blog-embed__x-target,
  .blog-embed > .reddit-embed-bq,
  .blog-embed__fallback {
    display: none !important;
  }

  .blog-article .blog-embed__source-link {
    display: inline-block !important;
    max-width: 100% !important;
    color: #174ea6 !important;
    overflow-wrap: anywhere;
  }

  .blog-embed > figcaption {
    margin-top: .4rem;
    color: #4b5563 !important;
    font-size: 9pt;
  }
}