/*! @tacc/core-styles 2.56.1+ | MIT | github.com/TACC/Core-Styles */.x-article-link-stretch{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.x-article-link-stretch--gapless{left:-15px;width:calc(100% + 30px)}.x-article-link-hover{--outline-offset:1em;outline:1px solid var(--global-color-accent--normal);outline-offset:var(--outline-offset)}.x-article-link-hover--gapless{--outline-offset:0}.c-callout{--figure-width--no-units:310;--figure-height--no-units:130;display:grid}.c-callout>:is(img,figure){grid-area:figure}.c-callout>:is(h1,h2,h3,h4,h5,h6){grid-area:title}.c-callout>p{grid-area:desc}.c-callout>p{margin-top:0}.c-callout>figure>img,.c-callout>img{aspect-ratio:var(--figure-width--no-units) /var(--figure-height--no-units);-o-object-fit:cover;object-fit:cover}.c-callout>figure{width:-moz-min-content;width:min-content}@media only screen and (min-width:768px){.c-callout{grid-template-areas:"figure title" "figure desc";grid-template-columns:min-content auto;grid-template-rows:auto min-content;padding:20px;text-align:left}.c-callout>figure{margin:0}.c-callout>:is(img,figure){margin-right:40px}.c-callout>figure>img,.c-callout>img{max-width:-moz-fit-content;max-width:fit-content;width:calc(var(--figure-width--no-units) * 1px)}.c-callout>img{min-height:100%}}@media only screen and (max-width:767.98px){.c-callout{grid-template-areas:"figure" "title" "desc";padding:20px 40px;text-align:center}.c-callout>figure{margin:0}.c-callout>:is(img,figure){margin-bottom:20px}.c-callout>figure>img,.c-callout>img{height:calc(var(--figure-height--no-units) * 1px);max-height:-moz-fit-content;max-height:fit-content}.c-callout>img{min-width:100%}}.c-callout>:is(img,figure){place-self:center}.c-callout>p{padding-right:1%}.c-callout{background-color:var(--global-color-accent--normal)}.c-callout>:is(h1,h2,h3,h4,h5,h6){border-bottom:1px solid var(--global-color-primary--xx-light);font-size:var(--global-font-size--x-large);font-weight:var(--medium);margin-bottom:12px;margin-top:0;padding-bottom:12px}.c-callout>:is(h1,h2,h3,h4,h5,h6),[class*=o-section--style] .c-callout>:is(h1,h2,h3,h4,h5,h6){color:var(--global-color-primary--xx-light)}.c-callout>:not(h1,h2,h3,h4,h5,h6){color:var(--global-color-primary--xx-light)}.c-callout>:not(h1,h2,h3,h4,h5,h6,figure){font-size:var(--global-font-size--large);font-weight:var(--medium)}a.c-callout:hover{--outline-offset:1em;outline:1px solid var(--global-color-accent--normal);outline-offset:var(--outline-offset);text-decoration:none}a.c-callout:active{outline:1px dotted var(--global-color-accent--normal)}a.c-callout:focus{text-decoration:none}