.sized { --page-width: 36rem; } body { line-height: 1.6; } h1 { line-height: 1; } h2, h3 { line-height: 1; margin-top: 2rem; } a { color: var(--text-link); } a:visited { color: var(--text-link-visited); } aside { border: 1px dashed var(--text); border-radius: 1rem; padding: .25rem .5rem; width: 90%; margin: 1.25rem auto; } img { display: block; width: 100%; margin: 1.25rem auto; } code { font-size: 1rem; } details { position: relative; padding: 0.5rem 1rem; width: 80%; margin: 1.25rem auto; } details::before { content: ''; position: absolute; top: 0; left: 0; width: 2rem; height: 1rem; border-width: 1px 0 0 1px; border-color: var(--text); border-style: solid; z-index: -1; } details::after { content: ''; position: absolute; bottom: 0; right: 0; width: 2rem; height: 1rem; border-width: 0 1px 1px 0; border-color: var(--text); border-style: solid; z-index: -1; }