@page
{
  size   : A4;
  margin : 12mm 14mm 12mm 14mm;
}

:root, :root[data-theme]
{
  color-scheme        : light;
  --bg                : var(--print-paper);
  --sidebar           : var(--print-paper);
  --surface           : var(--print-paper);
  --hover             : var(--print-paper);
  --text              : var(--print-text);
  --muted             : var(--print-muted);
  --faint             : var(--print-muted);
  --border            : var(--print-border);
  --accent            : var(--print-text);
  --category-color    : var(--print-muted);
  --quote-color       : var(--print-border);
  --inline-code-color : var(--print-text);
  --syntax-keyword    : var(--print-text);
  --syntax-type       : var(--print-text);
  --syntax-string     : var(--print-text);
  --syntax-number     : var(--print-text);
  --syntax-comment    : var(--print-muted);
  --syntax-function   : var(--print-text);
}

*
{
  box-shadow  : none !important;
  text-shadow : none !important;
  outline     : none !important;
  animation   : none !important;
  transition  : none !important;
}

html, body
{
  background-color   : var(--print-paper) !important;
  color              : var(--print-text) !important;
  font               : 10.5pt/1.5 var(--sans);
  print-color-adjust : economy;
}

html, body, #app, .workspace, .editor, .main-content, .page-content, .fallback, #static-content, blog-content, .prose
{
  display    : block !important;
  position   : static !important;
  width      : auto !important;
  min-width  : 0 !important;
  max-width  : none !important;
  height     : auto !important;
  min-height : 0 !important;
  max-height : none !important;
  margin     : 0 0 0 0 !important;
  padding    : 0 0 0 0 !important;
  overflow   : visible !important;
  visibility : visible !important;
}

.sidebar, .topbar, .immersive-header, .code-toolbar, .statusbar, .page-outline, .skip-link, .link-hints, #loading-screen, dialog, .filterbar, .search-field, .pagination, .notebook-end, .intro-meta, .prose > .back, .article-end-divider, .end-note, .post-arrow, .empty-state button, .fallback > nav, .fallback > footer, .collection-header .eyebrow
{
  display : none !important;
}

dialog::backdrop
{
  display    : none !important;
  background : none !important;
}

.prose
{
  font-size     : 10.5pt !important;
  line-height   : 1.5 !important;
  overflow-wrap : anywhere;
}

.article-header
{
  margin       : 0 0 16pt 0 !important;
  break-inside : avoid;
}

.article-header h1, .prose > h1, .intro h1
{
  margin         : 6pt 0 10pt 0;
  font-size      : 23pt;
  line-height    : 1.2;
  letter-spacing : -0.5pt;
}

.article-header .eyebrow
{
  font-size      : 8pt;
  letter-spacing : 0.5pt;
}

.article-header .dek
{
  font-size   : 11pt;
  line-height : 1.5;
}

.prose h2
{
  margin      : 16pt 0 7pt 0;
  font-size   : 15pt;
  line-height : 1.3;
}

.prose h3
{
  margin      : 12pt 0 6pt 0;
  font-size   : 12pt;
  line-height : 1.3;
}

h1, h2, h3, h4, h5, h6
{
  break-after : avoid;
}

p, li
{
  orphans : 3;
  widows  : 3;
}

.prose p
{
  margin : 0 0 9pt 0;
}

a
{
  color           : var(--print-text) !important;
  text-decoration : underline;
  overflow-wrap   : anywhere;
}

.prose blockquote
{
  margin      : 12pt 0 12pt 0;
  padding     : 4pt 10pt 4pt 10pt;
  border-left : 1pt solid var(--print-border);
  background  : none;
}

.prose code
{
  padding    : 0 0 0 0;
  background : none;
  font       : 9pt/1.4 var(--mono);
}

.code-block
{
  margin     : 1em 0 1em 0;
  border     : 0;
  background : none;
}

.prose pre, .prose .code-block pre
{
  padding       : 9pt 9pt 9pt 9pt;
  border        : 0.5pt solid var(--print-border);
  border-radius : 0 0 0 0;
  background    : none;
  break-inside  : auto;
}

.prose pre, .prose pre code, .prose .sourceCode
{
  max-width     : 100%;
  overflow      : visible !important;
  white-space   : pre-wrap !important;
  overflow-wrap : anywhere;
  word-break    : normal;
  tab-size      : 4;
}

.prose table
{
  display         : table;
  width           : 100%;
  table-layout    : fixed;
  border-collapse : collapse;
  overflow        : visible;
  font-size       : 9pt;
  break-inside    : auto;
}

.prose th, .prose td
{
  padding       : 5pt 6pt 5pt 6pt;
  border        : 0.5pt solid var(--print-border);
  background    : none;
  overflow-wrap : anywhere;
}

thead
{
  display : table-header-group;
}

tfoot
{
  display : table-footer-group;
}

tr
{
  break-inside : avoid;
}

.prose figure, .prose img, .prose svg
{
  max-width    : 100%;
  break-inside : avoid;
}

.prose figure
{
  margin : 12pt 0 12pt 0;
}

.prose img
{
  max-height : 240mm;
  object-fit : contain;
}

.post-list
{
  display : block;
}

.post-row
{
  display      : block;
  padding      : 10pt 0 10pt 0;
  break-inside : avoid;
}

.post-row h2, .post-row h3
{
  margin    : 4pt 0 4pt 0;
  font-size : 14pt;
}

.post-row p
{
  max-width : none;
  font-size : 10pt;
}

.tag[data-tag]
{
  --tag-color : var(--print-muted);
  padding     : 0 0 0 0;
  border      : 0;
  background  : none !important;
}


/* Generated with Clay, http://fvisser.nl/clay */