.layout-_default-single { .page-header { hr {display: none;} .container { max-width: 80ch; margin-inline: auto; } } .page-title { margin-block-start: 0; font-size: 2.025rem; line-height: 1.15; letter-spacing: -0.022rem; grid-area: title; } .page-summary { font-style: italic; font-size: 1.266rem; line-height: 1.15; letter-spacing: -0.022rem; margin-block-start: 0.5rem; grid-area: summary; } .page-author { grid-area: author; margin-block: 0; } .page-date { grid-area: date; margin-block-end: 0; } .page-permalink { margin-block-end: 0; align-self: end; } .page-toc { display: none; } .page-content { max-width: 80ch; margin-inline: auto; } @media (min-width: 60rem) { .container {padding: 0;} .page[has-toc] { display: grid; grid-template-columns: 1fr minmax(37em, 80ch) minmax(17em, 20em) 1fr; grid-template-rows: auto 1fr; gap: 2em; .page-header { grid-column: 1 / span 4; grid-row: 1; display: grid; grid-template-columns: 1fr minmax(37em, 80ch) minmax(17em, 20em) 1fr; gap: 2em; .container { max-width: unset; grid-column: 2 / span 2; } } .page-toc { display: block; grid-column: 3; grid-row: 2; position: sticky; top: 2em; align-self: start; justify-self: start; max-width: unset; details { padding: 0; background: none; #TableOfContents { padding-left: 0em; } } } .page-content { grid-column: 2; grid-row: 2; max-width: unset; .toc { display: none; } } } } }