.box{--box-padding:0px;--box-padding-x:var(--box-padding);--box-padding-y:var(--box-padding);--box-border-width:0px;border-radius:var(--rounded);border:var(--box-border-width) solid var(--border-color);max-width:var(--box-max-width);justify-content:stretch;transition-property:box-shadow,transform;transition-duration:.125s;display:flex;position:relative}.box:is(a):focus:not(:focus-visible){outline:none}.box:is(a):focus-visible,.box:not(a):not(:has(.content-lead a)):has(.content-trail):has(a:focus-visible){outline:2px solid var(--focus-color,var(--primary-color));outline-offset:var(--focus-offset,3px)}.box:not(a):not(:has(.content-lead a)):has(.content-trail) a:focus{outline:none}.box:not(a):not(:has(.content-lead a)):has(.content-trail) a:before{content:"";border-radius:var(--rounded);position:absolute;inset:0}.box.with-image{max-width:var(--box-max-width,calc(var(--image-width) + 2 * var(--box-border-width)));flex-flow:column}@media (hover:hover) and (pointer:fine){.box:is(:not(a):not(:has(.content-lead a)):has(.content-trail),:is(a).with-image):hover .img-wrap img{transform:scale(1.075)}}.box .img-wrap{border-top-left-radius:calc(var(--rounded) - 1px);border-top-right-radius:calc(var(--rounded) - 1px);flex-shrink:0;display:block;overflow:hidden}.box .img-wrap img{align-self:center;transition:transform .75s}.box .content-wrap{padding:var(--box-padding-y) var(--box-padding-x);flex-flow:column;flex-grow:1;justify-content:space-between;width:100%;height:auto;display:flex}.box .content-wrap:is(.img-wrap+*){padding-top:var(--element-spacing-md)}.box .content-wrap :is(.content,.content-lead,.content-trail)>:first-child,.box .content-wrap :is(.content,.content-lead,.content-trail)>link:first-child+*,.box .content-wrap :is(.content,.content-lead,.content-trail)>link:first-child+link+*{margin-top:0}.box .content-wrap :is(.content,.content-lead,.content-trail)>:last-child{margin-bottom:0}.box .content-wrap :is(.content,.content-lead,.content-trail)>.lead-text:first-child>:first-child{margin-top:0}.box .content-wrap :is(.content,.content-lead,.content-trail)>.lead-text:last-child>:last-child{margin-bottom:0}.box .content-wrap .content-trail{margin-top:auto}.box .content-wrap .content{width:100%;height:100%}.box .content-wrap .content:has(.content-trail){gap:var(--element-spacing);flex-direction:column;display:flex}