main._default-single { .container { display: grid; gap: 1em; @media (min-width: 40rem) { grid-template-columns: 1fr minmax(auto, 80ch) 1fr; > * { grid-column: 2; } } } .page { @media (min-width: 40rem) { font-size: 1.25em; } } .page-header { hr {display: none;} padding-block: 2em; } .page-title { font-weight: bold; font-size: 1.953em; line-height: 1; } .page-summary { max-inline-size: 65ch; font-size: 1.25em; line-height: 1.4; font-style: italic; } .page-date { font-size: 1em; line-height: 1; } .page-author { display: none; } .page-content { padding-block: 2em; blockquote { padding-block: 1rem; padding-inline-start: 1rem; border-inline-start: 4px solid black; background: #eee; font-style: italic; } h1 {font-size: 1.953em} h2 {font-size: 1.563em} h3 {font-size: 1.25em} h4 {font-size: 1em} h1, h2, h3, h4 {margin-block-start: 1em} ul, ol { margin-inline-start: 1em; } } }