body#reading [role=main] ul{list-style:none;margin:0;padding:0}body#reading [role=main] ul.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(3 * var(--spacing-unit)) calc(2 * var(--spacing-unit))}body#reading [role=main] ul li{transition:opacity .3s ease}body#reading [role=main] figure{margin:0}@media screen and (min-width:700px){body#reading [role=main] ul.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:900px){body#reading [role=main] ul.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(4 * var(--spacing-unit)) calc(2 * var(--spacing-unit))}}@media screen and (min-width:1140px){body#reading [role=main] ul.grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:calc(5 * var(--spacing-unit)) var(--layout-gap)}}