@media screen and (min-width:768px){header>*{padding:0}main{gap:2rem;grid-template-columns:1fr minmax(auto,640px) 1fr}section{grid-column:3;padding:1.5rem 0}section nav h3,section nav ul{display:initial}article{grid-column:1/3}}@media screen and (min-width:840px){header>*{width:60%}main{grid-template-columns:1fr 60% 1fr}article{gap:initial;grid-template-columns:subgrid;padding:0}article aside{flex-direction:column;gap:.25rem;grid-column:1;justify-content:flex-start;padding:2rem 0;text-align:right}article .content{grid-column:2}}@media screen and (min-width:1200px){body{padding:1rem}header>*{max-width:640px}main{grid-template-columns:1fr minmax(auto,640px) 1fr}}@media(prefers-color-scheme:dark){:root{--link-color: #cccccc;--border-color: light-dark(rgb(178, 178, 178), rgb(133, 133, 133))}body{color:#fff;background:#333}article .content{background-color:#222;border-bottom:1px solid #000}article .content .title a{box-shadow:inset 0 0 #000;transition:all 2s ease}article .content .title a:hover{box-shadow:inset 0 -100vh #000}article .details{color:#ddd}article aside{color:#999}article aside .list a{background:#000;color:var(--link-color)}article aside .list a:hover{color:#000;background:var(--link-color)}article blockquote{color:#ccc}article .attachment img{border:1px solid #000}article a.extern{color:#ddd}}