.guideline-card{border:1px solid var(--color-black-10);min-height:5.75rem;box-shadow:var(--boxShadow-light);background-color:var(--color-secondary-light);border-radius:var(--borderRadius-sm);color:var(--color-darkest);transition:background-color var(--transition-fast),color var(--transition-fast);padding:1.3125rem 1.625rem;text-decoration:none;display:block}.guideline-card[href]:focus,.guideline-card[href]:hover{color:var(--color-lightest);background-color:var(--color-secondary)}.guideline-card[href]:active{color:var(--color-lightest);background-color:var(--color-secondary-dark);box-shadow:var(--boxShadow-base)}.guideline-card .vue-content-placeholders-img,.guideline-card .vue-content-placeholders-text__line{background:var(--color-black-10)!important}@media screen and (width>=769px){.guideline-card{min-height:8.875rem}}.guideline-card__title{font-family:var(--font-family-secondary);font-weight:var(--font-weight-secondary-bold);line-height:var(--lineHeight-sm);letter-spacing:-1px;color:inherit;font-size:var(--font-size-xs);line-height:var(--lineHeight-md)}@media screen and (width>=1105px){.guideline-card__title{font-size:var(--font-size-md)}}.guideline-cards{grid-template-columns:repeat(1,1fr);gap:1.125rem;display:grid}@media screen and (width>=769px){.guideline-cards{grid-template-columns:repeat(3,1fr);gap:2rem}}@media screen and (width>=1105px){.guideline-cards{grid-template-columns:repeat(4,1fr)}}