.reference{background-color:#f7f7f7;border:0;cursor:pointer;display:grid;gap:.125rem 10px;grid-template:max-content 100%/37.5% auto;grid-template-areas:"img read" "img content";line-height:1.25;margin:2rem 0;min-width:260px;position:static;right:auto;text-decoration:none;transition:transform .3s cubic-bezier(.165,.84,.44,1);width:auto}.reference__content,.reference__read{padding-right:.75rem}.reference__read{font-size:.875rem;grid-area:read;margin-top:.25rem}.reference__image{grid-area:img;width:100%}.reference__image.media__no-crop{position:static}.reference__content{display:flex;flex-direction:column;font-size:.875rem;grid-area:content;margin-bottom:.25rem;row-gap:.125rem}.reference__title{display:block;font-size:1rem;font-weight:700}.reference__meta{color:#262626;display:inline-block}@media only screen and (min-width:480px){.reference__read{font-size:1rem}.reference__title{display:block;font-size:1.125rem}}@media only screen and (min-width:768px){.reference{background-color:transparent;display:flex;flex-direction:column;left:auto;padding-right:20px;position:absolute;right:calc(100% - 1.5rem);transform:translateY(-4.2rem);width:calc(50vw - 398px)}.reference,.reference__content{row-gap:1rem}.reference__read{font-size:1.125rem}.reference__title{font-size:1.5rem;font-weight:400}.reference__meta{font-size:.875rem}.reference__category,.reference__read{font-weight:700}}@media only screen and (min-width:1024px){.reference:focus,.reference:hover{transform:translate(.5rem,-4.2rem)}}@media only screen and (min-width:1280px){.reference:focus,.reference:hover{transform:translate(.5rem,-4.2rem)}}@media only screen and (min-width:1440px){.reference{padding-right:40px;width:322px}}@media only screen and (min-width:768px){.reference--longread{background-color:#f7f7f7;display:grid;gap:.25rem 20px;grid-template:max-content 100%/42.5% auto;grid-template-areas:"img read" "img content";margin:2rem 0;position:static;right:auto;transform:none;width:auto}.reference--longread .reference__content{row-gap:.25rem}.reference--longread .reference__category{font-weight:400}.reference--longread .reference__read{font-size:1rem}.reference--longread .reference__title{font-size:1.125rem;font-weight:700}.reference--longread .reference__meta{font-size:.875rem}.reference--longread .reference__category,.reference--longread .reference__read{font-weight:400}}@media only screen and (min-width:1024px){.reference--longread:focus,.reference--longread:hover{transform:none}}@media only screen and (min-width:1280px){.reference--longread{background-color:transparent;display:flex;flex-direction:column;left:auto;padding-right:20px;position:absolute;right:calc(100% - 1.5rem);row-gap:1rem;transform:translateY(-4.2rem);width:calc(50vw - 398px)}.reference--longread:focus,.reference--longread:hover{transform:translate(.5rem,-4.2rem)}.reference--longread .reference__content{row-gap:1rem}.reference--longread .reference__read{font-size:1.125rem}.reference--longread .reference__title{font-size:1.5rem;font-weight:400}.reference--longread .reference__meta{font-size:.875rem}.reference--longread .reference__category,.reference--longread .reference__read{font-weight:700}}@media only screen and (min-width:1440px){.reference--longread{width:322px}}.reference--no-image{display:flex;flex-direction:column;padding:8px}