Typora "Newsprint" Overrides

These are the specific overrides I'm using for Typora's Newsprint theme.

/** Sri's Newsprint Theme Overrides **\   
\** last updated: 02-09-2023        **/

/* essential patches */
html,
body {
  background-color: white !important;
}

p {
  margin-bottom: 0;
}

ul,
ol {
  margin: 0 0 1em 0;
  padding-inline-start: 1.7rem;
}

/* disable fixed-width document */
#write {
  max-width: initial;
}

@media only screen and (min-width: 1400px) {
  #write {
    max-width: initial
  }
}

/* adjust header styles for better hierarchy */
h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-weight: bold;
  line-height: 1.4;
  cursor: text;
}

h2,
h3 {
  letter-spacing: -0.01rem;
}

h1 {
  font-size: 3rem;
  letter-spacing: -0.05rem;
  text-transform: none;
  border: 0;
  padding-bottom: 1rem;
}

h2 {
  font-size: 1.8rem;
}

h3 {
  margin-bottom: 1rem;
  font-style: italic;
  font-size: 1.7rem;
  border-bottom: 1px dotted #777;
  font-weight: normal;
}

h4,
h5 {
  margin-bottom: 0rem;
}

/* background color of inline code */
code {
  background-color: #EEEEEE;
  border-radius: 10%;
  padding: 0 0.5ch 1px 0.5ch;
}

/* background color of fenced code blocks */
.md-fences {
  margin-left: 0;
  margin-bottom: 0;
  padding-top: 1.2ch;
  padding-bottom: 1.2ch;
  background-color: #F2F2F2;
}

/* adjust the style and positioning of checkboxes */
.md-task-list-item>input:before {
  content: '\10102';
  height: 1.6rem;
}

.md-task-list-item>input {
  transform: translate(0, -25%);
}

.md-task-list-item>input:before {
  color: #bbb;
  background-color: #e8e7e2;
}

.md-task-list-item>input:checked::before,
.md-task-list-item>input[checked]::before {
  color: white;
  background-color: gray;
}

/* change the way front matter is rendered in MD file */
#write pre.md-meta-block {
  color: rgb(51, 51, 119);
  background: rgba(51, 51, 119, 0.1);
  min-height: 1.875rem;
  border: 0px;
  margin: 0 0 3rem 0;
  padding: 4px 8px;
  border: 1px dotted rgba(51, 51, 119, 0.5);
  font-family: "Iosevka", monospace, "Courier New", courier
}

/* overwrite bullshit sizing */
@media print {

  #write {
    max-width: 100%;
  }

  body {
    font-size: 14px;
  }

}

@page {
  size: letter;
  margin: 0.25in;
}