HBDing/LayoutPainter

1html {2	font-family: Inter;3	font-size: 16px;4	font-weight: 400;5	line-height: 1.5;6	-webkit-text-size-adjust: 100%;7	background: #fff;8	color: #323232;9	-webkit-font-smoothing: antialiased;10	-moz-osx-font-smoothing: grayscale;11	text-rendering: optimizeLegibility;12}13 14:root {15	--space: 1;16	--vspace: calc(var(--space) * 1rem);17	--vspace-0: calc(3 * var(--space) * 1rem);18	--vspace-1: calc(2 * var(--space) * 1rem);19	--vspace-2: calc(1.5 * var(--space) * 1rem);20	--vspace-3: calc(0.5 * var(--space) * 1rem);21}22 23.app {24	max-width: 748px !important;25}26 27.prose p {28	margin: var(--vspace) 0;29	line-height: var(--vspace * 2);30	font-size: 1rem;31}32 33code {34	font-family: "Inconsolata", sans-serif;35	font-size: 16px;36}37 38h1,39h1 code {40	font-weight: 400;41	line-height: calc(2.5 / var(--space) * var(--vspace));42}43 44h1 code {45	background: none;46	border: none;47	letter-spacing: 0.05em;48	padding-bottom: 5px;49	position: relative;50	padding: 0;51}52 53h2 {54	margin: var(--vspace-1) 0 var(--vspace-2) 0;55	line-height: 1em;56}57 58h3,59h3 code {60	margin: var(--vspace-1) 0 var(--vspace-2) 0;61	line-height: 1em;62}63 64h4,65h5,66h6 {67	margin: var(--vspace-3) 0 var(--vspace-3) 0;68	line-height: var(--vspace);69}70 71.bigtitle,72h1,73h1 code {74	font-size: calc(8px * 4.5);75	word-break: break-word;76}77 78.title,79h2,80h2 code {81	font-size: calc(8px * 3.375);82	font-weight: lighter;83	word-break: break-word;84	border: none;85	background: none;86}87 88.subheading1,89h3,90h3 code {91	font-size: calc(8px * 1.8);92	font-weight: 600;93	border: none;94	background: none;95	letter-spacing: 0.1em;96	text-transform: uppercase;97}98 99h2 code {100	padding: 0;101	position: relative;102	letter-spacing: 0.05em;103}104 105blockquote {106	font-size: calc(8px * 1.1667);107	font-style: italic;108	line-height: calc(1.1667 * var(--vspace));109	margin: var(--vspace-2) var(--vspace-2);110}111 112.subheading2,113h4 {114	font-size: calc(8px * 1.4292);115	text-transform: uppercase;116	font-weight: 600;117}118 119.subheading3,120h5 {121	font-size: calc(8px * 1.2917);122	line-height: calc(1.2917 * var(--vspace));123 124	font-weight: lighter;125	text-transform: uppercase;126	letter-spacing: 0.15em;127}128 129h6 {130	font-size: calc(8px * 1.1667);131	font-size: 1.1667em;132	font-weight: normal;133	font-style: italic;134	font-family: "le-monde-livre-classic-byol", serif !important;135	letter-spacing: 0px !important;136}137 138#start .md > *:first-child {139	margin-top: 0;140}141 142h2 + h3 {143	margin-top: 0;144}145 146.md hr {147	border: none;148	border-top: 1px solid var(--block-border-color);149	margin: var(--vspace-2) 0 var(--vspace-2) 0;150}151.prose ul {152	margin: var(--vspace-2) 0 var(--vspace-1) 0;153}154 155.gap {156	gap: 0;157}158