@layer components{.c-card{--header-min-height:1em;--header-backdrop-height:1rem;--header-ribbon-width:100px;--header-ribbon-y-offset:-2px;--header-ribbon-x-offset:40px;background-color:#fff;border-radius:var(--card-radius);display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative}.c-card:before{background-color:var(--brand-yellow);content:"";height:100%;inset:0;margin:0;pointer-events:none;position:absolute;z-index:1}.c-card:after,.c-card:before{-webkit-clip-path:polygon(0 0,100% 0,100% var(--header-backdrop-height),0 var(--header-backdrop-height));clip-path:polygon(0 0,100% 0,100% var(--header-backdrop-height),0 var(--header-backdrop-height));transition:-webkit-clip-path .18s ease-in-out;transition:clip-path .18s ease-in-out;transition:clip-path .18s ease-in-out,-webkit-clip-path .18s ease-in-out;z-index:1}.c-card:after,.c-card__header:after{background-color:#f9dd6c;content:"";height:100%;inset:0 var(--header-ribbon-x-offset) auto auto;margin:0;-webkit-mask-image:url(../../../img/tenc-wave-tessellating.svg);-webkit-mask-repeat:repeat-y;-webkit-mask-size:var(--header-ribbon-width) auto;pointer-events:none;position:absolute;width:var(--header-ribbon-width);-webkit-mask-position-y:var(--header-ribbon-y-offset)}.c-card__header:after{z-index:3}@media (pointer:fine){.c-card--has-link:focus-within,.c-card--has-link:hover{cursor:pointer;--header-backdrop-height:100%}}.c-card--has-shadow{box-shadow:0 5px 10px rgba(0,0,0,.15)}.c-card:focus-within{outline:2px solid var(--brand-black);outline-offset:calc(var(--grid-padding)/2)}.c-card__header{background-color:var(--brand-yellow);box-sizing:content-box;min-height:1rem;overflow:hidden;padding:1rem var(--card-padding);position:relative;transition:background .3s ease-in-out;z-index:2}.c-card__header-title{font-size:16px;font-weight:450;line-height:1;position:relative;z-index:4}.c-card__content{display:flex;flex:1 0 auto;flex-direction:column;gap:1rem;margin:0;padding:var(--card-padding);position:relative;transition:background .3s ease-in-out;z-index:3}.c-card__title{line-height:var(--card-title-line-height);margin-top:0}.c-card__title strong{font-weight:450}.c-card__title__icon{color:inherit;font-size:.6em;position:relative;top:-.2em}.c-card__title__icon--external{font-size:.5em;top:-.7em}.c-card--is-external .c-card__title:after{content:"\e09f";display:inline;font-family:var(--fa-font-family);font-size:.75em;position:relative;top:-.2em;vertical-align:baseline}.c-card__details{background-color:var(--brand-grey);border-radius:5px;font-size:16px;margin-top:.5rem;padding:.5rem 1rem;transition:background .3s ease-in-out}@media (pointer:fine){.c-card--has-link:hover .c-card__details,.c-card:focus-within .c-card__details{background-color:#fff}}.c-card__details__item{display:flex;flex-wrap:wrap;gap:.25em;margin-top:.25em}.c-card__details__item:first-child{margin-top:0}@media (pointer:fine){.c-card--has-link:focus-within,.c-card--has-link:hover{--link-underline-color:var(--brand-black)}.c-card--has-link:hover .c-card__tags,.c-card:focus-within .c-card__tags{--tag-color:#fff}}.c-card__details__title{font-weight:450}.c-card__details__detail{font-weight:350}.c-card__blurb{margin:0}.c-card__blurb strong{font-weight:450}.c-card__link-wrapper{align-items:center;display:flex;justify-content:space-between;margin-top:auto;z-index:1}.c-card__link-wrapper:after{align-items:center;aspect-ratio:1/1;background-color:var(--brand-yellow);border-radius:50%;color:var(--brand-black);content:"\f061";display:flex;font-family:var(--fa-font-family);font-size:1.5rem;font-weight:300;justify-content:center;margin-left:auto;transition:color .3s ease-in-out,background .3s ease-in-out;width:54px}.c-card__link-wrapper--download:after{transform:rotate(90deg)}@media (pointer:fine){.c-card--has-link:hover .c-card__link-wrapper:after{background-color:#fff;color:var(--brand-black)}.c-card--has-link:hover .c-card__link,.c-card:focus-within .c-card__link{--underline-color:var(--brand-black)}}.c-card__hidden-link{height:100%;left:0;margin:0;outline-offset:calc(var(--grid-gutter-width)/2);position:absolute;top:0;width:100%;z-index:5}@media only screen and (max-width:800px){.c-card__link-wrapper:after{font-size:1rem;width:40px}.c-card__details{margin-top:.5rem}}}